const COOKIE_KEY = 'paoli-cookie-consent';

function Home() {
  const { Header, Footer, FloatingCallButton, CookieBanner } = window.PAOLIPlomberieDesignSystem_b9eca4;

  const [choice, setChoice] = React.useState(() => {
    try {
      const raw = localStorage.getItem(COOKIE_KEY);
      return raw ? JSON.parse(raw) : null;
    } catch (e) {
      return null;
    }
  });
  const [manualOpen, setManualOpen] = React.useState(false);

  function persist(next) {
    setChoice(next);
    setManualOpen(false);
    try { localStorage.setItem(COOKIE_KEY, JSON.stringify(next)); } catch (e) {}
  }

  const bannerOpen = manualOpen || choice === null;
  const mapsAllowed = !!(choice && choice.maps);

  return (
    <div>
      <Header logoSrc="assets/logo/logo-mark-sauge.png" />
      <Hero />
      <ReassuranceStrip />
      <Services />
      <Realisations />
      <WhyUs />
      <Reviews />
      <ServiceArea />
      <Faq />
      <ContactSection mapsAllowed={mapsAllowed} onRevealMap={() => persist({ maps: true })} />
      <Footer onManageCookies={() => setManualOpen(true)} />
      <FloatingCallButton href="tel:+33783289482" label="07 83 28 94 82" />
      <CookieBanner
        open={bannerOpen}
        onAcceptAll={() => persist({ maps: true })}
        onRejectAll={() => persist({ maps: false })}
        onSave={(choices) => persist({ maps: !!choices.maps })}
      />
    </div>
  );
}
window.Home = Home;