Fix banner url

1 files changed, 10 insertions, 7 deletions

diff --git a/src/pages/index.jsx b/src/pages/index.jsx
index 31c6b240..5d2a3afb 100644
--- a/src/pages/index.jsx
+++ b/src/pages/index.jsx
@@ -9,6 +9,7 @@ import { useQuery } from 'react-query'
 import odooApi from '@/core/api/odooApi'
 import Image from 'next/image'
 import DelayRender from '@/core/components/elements/DelayRender/DelayRender'
+import Link from '@/core/components/elements/Link/Link'
 
 const BasicLayout = dynamic(() => import('@/core/components/layouts/BasicLayout'))
 const FlashSale = dynamic(() => import('@/lib/flashSale/components/FlashSale'))
@@ -57,13 +58,15 @@ export default function Home() {
           <div className='flex h-[360px]' ref={wrapperRef} onLoad={handleOnLoad}>
             <div className='w-2/12'>
               {secondHeroBanner.isFetched && (
-                <Image
-                  src={secondHeroBanner.data[0].image}
-                  width={512}
-                  height={1024}
-                  alt={secondHeroBanner.data[0].name}
-                  className='object-cover object-center h-full'
-                />
+                <Link href={secondHeroBanner.data[0].url}>
+                  <Image
+                    src={secondHeroBanner.data[0].image}
+                    width={512}
+                    height={1024}
+                    alt={secondHeroBanner.data[0].name}
+                    className='object-cover object-center h-full'
+                  />
+                </Link>
               )}
             </div>
             <div className='w-7/12 px-1' ref={bannerRef}>