Back to Library
Premium 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
// AI SaaS Landing Page Architect
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.