Kumasy-Marketing/app/page.tsx

import { Hero } from "./components/hero";
import { ScrollProgress, ScrollStage } from "./components/motion";
import { PhoneShowcase } from "./components/phone-showcase";
import { SmoothScroll } from "./components/smooth-scroll";
import {
  ClosingCta,
  FaqSection,
  Footer,
  Objections,
  Pilot,
  Pricing,
  Problem,
  Showcase,
  Solution,
  Steps,
} from "./components/sections";
import { Nav } from "./components/ui";

export default function Page() {
  return (
    <>
      <SmoothScroll />
      <ScrollProgress />
      <Nav />

      <main id="hauptinhalt" className="flex-1">
        {/* The hero is not staged — it is already at rest on load, and
            fading it in as the page opens would hide the headline. */}
        <Hero />
        <ScrollStage>
          <Problem />
        </ScrollStage>
        <ScrollStage>
          <Solution />
        </ScrollStage>
        <Showcase />
        <PhoneShowcase />
        <ScrollStage>
          <Steps />
        </ScrollStage>
        <ScrollStage>
          <Pricing />
        </ScrollStage>
        <ScrollStage>
          <Objections />
        </ScrollStage>
        <ScrollStage>
          <Pilot />
        </ScrollStage>
        <ScrollStage>
          <FaqSection />
        </ScrollStage>
        <ClosingCta />
      </main>

      <Footer />
    </>
  );
}