import { Navbar } from '@/components/sections/Navbar';
import { Hero } from '@/components/sections/Hero';
import { Why } from '@/components/sections/Why';
import { Ecosystem } from '@/components/sections/Ecosystem';
import { Destinations } from '@/components/sections/Destinations';
import { Dashboard } from '@/components/sections/Dashboard';
import { Pricing } from '@/components/sections/Pricing';
import { Contact } from '@/components/sections/Contact';
import { Footer } from '@/components/sections/Footer';

export default function Page() {
  return (
    <main>
      {/*  ============ FIXED NAV ============  */}
      <Navbar />

      {/*  ============ HERO ============  */}
      <Hero />

      {/*  ============ WHY SECTION ============  */}
      <Why />

      {/*  ============ ECOSYSTEM / BENTO ============  */}
      <Ecosystem />

      {/*  ============ DESTINATIONS (carousel) ============  */}
      <Destinations />

      {/*  ============ DASHBOARD ============  */}
      <Dashboard />

      {/*  ============ PRICING ============  */}
      <Pricing />

      {/*  ============ CONTACT ============  */}
      <Contact />

      {/*  ============ FOOTER ============  */}
      <Footer />
    </main>
  );
}