Full-featured landing site rebuilt from Framer to code using Next.js 16, Tailwind CSS 4, and Framer Motion.
- Framework: Next.js 16 (App Router, TypeScript)
- Styling: Tailwind CSS 4
- Animations: Framer Motion
- Icons: Lucide React
- Deployment: Vercel-ready
npm install
npm run devOpen http://localhost:3000.
| Route | Description |
|---|---|
/ |
Home — hero, dashboard preview, features, solutions, testimonials, CTA |
/about |
Company story, values, team |
/pricing |
Three-tier pricing + FAQ |
/ai-solutions |
Product deep-dive, use cases, how it works |
/integration |
200+ tool integrations, API showcase |
/changelog |
Versioned release timeline |
/contact |
Contact form + company info |
/blog |
Blog listing + individual post pages |
/privacy-policy |
Legal content |
/launching-soon |
Countdown timer + email signup |
404 |
Custom error page |
| Token | Hex | Usage |
|---|---|---|
--ad-primary |
#CA8AE5 |
Primary purple |
--ad-accent |
#B55CFF |
Accent / CTA |
--ad-deep |
#3E286F |
Deep purple |
--ad-ice |
#E1D8F3 |
Light text |
--ad-surface |
#0F0B14 |
Card backgrounds |
--ad-black |
#000000 |
Page background |
npm run build
npm startChore: tiny non-functional change for commit test.