import { createFileRoute } from "@tanstack/react-router";
import { SiteLayout } from "@/components/site/SiteLayout";
import { Hero } from "@/components/site/Hero";
import { Services } from "@/components/site/Services";
import { HowItWorks } from "@/components/site/HowItWorks";
import { WhyAirfis } from "@/components/site/WhyAirfis";
import { AppShowcase } from "@/components/site/AppShowcase";
import { FAQSection } from "@/components/site/FAQSection";

export const Route = createFileRoute("/")({
  head: () => ({
    meta: [
      { title: "Airfis — India's Smart Vehicle Ecosystem" },
      {
        name: "description",
        content:
          "Book service, track technicians live and manage every vehicle you own — from one beautifully designed app. 8+ services, 120+ cities.",
      },
      { property: "og:title", content: "Airfis — India's Smart Vehicle Ecosystem" },
      {
        property: "og:description",
        content:
          "Everything your vehicle needs, on one smart platform. Book, track and manage service across 120+ cities.",
      },
      { property: "og:type", content: "website" },
      { name: "twitter:card", content: "summary_large_image" },
    ],
  }),
  component: Index,
});

function Index() {
  return (
    <SiteLayout>
      <Hero />
      <Services />
      <HowItWorks />
      <WhyAirfis />
      <AppShowcase />
      <FAQSection />
    </SiteLayout>
  );
}