const DSH = window.ConstruimosTuEdificioDesignSystem_3f039f;
const D_H = window.CTE_DATA;

function Home({ onNavigate }) {
  const { Hero } = DSH;
  return (
    <React.Fragment>
      <Hero image={D_H.photos.hero}
        chips={["Respuesta en menos de 24 h hábiles", "Obra activa en 5 ciudades", "Proyectos llave en mano"]}
        title="Construimos edificios que generan valor para el futuro"
        subtitle="Nos encargamos de tu proyecto de principio a fin — planeación, diseño, estructuras y construcción — para que tú solo tengas que preocuparte por el resultado."
        primaryCta={{ label: "Solicitar una cotización", href: "/contacto/" }}
        secondaryCta={{ label: "Conoce nuestros servicios", href: "#servicios" }}
        stats={[
          { value: "100+", label: "Proyectos desarrollados" },
          { value: "15+", label: "Años de experiencia" },
          { value: "60+", label: "Proyectos residenciales" },
          { value: "20+", label: "Proyectos comerciales" },
          { value: "1:1", label: "Atención personalizada" }
        ]} />
      <TrustStrip />
      <IntroSection onNavigate={onNavigate} />
      <ServicesSection onNavigate={onNavigate} />
      <ProjectsSection onNavigate={onNavigate} />
      <TeamSection />
      <OfficeSection />
      <TestimonialsSection />
      <FinalCTA onNavigate={onNavigate} />
      <FaqSection />
    </React.Fragment>
  );
}
Object.assign(window, { Home });