product item + product section

2026-07-19 12:03:21 +03:30
parent 7bb9240f21
commit 9a58990cae
6 changed files with 81 additions and 3 deletions
@@ -0,0 +1,26 @@
+import { Carousel, CarouselControls, CarouselSlide, CarouselTrack } from "@/app/components/Carousel";
+import { type FC } from "react";
+import ProductCard from "./ProductCard";
+
+const ProductSection: FC = () => {
+  return (
+    <div className="mt-[120px] px-[120px]">
+      <Carousel slidesPerView={5} gap={40}>
+        <div className="flex justify-between items-center">
+          <div className="font-bold text-2xl">محبوب‌ترین محصولات</div>
+          <CarouselControls prevLabel="محصولات قبلی" nextLabel="محصولات بعدی" />
+        </div>
+
+        <CarouselTrack className="mt-12">
+          {Array.from({ length: 10 }).map((_, index) => (
+            <CarouselSlide key={index}>
+              <ProductCard />
+            </CarouselSlide>
+          ))}
+        </CarouselTrack>
+      </Carousel>
+    </div>
+  );
+};
+
+export default ProductSection;