Update UI style

7 files changed, 9 insertions, 9 deletions

diff --git a/src/components/ui/HeroBanner.jsx b/src/components/ui/HeroBanner.jsx
index d7d3d854..6cf7902c 100644
--- a/src/components/ui/HeroBanner.jsx
+++ b/src/components/ui/HeroBanner.jsx
@@ -21,7 +21,7 @@ const swiperBanner = {
   },
   modules: [Pagination, Autoplay],
   loop: true,
-  className: 'border border-gray_r-6',
+  className: 'border border-gray_r-6 min-h-full',
   slidesPerView: 1
 }
 
diff --git a/src/components/ui/PopularProduct.jsx b/src/components/ui/PopularProduct.jsx
index 211291c8..bbbd18bc 100644
--- a/src/components/ui/PopularProduct.jsx
+++ b/src/components/ui/PopularProduct.jsx
@@ -16,14 +16,14 @@ const PopularProduct = () => {
       <>
         <MobileView>
           <div className='px-4'>
-            <div className='font-medium mb-4'>Produk Banyak Dilihat</div>
+            <div className='font-semibold mb-4'>Produk Banyak Dilihat</div>
             <ProductSlider products={popularProduct.data} simpleTitle />
           </div>
         </MobileView>
 
         <DesktopView>
           <div className='border border-gray_r-6 h-full overflow-auto'>
-            <div className='font-medium text-center p-4 bg-gray_r-1 border-b border-gray_r-6 sticky top-0 z-10'>
+            <div className='font-semibold text-center p-4 bg-gray_r-1 border-b border-gray_r-6 sticky top-0 z-10'>
               Produk Banyak Dilihat
             </div>
             <div className='h-full divide-y divide-gray_r-6'>
diff --git a/src/lib/home/components/CategoryHomeId.jsx b/src/lib/home/components/CategoryHomeId.jsx
index 3707063c..71428e27 100644
--- a/src/lib/home/components/CategoryHomeId.jsx
+++ b/src/lib/home/components/CategoryHomeId.jsx
@@ -7,7 +7,7 @@ const CategoryHomeId = () => {
 
   return (
     <div>
-      <div className='font-medium sm:text-h-lg mb-6 px-4 sm:px-0'>Kategori Pilihan</div>
+      <div className='font-semibold sm:text-h-lg mb-6 px-4 sm:px-0'>Kategori Pilihan</div>
       <div className='flex flex-col gap-y-10'>
         {categoryHomeIds.data?.map((id) => (
           <LazyLoadComponent key={id}>
diff --git a/src/lib/home/components/PreferredBrand.jsx b/src/lib/home/components/PreferredBrand.jsx
index 34c50220..55abe0b7 100644
--- a/src/lib/home/components/PreferredBrand.jsx
+++ b/src/lib/home/components/PreferredBrand.jsx
@@ -12,9 +12,9 @@ const PreferredBrand = () => {
   return (
     <div className='px-4 sm:px-0'>
       <div className='flex justify-between items-center mb-4'>
-        <div className='font-medium sm:text-h-lg'>Brand Pilihan</div>
+        <div className='font-semibold sm:text-h-lg'>Brand Pilihan</div>
         {isDesktop && (
-          <Link href='/shop/brands' className='btn-yellow !text-gray_r-12'>
+          <Link href='/shop/brands' className='!text-red-500 font-semibold'>
             Lihat Semua
           </Link>
         )}
diff --git a/src/lib/review/components/CustomerReviews.jsx b/src/lib/review/components/CustomerReviews.jsx
index 5cc179e9..7cad52fb 100644
--- a/src/lib/review/components/CustomerReviews.jsx
+++ b/src/lib/review/components/CustomerReviews.jsx
@@ -12,7 +12,7 @@ const CustomerReviews = () => {
 
   return (
     <div className='px-4 sm:px-0'>
-      <div className='font-medium sm:text-h-lg mb-4'>Ulasan Konsumen Kami</div>
+      <div className='font-semibold sm:text-h-lg mb-4'>Ulasan Konsumen Kami</div>
 
       <DesktopView>
         <Swiper slidesPerView={3.2} spaceBetween={16} {...swiperProps}>
diff --git a/src/pages/_app.jsx b/src/pages/_app.jsx
index 089622da..a8d18917 100644
--- a/src/pages/_app.jsx
+++ b/src/pages/_app.jsx
@@ -53,7 +53,7 @@ function MyApp({ Component, pageProps }) {
           <motion.div
             initial={{ opacity: 0 }}
             animate={{ opacity: 1 }}
-            exit={{ opacity: 0, transition: { delay: 0.15 } }}
+            exit={{ opacity: 0, transition: { delay: 0.05 } }}
             transition={{
               duration: 0.15
             }}
diff --git a/src/pages/index.jsx b/src/pages/index.jsx
index 43a3b8c9..9900e405 100644
--- a/src/pages/index.jsx
+++ b/src/pages/index.jsx
@@ -31,7 +31,7 @@ export default function Home() {
 
   const handleOnLoad = () => {
     wrapperRef.current.style.height =
-      bannerRef.current.querySelector(':first-child').clientHeight + 'px'
+      bannerRef.current?.querySelector(':first-child')?.clientHeight + 'px'
   }
 
   return (