import { createFileRoute } from "@tanstack/react-router";
import { About } from "@/components/about";
import { Booking } from "@/components/booking";
import { Hero } from "@/components/hero";
import { SiteFooter } from "@/components/site-footer";
import { SiteHeader } from "@/components/site-header";
import { Treatments } from "@/components/treatments";

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

function Home() {
  return (
    <div className="min-h-svh bg-canvas text-ink">
      <SiteHeader />
      <main>
        <Hero />
        <Treatments />
        <About />
        <Booking />
      </main>
      <SiteFooter />
    </div>
  );
}