// Diana Vicente Nutricionista - main app

const WHATSAPP_NUMBER = "5548992224933";
const WHATSAPP_MESSAGE = "Oi, Diana! Vim pelo site e quero saber mais sobre sua consultoria Shape Blindado.";

const App = () => {
  const [formOpen, setFormOpen] = React.useState(false);

  const openWhatsApp = () => {
    const url = `https://wa.me/${WHATSAPP_NUMBER}?text=${encodeURIComponent(WHATSAPP_MESSAGE)}`;
    const isMobile = /Mobi|Android|iPhone|iPad/i.test(navigator.userAgent);
    if (isMobile) {
      window.location.href = url;
    } else {
      window.open(url, '_blank', 'noopener,noreferrer');
    }
  };

  return (
    <>
      <Nav onWhatsApp={openWhatsApp} />
      <main>
        <Hero onOpenForm={() => setFormOpen(true)} onWhatsApp={openWhatsApp} />
        <Pain onWhatsApp={openWhatsApp} />
        <About onWhatsApp={openWhatsApp} />
        <Services onWhatsApp={openWhatsApp} />
        <Process onWhatsApp={openWhatsApp} />
        <Testimonials onWhatsApp={openWhatsApp} />
        <VideoTestimonials onWhatsApp={openWhatsApp} />
        <FAQ />
      </main>
      <Footer onOpenForm={() => setFormOpen(true)} onWhatsApp={openWhatsApp} />

      <FloatingActions onWhatsApp={openWhatsApp} />
      <MultiStepForm
        open={formOpen}
        onClose={() => setFormOpen(false)}
        onWhatsApp={openWhatsApp}
      />
    </>
  );
};

const root = ReactDOM.createRoot(document.getElementById("root"));
root.render(<App />);