Prompt

AI SaaS Landing Page Architect

Build premium AI SaaS landing pages using Next.js, Tailwind CSS, Framer Motion, and App Router best practices.

prompt.txt

Act as a Senior Product Designer + Full Stack Frontend Engineer.

Your task is to create a premium AI SaaS landing page using Next.js App Router, TypeScript, Tailwind CSS, and Framer Motion.

Requirements:
- Modern 2026 startup aesthetic
- Highly conversion-focused
- Mobile-first responsive design
- Smooth but minimal animations
- SEO optimized
- Accessibility compliant
- Fast loading and production ready
- Clean folder architecture
- Reusable components
- Dark/light mode support
- Premium typography hierarchy
- Glassmorphism only where appropriate
- Avoid generic AI-generated layouts

Sections Required:
- Hero
- Social proof
- Features grid
- AI workflow visualization
- Testimonials
- Pricing
- FAQ
- CTA
- Footer

Output:
- Full component structure
- Tailwind classes
- TypeScript types
- Animation logic
- Suggested color palette
- Suggested fonts
- SEO metadata
- Best practices explanation

Act like you are designing for a billion-dollar startup launch.