/* Platform, main scrolling homepage. Kept clean (per direction): the hero
   carries a single subtle photo background; the rest stays editorial paper. */
function PlatformApp() {
  const sections = [
    { id: "top",      label: "Top" },
    { id: "why",      label: "Why DPF" },
    { id: "engine",   label: "Engine" },
    { id: "pathway",  label: "The platform" },
    { id: "explore",  label: "Explore" },
    { id: "begin",    label: "Begin" },
  ];

  return (
    <div>
      <SideDock sections={sections} />
      <PlatformHero />
      <WhySection />
      <TrackRecord />
      <InkSection />
      <PathwaySection />
      <FunnelSection />
      <BigCTA id="begin" />
      <Footer />
    </div>
  );
}
window.PlatformApp = PlatformApp;