// App shell — full single page with organic wave dividers between sections.
function App() {
  return (
    <React.Fragment>
      <Header />
      <main>
        <Hero />
        <WaveDivider top="#EAF1FA" bottom="#FDFBF6" variant={0} />
        <TrustBadges />
        <WaveDivider top="#FDFBF6" bottom="#FBF8F1" variant={1} />
        <WillFinder />
        <WaveDivider top="#FBF8F1" bottom="#FDFBF6" variant={0} />
        <Process />
        <WaveDivider top="#FDFBF6" bottom="#EAF1FA" variant={1} />
        <Services />
        <WaveDivider top="#EAF1FA" bottom="#FDFBF6" variant={0} />
        <WhyChoose />
        <WaveDivider top="#FDFBF6" bottom="#1A3066" variant={1} />
        <Risks />
        <WaveDivider top="#22386F" bottom="#FBF8F1" variant={0} />
        <Testimonials />
        <WaveDivider top="#FBF8F1" bottom="#EAF1FA" variant={1} />
        <Coverage />
        <WaveDivider top="#EAF1FA" bottom="#FBF8F1" variant={0} />
        <Contact />
        <WaveDivider top="#FBF8F1" bottom="#1A3066" variant={1} />
      </main>
      <Footer />
      <FloatingWhatsApp />
      <MobileBottomBar />
      {/* spacer so the mobile bottom bar never covers the footer */}
      <div className="h-[76px] lg:hidden" aria-hidden="true" />
    </React.Fragment>
  );
}

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