Merge branch 'new-release' into CR/product_detail

1 files changed, 8 insertions, 4 deletions

diff --git a/src/components/ui/HeroBannerSecondary.jsx b/src/components/ui/HeroBannerSecondary.jsx
index b1023990..a7b32a4a 100644
--- a/src/components/ui/HeroBannerSecondary.jsx
+++ b/src/components/ui/HeroBannerSecondary.jsx
@@ -18,18 +18,22 @@ const HeroBannerSecondary = () => {
   if (heroBannerSecondary.isLoading) return <HeroBannerSkeleton />
 
   return (
-    heroBannerSecondary.data && (
-      <Link href={heroBannerSecondary.data[randomIndex].url} className='h-full'>
+    heroBannerSecondary.data && randomIndex !== null && (
+      <Link href={heroBannerSecondary.data[randomIndex].url} className="h-full">
         <Image
           src={heroBannerSecondary.data[randomIndex].image}
           width={512}
           height={1024}
           alt={heroBannerSecondary.data[randomIndex].name}
-          className='object-cover object-center h-full'
+          className="object-cover object-center h-full"
+          loading="lazy" 
+          placeholder="blur" 
+          blurDataURL="/images/indoteknik-placeholder.png" 
+          sizes="(max-width: 768px) 100vw, 50vw" 
         />
       </Link>
     )
-  )
+  );
 }
 
 export default HeroBannerSecondary