Landing

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}    />  );}