video page

1 files changed, 15 insertions, 11 deletions

diff --git a/src/pages/index.jsx b/src/pages/index.jsx
index c6737037..99f94ee1 100644
--- a/src/pages/index.jsx
+++ b/src/pages/index.jsx
@@ -1,10 +1,10 @@
 import dynamic from 'next/dynamic'
-import Seo from '@/core/components/Seo'
 import ImageSkeleton from '@/core/components/elements/Skeleton/ImageSkeleton'
 import PopularProductSkeleton from '@/lib/home/components/Skeleton/PopularProductSkeleton'
 import MobileView from '@/core/components/views/MobileView'
 import DesktopView from '@/core/components/views/DesktopView'
 import { useRef } from 'react'
+import { NextSeo } from 'next-seo'
 
 const BasicLayout = dynamic(() => import('@/core/components/layouts/BasicLayout'))
 
@@ -35,19 +35,23 @@ export default function Home() {
 
   return (
     <BasicLayout>
-      <Seo title='Beranda - Indoteknik' />
+      <NextSeo
+        title='Indoteknik.com: B2B Industrial Supply & Solution'
+        description='Temukan pilihan produk B2B Industri &amp; Alat Teknik untuk Perusahaan, UMKM &amp; Pemerintah dengan lengkap, mudah dan transparan.'
+        canonical={process.env.NEXT_PUBLIC_SELF_HOST}
+        additionalMetaTags={[
+          {
+            property: 'keywords',
+            content:
+              'indoteknik, indoteknik.com, toko teknik, toko perkakas, jual genset, jual fogging, jual krisbow, harga krisbow, harga alat safety, harga pompa air'
+          }
+        ]}
+      />
       <DesktopView>
         <div className='container mx-auto'>
-          <div
-            className='flex h-[360px]'
-            ref={wrapperRef}
-            onLoad={handleOnLoad}
-          >
+          <div className='flex h-[360px]' ref={wrapperRef} onLoad={handleOnLoad}>
             <div className='w-3/12'></div>
-            <div
-              className='w-6/12 px-1'
-              ref={bannerRef}
-            >
+            <div className='w-6/12 px-1' ref={bannerRef}>
               <HeroBanner />
             </div>
             <div className='w-3/12'>