export const dynamic = 'force-dynamic';

import React from "react";
import Categories from "@/components/home/header/Categories";
import Hero from "@/components/home/Hero";
import Promotion from "@/components/home/Promotion"
import ProductGrid from "@/components/home/ProductCardGroup";
import HomeBottom from "@/components/home/homeBottom";

const HomePage = () => {
  return (
    <main className="flex flex-col gap-4 max-w-[1350px] mx-auto mt-4">
        <Hero />
        {/* <Categories /> */}
        <ProductGrid />
        {/* <Promotion /> */}

        <HomeBottom />
        
    </main>
  );
};

export default HomePage;