import { Shell } from '../../src/marketing/Shell.tsx';
import { ApproveWithProof } from '../../src/marketing/home/ApproveWithProof.tsx';
import { ClosingCta } from '../../src/marketing/home/ClosingCta.tsx';
import { Examples } from '../../src/marketing/home/Examples.tsx';
import { Faq } from '../../src/marketing/home/Faq.tsx';
import { Hero } from '../../src/marketing/home/Hero.tsx';
import { PricingTeaser } from '../../src/marketing/home/PricingTeaser.tsx';
import { ProofStrip } from '../../src/marketing/home/ProofStrip.tsx';
import { SafeByDesign } from '../../src/marketing/home/SafeByDesign.tsx';
import { SectionHeader } from '../../src/marketing/home/SectionHeader.tsx';
import { SurfacesShowcase } from '../../src/marketing/home/SurfacesShowcase.tsx';
import { WatchTheWork } from '../../src/marketing/home/WatchTheWork.tsx';

export default function HomePage() {
  return (
    <Shell>
      <Hero />
      <ProofStrip />
      <section className="m-section m-section-first">
        <SectionHeader
          eyebrow="One screen"
          title="Talk. Watch. Decide."
          subtitle="The workspace puts the conversation, your live site and the to-do board side by side, so you always know what Wursor is doing."
          mobileSubtitle="The workspace puts the conversation, your live site and the board side by side."
        />
        <SurfacesShowcase />
      </section>
      <WatchTheWork />
      <ApproveWithProof />
      <SafeByDesign />
      <Examples />
      <PricingTeaser />
      <Faq />
      <ClosingCta />
    </Shell>
  );
}