category detail

2026-07-21 09:48:39 +03:30
parent 6ae9a6a17f
commit fe1e545aaf
10 changed files with 254 additions and 13 deletions
@@ -0,0 +1,28 @@
+import ContactCtaSection from "@/app/home/components/ContactCtaSection";
+import CategoryFilters from "./components/CategoryFilters";
+import CategoryHero from "./components/CategoryHero";
+import CategoryProducts from "./components/CategoryProducts";
+import CategoryToolbar from "./components/CategoryToolbar";
+
+const CategoryDetailPage = () => {
+  return (
+    <div>
+      <CategoryHero />
+
+      <div className="px-4 mt-10 sm:px-8 lg:px-30 pt-8 sm:pt-10 pb-8 sm:pb-10">
+        <div className="flex flex-col gap-4 lg:flex-row lg:items-start lg:gap-6">
+          <CategoryFilters />
+
+          <div className="min-w-0 w-full flex-1 space-y-4 sm:space-y-5">
+            <CategoryToolbar />
+            <CategoryProducts />
+          </div>
+        </div>
+      </div>
+
+      <ContactCtaSection />
+    </div>
+  );
+};
+
+export default CategoryDetailPage;