import type { Metadata } from "next";

import { AppFeaturesSection } from "@/components/home/AppFeaturesSection";
import { ContactSection } from "@/components/home/ContactSection";
import { DownloadSection } from "@/components/home/DownloadSection";
import { Footer } from "@/components/home/Footer";
import { Header } from "@/components/home/Header";
import { HeroSection } from "@/components/home/HeroSection";
import { HowItWorksSection } from "@/components/home/HowItWorksSection";
import { PartnerSection } from "@/components/home/PartnerSection";
import { ServicesSection } from "@/components/home/ServicesSection";
import { StatsSection } from "@/components/home/StatsSection";
import { TestimonialsSection } from "@/components/home/TestimonialsSection";
import { WhyChooseSection } from "@/components/home/WhyChooseSection";

export const metadata: Metadata = {
  title: "WASHY — Professional Car Wash at Your Doorstep",
  description:
    "Book trusted car wash professionals in a few taps, or grow your car wash business with WASHY. On-demand car wash and auto detailing.",
};

/**
 * Public marketing landing page (the `/` route, outside the portal shell).
 * Serves both audiences: customers are pointed to the mobile app, while the
 * actionable provider CTAs (login / register) wire into the real panel routes.
 * Each section owns its own gutter — see components/home/Section.
 */
export default function Home() {
  return (
    <div className="flex min-h-screen flex-col bg-white">
      <Header />
      <main className="flex-1">
        <HeroSection />
        <StatsSection />
        <ServicesSection />
        <WhyChooseSection />
        <HowItWorksSection />
        <AppFeaturesSection />
        <PartnerSection />
        <TestimonialsSection />
        <DownloadSection />
        <ContactSection />
      </main>
      <Footer />
    </div>
  );
}