From a3875b3e803d7075fa8788286fb478bb0c825d26 Mon Sep 17 00:00:00 2001
From: it-fixcomart <it@fixcomart.co.id>
Date: Tue, 30 Jul 2024 14:06:55 +0700
Subject: <iman> update category management banner

---
 src/lib/home/components/CategoryPilihan.jsx | 17 ++++++-----------
 src/pages/index.jsx                         |  2 +-
 2 files changed, 7 insertions(+), 12 deletions(-)

(limited to 'src')

diff --git a/src/lib/home/components/CategoryPilihan.jsx b/src/lib/home/components/CategoryPilihan.jsx
index e47524aa..72e6f6a8 100644
--- a/src/lib/home/components/CategoryPilihan.jsx
+++ b/src/lib/home/components/CategoryPilihan.jsx
@@ -23,25 +23,21 @@ const CategoryPilihan = ({ id, categories }) => {
                         <div className='font-semibold sm:text-h-lg mr-2'>LOB Kategori Pilihan</div>
                         <p className='text-gray_r-10 text-sm'>200 Rb+ Produk Unggulan & 800+ Brand Rekomendasi tersedia!</p>
                     </div>
-                    <div className='flex w-full h-48 justify-center mb-4'>
                         {heroBanner.data &&
                             heroBanner.data?.length > 0 && (
-                                <div className=' '>
-                                        <Link key={heroBanner.data[0].id} href={heroBanner.data[0].url}>
+                                <div className='flex w-full h-full justify-center mb-4 bg-cover bg-center'>
+                                        <Link  key={heroBanner.data[0].id} href={heroBanner.data[0].url}>
                                             <Image
                                             width={1260}
                                             height={170}
                                             quality={100}
-                                            // src={heroBanner.data[0].image}
-                                            src={"https://erp.indoteknik.com/web/image?model=x_banner.banner&id=345&field=x_banner_image&unique=09202023101820"}
+                                            src={heroBanner.data[0].image}
                                             alt={heroBanner.data[0].name}
-                                            className='h-48 object-cover w-full'
+                                            className='h-full object-cover w-full'
                                             />
                                         </Link>
-                                </div>
-                            
+                            </div>
                             )}
-                    </div>
                     <div className="group/item grid grid-cols-6 gap-y-2 w-full h-full col-span-2 ">
                             {categoryPilihan?.data?.map((category) => (
                                 <div key={category.id} className="KartuInti h-48 w-60 max-w-sm   lg:max-w-full flex flex-col   border-[1px] border-gray-200  relative group">
@@ -72,7 +68,7 @@ const CategoryPilihan = ({ id, categories }) => {
                         <div className='font-semibold sm:text-h-md mr-2'>LOB Kategori Pilihan</div>
                         {/* <p className='text-gray_r-10 text-sm'>200 Rb+ Produk Unggulan & 800+ Brand Rekomendasi tersedia!</p> */}
                     </div>
-                    <div className='flex mb-4'>
+                    <div className='flex'>
                         {heroBanner.data &&
                             heroBanner.data?.length > 0 && (
                                 <div className=' object-fill '>
@@ -87,7 +83,6 @@ const CategoryPilihan = ({ id, categories }) => {
                                             />
                                         </Link>
                                 </div>
-                            
                             )}
                     </div>
                         <Swiper slidesPerView={2.1} spaceBetween={10}>
diff --git a/src/pages/index.jsx b/src/pages/index.jsx
index 64c880c7..9d9d5dc0 100644
--- a/src/pages/index.jsx
+++ b/src/pages/index.jsx
@@ -156,7 +156,7 @@ export default function Home({categoryId}) {
         <DelayRender renderAfter={200}>
           <HeroBanner />
         </DelayRender>
-        <div className='flex flex-col gap-y-12 my-6'>
+        <div className='flex flex-col gap-y-4 my-6'>
           <DelayRender renderAfter={400}>
             <ServiceList />
           </DelayRender>
-- 
cgit v1.2.3