import { createFileRoute } from "@tanstack/react-router";
import { SmoothScroll } from "@/components/SmoothScroll";
import { Nav } from "@/components/Nav";
import { Hero } from "@/components/sections/Hero";
import { Land } from "@/components/sections/Land";
import { Vision } from "@/components/sections/Vision";
import { Gallery } from "@/components/sections/Gallery";
import { Video } from "@/components/sections/Video";
import { Location } from "@/components/sections/Location";
import { Seasonal } from "@/components/sections/Seasonal";
import { Market } from "@/components/sections/Market";
import { Team } from "@/components/sections/Team";
import { Inquiry } from "@/components/sections/Inquiry";
import { Footer } from "@/components/sections/Footer";

export const Route = createFileRoute("/")({
  component: Index,
  head: () => ({
    meta: [
      { title: "The Private Gem · 144 Acres on Beluga Bay, Kenai Peninsula" },
      {
        name: "description",
        content:
          "The Private Gem — 144 acres of waterfront development land on Beluga Bay, Alaska's Kenai Peninsula. An eco-luxury opportunity overlooking Cook Inlet and the Chugach Mountains.",
      },
      { property: "og:title", content: "The Private Gem · 144 Acres on Beluga Bay" },
      {
        property: "og:description",
        content:
          "An eco-luxury development opportunity on Alaska's Kenai Peninsula — overlooking Cook Inlet and the Chugach Mountains.",
      },
    ],
  }),
});

function Index() {
  return (
    <main className="bg-paper text-ink overflow-x-hidden">
      <SmoothScroll />
      <Nav />
      <Hero />
      <Land />
      <Vision />
      <Gallery />
      <Video />
      <Location />
      <Seasonal />
      <Market />
      <Team />
      <Inquiry />
      <Footer />
    </main>
  );
}
