/**
 * ANNOTATED COPY — every line explained
 * Source: src/app/page.tsx
 * NOT used by the app — read this to learn how the real file works
 */
// Import project module (@/ alias = src/ folder in tsconfig)
import Hero from '@/components/home/Hero';
// Import project module (@/ alias = src/ folder in tsconfig)
import TrustBadges from '@/components/home/TrustBadges';
// Import project module (@/ alias = src/ folder in tsconfig)
import AboutPreview from '@/components/home/AboutPreview';
// Import project module (@/ alias = src/ folder in tsconfig)
import CategoryGrid from '@/components/home/CategoryGrid';
// Import project module (@/ alias = src/ folder in tsconfig)
import FeaturedProducts from '@/components/home/FeaturedProducts';
// Import project module (@/ alias = src/ folder in tsconfig)
import HowItWorks from '@/components/home/HowItWorks';
// Import project module (@/ alias = src/ folder in tsconfig)
import WeeklyOffers from '@/components/home/WeeklyOffers';
// Import project module (@/ alias = src/ folder in tsconfig)
import SocialFollow from '@/components/home/SocialFollow';
// Import project module (@/ alias = src/ folder in tsconfig)
import ContactPreview from '@/components/home/ContactPreview';
// Import project module (@/ alias = src/ folder in tsconfig)
import CTA from '@/components/home/CTA';
// (blank line — separates logical blocks for readability)
// Default export — main component/page Next.js or other files import
export default function HomePage() {
  // Return JSX — describes UI tree React renders to the DOM
  return (
    // React Fragment — group elements without extra wrapper DOM node
    <>
      // JSX element — HTML-like tag becomes React component in browser
      <Hero />
      // JSX element — HTML-like tag becomes React component in browser
      <TrustBadges />
      // JSX element — HTML-like tag becomes React component in browser
      <AboutPreview />
      // JSX element — HTML-like tag becomes React component in browser
      <CategoryGrid />
      // JSX element — HTML-like tag becomes React component in browser
      <FeaturedProducts />
      // JSX element — HTML-like tag becomes React component in browser
      <HowItWorks />
      // JSX element — HTML-like tag becomes React component in browser
      <WeeklyOffers />
      // JSX element — HTML-like tag becomes React component in browser
      <CTA />
      // JSX element — HTML-like tag becomes React component in browser
      <SocialFollow />
      // JSX element — HTML-like tag becomes React component in browser
      <ContactPreview />
    // JSX element — HTML-like tag becomes React component in browser
    </>
  // Line 26: );
  );
// Closing brace — end of block (function, if, object, JSX)
}
