import { Hero } from "@/components/home/Hero";
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 { StoreQRSection } from "@/components/home/StoreQRSection";

export default function HomePage() {
  return (
    <main className="page-canvas px-3 sm:px-4 md:px-5 lg:px-6 xl:px-8 2xl:px-10 pt-2 md:pt-3 lg:pt-4 pb-0">
      <div className="page-frame">
        <Hero />
        <ServiceCategories />
        <WhyNearle />
        <HowItWorks />
        <HyperlocalFeatures />
        <BusinessSection />
        <StoreQRSection />
      </div>
    </main>
  );
}