import type { Metadata } from "next";
import { PremiumPageShell } from "@/components/common/PremiumPageShell";
import { Hero } from "@/components/home/Hero";
import { WhyNearleDifferent } from "@/components/home/WhyNearleDifferent";
import { AICommerceIntro } from "@/components/home/AICommerceIntro";
import { VoiceCommerceExperience } from "@/components/home/VoiceCommerceExperience";
import { ServiceCategories } from "@/components/home/ServiceCategories";
import { WhyNearle } from "@/components/home/WhyNearle";
import { HowItWorks } from "@/components/home/HowItWorks";
import { HyperlocalFeatures } from "@/components/home/HyperlocalFeatures";
import { BusinessSection } from "@/components/home/BusinessSection";
import { WhyAICommerceWins } from "@/components/home/WhyAICommerceWins";
import { StoreQRSection } from "@/components/home/StoreQRSection";

export const metadata: Metadata = {
  title: "AI Commerce Platform for Neighbourhood Stores",
  description:
    "Nearle digitizes the neighbourhood stores you already trust. Shop from nearby merchants, let Nearle AI find products by natural language, and get orders packed by the shopkeeper and delivered by a Nearle rider.",
  openGraph: {
    title: "Nearle — AI Commerce Platform for Neighbourhood Stores",
    description:
      "Not another delivery app. Nearle adds AI, a digital storefront, and ordering to the local stores you already trust.",
    url: "https://nearle.in",
  },
  alternates: { canonical: "/" },
};

export default function HomePage() {
  return (
    <PremiumPageShell>
      <Hero />
      <WhyAICommerceWins />
      <AICommerceIntro />
      <VoiceCommerceExperience />
      <WhyNearle />
      <WhyNearleDifferent />
      <HowItWorks />
      <HyperlocalFeatures />
      <ServiceCategories />
      <BusinessSection />
      <StoreQRSection />
    </PremiumPageShell>
  );
}
