import { LandingNav } from "../components/landing/LandingNav";
import { HeroSection } from "../components/landing/HeroSection";
import { CostSection } from "../components/landing/CostSection";
import { ShiftSection } from "../components/landing/ShiftSection";
import { ProductSection } from "../components/landing/ProductSection";
import { ProofSection } from "../components/landing/ProofSection";
import { ObjectionsSection } from "../components/landing/ObjectionsSection";
import { ClosingSection } from "../components/landing/ClosingSection";

/**
 * Orquestador de la landing. Solo compone: toda la lógica y el copy viven en las
 * secciones, que no reciben props ni comparten estado. Export default porque
 * `React.lazy` en App.tsx lo exige.
 *
 * Orden del funnel: problema → costo → mecanismo → prueba → objeción → cierre.
 * `LandingNav` es chrome fijo, no cuenta como sección.
 */
export default function LandingPage() {
  return (
    <div className="landing">
      <LandingNav />
      <HeroSection />
      <CostSection />
      <ShiftSection />
      <ProductSection />
      <ProofSection />
      <ObjectionsSection />
      <ClosingSection />
    </div>
  );
}