import { ProductGrid } from "@/components/product-grid"
import { Banner } from "@/components/banner"
import { ProductFilters } from "@/components/product-filters"
import { Footer } from "@/components/footer"
import { SAMPLE_PRODUCTS } from "@/lib/sample-products"

export default function HomePage() {
  return (
    <>
      <div className="container mx-auto py-8">
        <Banner />
        <div className="my-8 flex flex-col md:flex-row gap-8">
          <div className="w-full md:w-64">
            <ProductFilters />
          </div>
          <div className="flex-1">
            <h2 className="text-2xl font-bold mb-6">Специальные предложения!</h2>
            <ProductGrid products={SAMPLE_PRODUCTS} />
          </div>
        </div>
      </div>
      <Footer />
    </>
  )
}