new styles

frontend/style/app/page.tsx

@@ -0,0 +1,28 @@
+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 />
+    </>
+  )
+}
+