Marketing website for ENGXLABS built with Next.js App Router, React 19, TypeScript, Tailwind CSS, and Framer Motion.
This project is a single-page, section-based website focused on AI-native engineering and transformation services.
Core sections in the homepage flow:
- Navbar
- Hero
- Problem
- AI Native Enterprise
- Services
- Solutions
- Framework
- Why ENGXLABS
- Founder
- CTA
- Footer
- Next.js 15
- React 19
- TypeScript
- Tailwind CSS 3
- Framer Motion
- ESLint (Next.js config)
.
├── public/
├── src/
│ ├── app/
│ │ ├── globals.css
│ │ ├── layout.tsx
│ │ └── page.tsx
│ └── components/
│ ├── AINativeEnterprise.tsx
│ ├── CTA.tsx
│ ├── Footer.tsx
│ ├── Founder.tsx
│ ├── Framework.tsx
│ ├── Hero.tsx
│ ├── Navbar.tsx
│ ├── Problem.tsx
│ ├── Services.tsx
│ ├── Solutions.tsx
│ └── WhyENGXLABS.tsx
├── next.config.ts
├── tailwind.config.ts
├── tsconfig.json
└── package.json
- Node.js 18.18+ (or Node.js 20+ recommended)
- npm
npm installnpm run devOpen http://localhost:3000.
npm run dev- Start local dev servernpm run build- Create production buildnpm run start- Run production build locallynpm run lint- Run ESLint
- Global styles and design tokens are defined in
src/app/globals.css. - The app uses a dark, grid-based visual system with custom utility classes.
- Motion and entrance animations are implemented with Framer Motion in section components.
Site metadata (title, description, OpenGraph, Twitter card, metadata base URL) is configured in src/app/layout.tsx.
Recommended platforms:
- Vercel
- Any Node.js hosting that supports Next.js standalone/server mode
Typical production flow:
npm run build
npm run start- This repo includes a
.gitignorefor Next.js, Node modules, local editor files, and environment files.