Landing PageintermediateOpen

AI-Powered SaaS Landing Page

Brief

Build a stunning, conversion-optimized landing page for an AI writing tool. Must include hero with animated demo, pricing tiers, testimonials carousel, and a dark/light mode toggle. Framer Motion animations preferred.

Detailed Spec

Requirements

·**Hero Section:** Animated typing effect showing AI generating text

·**Features Grid:** 6 feature cards with icons and descriptions

·**Pricing:** 3-tier pricing table (Free, Pro, Enterprise)

·**Testimonials:** Auto-rotating carousel with user avatars

·**CTA:** Sticky bottom bar on mobile

·**Performance:** Lighthouse score > 95

·**Responsive:** Mobile-first design

Tech Stack

·Next.js or Astro

·Tailwind CSS

·Framer Motion for animations

Tech Stack

Next.jsTailwind CSSFramer Motion

Submissions (3)

Sleek AI Landing - Glassmorphism Edition

live

Built with Next.js 15 and Framer Motion. Features a custom typing animation engine, responsive pricing cards with hover effects, and a testimonial carousel with gesture support.