From 49198fed8da2ab476bebc2233907063b02de0d66 Mon Sep 17 00:00:00 2001
From: Rafi Zadanly <zadanlyr@gmail.com>
Date: Tue, 31 Jan 2023 16:21:33 +0700
Subject: Product slider categories home page

---
 src/components/products/ProductSlider.js | 15 ++++++++++++++-
 1 file changed, 14 insertions(+), 1 deletion(-)

(limited to 'src/components/products')

diff --git a/src/components/products/ProductSlider.js b/src/components/products/ProductSlider.js
index ddc505c7..cf663995 100644
--- a/src/components/products/ProductSlider.js
+++ b/src/components/products/ProductSlider.js
@@ -2,11 +2,24 @@ import { Swiper, SwiperSlide } from "swiper/react";
 import ProductCard from "./ProductCard";
 import ImagePlaceholderIcon from "../../icons/image-placeholder.svg";
 import "swiper/css";
+import Image from "../elements/Image";
+import Link from "../elements/Link";
 
-export default function ProductSlider({ products }) {
+export default function ProductSlider({ 
+  products, 
+  bannerMode = false 
+}) {
   return (
     <>
+      { bannerMode && (
+        <Image src={products.image} alt={products.name} className="absolute top-0 left-0 h-full max-w-[55%]" />
+      ) }
       <Swiper freeMode={true} slidesPerView={2.2} spaceBetween={8}>
+        { bannerMode && (
+          <SwiperSlide>
+            <Link href={`/shop/search?category=${products.name}`} className="w-full h-full block"></Link>
+          </SwiperSlide>
+        ) }
         {products?.products?.map((product, index) => (
           <SwiperSlide key={index}>
             <ProductCard data={product} />
-- 
cgit v1.2.3