Build a modern, visually polished landing page for a SaaS product. Include the following sections:
Hero Section – Bold headline, subheadline, a primary CTA button ("Get Started Free"), and a secondary CTA ("See How It Works"). Add a mock product screenshot or dashboard preview placeholder.
Features Section – 3–4 feature cards with icons, titles, and short descriptions arranged in a responsive grid.
How It Works Section – A 3-step numbered process with icons and brief explanations laid out horizontally on desktop, stacked on mobile.
Testimonials Section – 3 mock customer testimonials with avatar placeholders, names, roles, and quotes displayed in cards.
Pricing Section – 3 pricing tiers (Free, Pro, Enterprise) displayed as cards. Highlight the middle "Pro" tier. Each card includes a price, list of features, and a CTA button.
FAQ Section – 5–6 accordion-style questions and answers that expand/collapse on click.
Footer – Logo placeholder, navigation links grouped by category, and social media icon links.
Design Requirements:
IMPORTANT BUILD INSTRUCTIONS:
Now I'll build all the components in parallel.
Now I'll build all components and update the theme in parallel:
Now assemble the main page and update the layout metadata:
The landing page is fully built with all 7 sections. Here's a summary of what was created: