import { ProductGrid } from "@/components/product-grid"
import { Header } from "@/components/header"

import { Banner } from "@/components/banner"
import { ProductFilters } from "@/components/product-filters"
import { Footer } from "@/components/footer"

export default function HomePage() {
  return (
    <>
     
      <div className="container mx-auto px-4 py-8">
        <Header/>

        <Banner />
        <div className="my-8 flex gap-8">
          <ProductFilters />
          <div className="flex-1">
            <h2 className="text-2xl font-bold mb-6">Специальные предложения!</h2>
            <ProductGrid />
          </div>
        </div>
      </div>
      <Footer />
    </>
  )
}