import { createFileRoute } from "@tanstack/react-router";
import { Nav } from "@/components/landing/Nav";
import { Hero } from "@/components/landing/Hero";
import { Services } from "@/components/landing/Services";
import { HowItWorks } from "@/components/landing/HowItWorks";
import { WhyUs } from "@/components/landing/WhyUs";
import { DriverCTA } from "@/components/landing/DriverCTA";
import { FAQ } from "@/components/landing/FAQ";
import { StickyCallBar } from "@/components/landing/StickyCallBar";
import { Footer } from "@/components/landing/Footer";

export const Route = createFileRoute("/")({
  component: Index,
});

function Index() {
  return (
    <div className="min-h-screen bg-sand font-body text-ink antialiased selection:bg-brand/40">
      <Nav />
      <main>
        <Hero />
        <Services />
        <HowItWorks />
        <WhyUs />
        <DriverCTA />
        <FAQ />
      </main>
      <Footer />
      <StickyCallBar />
    </div>
  );
}