function WhatsAppButton() {
  return (
    <a
      href="https://wa.me/5541998889716"
      className="whatsapp-float"
      target="_blank"
      rel="noreferrer"
      aria-label="Falar no WhatsApp"
      title="Falar no WhatsApp"
    >
      <svg viewBox="0 0 32 32" aria-hidden="true">
        <path fill="currentColor" d="M19.11 17.39c-.29-.14-1.71-.84-1.98-.94-.26-.1-.45-.14-.64.14-.19.29-.74.94-.91 1.13-.17.19-.34.22-.63.08-.29-.14-1.22-.45-2.32-1.43-.86-.77-1.44-1.72-1.61-2.01-.17-.29-.02-.44.12-.58.13-.13.29-.34.43-.51.14-.17.19-.29.29-.48.1-.19.05-.36-.02-.51-.08-.14-.64-1.55-.88-2.13-.23-.55-.47-.47-.64-.48l-.54-.01c-.19 0-.48.07-.73.36-.24.29-.95.92-.95 2.25s.97 2.61 1.11 2.79c.14.19 1.91 2.92 4.63 4.09.65.28 1.16.45 1.56.58.65.21 1.24.18 1.7.11.52-.08 1.71-.7 1.95-1.37.24-.67.24-1.24.17-1.37-.07-.12-.26-.19-.55-.33Z"/>
        <path fill="currentColor" d="M16.01 3.2c-7.06 0-12.8 5.74-12.8 12.8 0 2.26.59 4.47 1.71 6.42L3.2 28.8l6.54-1.68a12.73 12.73 0 0 0 6.27 1.68h.01c7.06 0 12.79-5.74 12.79-12.8 0-3.42-1.33-6.64-3.75-9.05A12.71 12.71 0 0 0 16.01 3.2Zm0 23.43h-.01a10.6 10.6 0 0 1-5.4-1.48l-.39-.23-3.88 1 1.04-3.79-.25-.39a10.59 10.59 0 0 1-1.63-5.63c0-5.87 4.77-10.64 10.64-10.64 2.84 0 5.51 1.1 7.51 3.11a10.55 10.55 0 0 1 3.11 7.52c0 5.86-4.77 10.63-10.63 10.63Z"/>
      </svg>
      <span>WhatsApp</span>
    </a>
  );
}

function App() {
  return (
    <div data-screen-label="Landing Page - Indicação">
      <Hero />
      <HowItWorks />
      <RewardsSection />
      <Testimonials />
      <FAQ />
      <FinalCTA />
      <Footer />
      <WhatsAppButton />
    </div>
  );
}

window.App = App;

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