import { HeroSectionBlock } from "@launchapp/design-system/blocks/landing";export default function Page() {  return (    <HeroSectionBlock      eyebrow="Introducing v2.0"      headline="Build products users love"      subheadline="The complete design system for modern SaaS applications."      primaryAction={<a href="/signup">Get started free</a>}      secondaryAction={<a href="/docs">Read the docs</a>}      variant="centered"    />  );}

import { CTASection } from "@launchapp/design-system/blocks/landing";export default function Page() {  return (    <CTASection      headline="Ready to get started?"      description="Join thousands of teams already using LaunchApp."      primaryAction={<a href="/signup">Start for free</a>}      secondaryAction={<a href="/contact">Talk to sales</a>}    />  );}

import { FAQSection } from "@launchapp/design-system/blocks/landing";const faqs = [  { id: "1", question: "How do I get started?", answer: "Sign up and follow the quickstart guide." },  { id: "2", question: "Is there a free plan?", answer: "Yes, we have a generous free tier." },];export default function Page() {  return <FAQSection faqs={faqs} headline="Frequently asked questions" />;}

import { FeatureGridBlock } from "@launchapp/design-system/blocks/landing";const features = [  { id: "1", title: "Fast", description: "Optimized for performance.", icon: <span>⚡</span> },  { id: "2", title: "Secure", description: "Enterprise-grade security.", icon: <span>🔒</span> },  { id: "3", title: "Scalable", description: "Grows with your business.", icon: <span>📈</span> },];export default function Page() {  return <FeatureGridBlock headline="Why choose us" features={features} />;}

import { PricingSectionBlock } from "@launchapp/design-system/blocks/landing";const tiers = [  { id: "free", name: "Free", monthlyPrice: 0, annualPrice: 0, features: ["5 projects", "Community support"], cta: "Get started", href: "/signup" },  { id: "pro", name: "Pro", monthlyPrice: 29, annualPrice: 290, features: ["Unlimited projects", "Priority support"], cta: "Start trial", href: "/signup/pro", highlighted: true },];export default function Page() {  return <PricingSectionBlock tiers={tiers} headline="Simple, transparent pricing" />;}

import { PricingTableBlock } from "@launchapp/design-system/blocks/landing";const plans = [  { id: "starter", name: "Starter", price: "$9/mo", features: { "API calls": "10k", Storage: "5GB" } },  { id: "pro", name: "Pro", price: "$29/mo", features: { "API calls": "100k", Storage: "50GB" } },];export default function Page() {  return <PricingTableBlock plans={plans} featureKeys={["API calls", "Storage"]} />;}

import { TestimonialsSection } from "@launchapp/design-system/blocks/landing";const testimonials = [  { id: "1", quote: "LaunchApp cut our dev time in half.", author: "Alice Johnson", role: "CTO", company: "Acme Inc." },  { id: "2", quote: "Best component library we've used.", author: "Bob Smith", role: "Lead Engineer", company: "Startup Co." },];export default function Page() {  return <TestimonialsSection testimonials={testimonials} headline="Loved by developers" />;}

import { SaaSLanding } from "@launchapp/design-system/blocks/landing";export default function Page() {  return (    <SaaSLanding      productName="MyApp"      headline="The all-in-one platform"      subheadline="Everything you need to build, launch, and grow."      ctaLabel="Get started free"      ctaHref="/signup"    />  );}

import { Agency } from "@launchapp/design-system/blocks/landing";export default function Page() {  return (    <Agency      agencyName="Pixel Studio"      tagline="We craft digital experiences."      ctaLabel="See our work"    />  );}

import { Startup } from "@launchapp/design-system/blocks/landing";export default function Page() {  return (    <Startup      headline="The next big thing"      description="Join the waitlist and be first to know."      onJoinWaitlist={(email) => console.log("waitlist", email)}    />  );}

import { Portfolio } from "@launchapp/design-system/blocks/landing";const projects = [  { id: "1", title: "Project Alpha", description: "A web application.", tags: ["React", "Node.js"], imageUrl: "" },];export default function Page() {  return (    <Portfolio      name="Alex Developer"      bio="I build things for the web."      projects={projects}    />  );}

import { HeroBrowserFrame } from "@launchapp/design-system/blocks/landing";export default function Page() {  return (    <HeroBrowserFrame      url="app.yourproduct.com"      stats={[        { label: "Monthly Revenue", value: "$12.4k", trend: "up" },        { label: "Active Users", value: "2,847", trend: "up" },        { label: "Conversion", value: "3.24%", trend: "down" },      ]}    />  );}

import { Agency } from "@launchapp/design-system/blocks/landing";export default function Page() {  return (    <Agency      badge="Award-winning studio"      headline="We craft digital experiences that convert"      subheadline="Strategy, design, and engineering for forward-thinking brands."      primaryAction={<a href="/contact">Start a project</a>}      services={[        { title: "Strategy", description: "Brand positioning and go-to-market planning." },        { title: "Design", description: "UI/UX design systems and prototyping." },        { title: "Engineering", description: "Full-stack development and DevOps." },      ]}    />  );}

import { CTASection } from "@launchapp/design-system/blocks/landing";export default function Page() {  return (    <CTASection      background="primary"      headline="Ready to ship faster?"      subtext="Join thousands of developers building with LaunchApp."      primaryAction={<a href="/signup">Get started free</a>}      secondaryAction={<a href="/docs">View docs</a>}      align="center"    />  );}

import { FAQSection } from "@launchapp/design-system/blocks/landing";export default function Page() {  return (    <FAQSection      eyebrow="FAQ"      headline="Frequently asked questions"      items={[        { question: "How do I get started?", answer: "Sign up for free and follow the quickstart guide." },        { question: "Is there a free plan?", answer: "Yes, we have a generous free tier with 5 projects and 10 GB storage." },        { question: "Can I cancel anytime?", answer: "Absolutely. Cancel at any time with no questions asked." },        { question: "Do you offer team pricing?", answer: "Yes, our Pro and Enterprise plans support unlimited team members." },      ]}    />  );}

import { FeatureGridBlock } from "@launchapp/design-system/blocks/landing";export default function Page() {  return (    <FeatureGridBlock      cols="3"      eyebrow="Features"      headline="Everything you need to ship"      subheadline="Production-ready UI components built for modern applications."      features={[        { title: "Accessible", description: "Built on Radix UI primitives for full keyboard and screen reader support." },        { title: "Customizable", description: "CSS custom properties and Tailwind for effortless theming." },        { title: "TypeScript", description: "Fully typed APIs with IntelliSense for a great DX." },        { title: "Dark Mode", description: "First-class dark mode support out of the box." },        { title: "Production Ready", description: "Battle-tested components shipped in production apps." },        { title: "Open Source", description: "MIT licensed and open for contributions." },      ]}    />  );}

import { Portfolio } from "@launchapp/design-system/blocks/landing";export default function Page() {  return (    <Portfolio      name="Alice Johnson"      title="Full-Stack Engineer & Designer"      bio="I build beautiful, performant web applications with a focus on user experience."      projects={[        { title: "LaunchApp", description: "A complete SaaS design system.", tags: ["React", "TypeScript"], link: "#" },        { title: "DataViz", description: "Real-time analytics dashboard.", tags: ["Next.js", "D3.js"], link: "#" },        { title: "Commerce", description: "E-commerce platform with AR.", tags: ["Remix", "Three.js"], link: "#" },      ]}    />  );}

import { PricingSectionBlock } from "@launchapp/design-system/blocks/landing";export default function Page() {  return (    <PricingSectionBlock      headline="Choose your plan"      subheadline="Scale as your team grows."      tiers={[        { name: "Free", monthlyPrice: "0", annualPrice: "0", description: "Perfect for individuals.", features: ["5 projects", "10 GB storage", "Community support"], ctaLabel: "Get started" },        { name: "Pro", monthlyPrice: "29", annualPrice: "290", description: "Best for growing teams.", features: ["Unlimited projects", "100 GB storage", "Priority support"], ctaLabel: "Start free trial", popular: true },        { name: "Enterprise", monthlyPrice: "99", annualPrice: "990", description: "For large organizations.", features: ["Everything in Pro", "SSO", "Dedicated support"], ctaLabel: "Contact sales" },      ]}    />  );}

import { PricingTableBlock } from "@launchapp/design-system/blocks/landing";export default function Page() {  return (    <PricingTableBlock      headline="Simple, transparent pricing"      subheadline="No hidden fees. Cancel anytime."    />  );}

import { SaaSLanding } from "@launchapp/design-system/blocks/landing";export default function Page() {  return (    <SaaSLanding      badge="New — v2.0 released"      headline="Build faster with LaunchApp"      subheadline="A complete design system built on Radix UI and Tailwind CSS."      primaryAction={<a href="/signup">Get started</a>}      secondaryAction={<a href="/docs">View docs</a>}      featuresTitle="Everything you need"      features={[        { title: "Fast", description: "Optimized for performance." },        { title: "Secure", description: "Enterprise-grade security." },        { title: "Scalable", description: "Grows with your business." },      ]}    />  );}

import { Startup } from "@launchapp/design-system/blocks/landing";export default function Page() {  return (    <Startup      badge="YC-backed"      headline="The fastest way to build your startup"      subheadline="From idea to launch in days, not months."      primaryAction={<a href="/signup">Start building</a>}      socialProof={[        { metric: "500+", label: "Startups" },        { metric: "$50M+", label: "Raised" },        { metric: "10k+", label: "Users" },      ]}      testimonials={[        { quote: "Shipped our MVP in 2 weeks using LaunchApp.", author: "Sarah Chen", role: "Founder at Acme" },      ]}    />  );}

import { TestimonialsSection } from "@launchapp/design-system/blocks/landing";export default function Page() {  return (    <TestimonialsSection      displayMode="grid"      eyebrow="Testimonials"      headline="Loved by developers"      testimonials={[        { quote: "LaunchApp cut our dev time in half.", author: { name: "Alice Johnson", role: "CTO", company: "Startup Inc." } },        { quote: "Best component library we've used.", author: { name: "Bob Smith", role: "Lead Engineer", company: "Startup Co." } },        { quote: "The theming support is incredible.", author: { name: "Carol White", role: "Frontend Lead", company: "TechCorp" } },      ]}    />  );}