From 2a0933e4dd2230bd76cf09f287dcbeee8ede67e3 Mon Sep 17 00:00:00 2001
From: Rafi Zadanly <zadanlyr@gmail.com>
Date: Mon, 15 May 2023 09:39:34 +0700
Subject: Add quotation, invoice, transaction title and manage profile desktop

---
 src/pages/my/address/[id]/edit.jsx  |  3 +++
 src/pages/my/address/create.jsx     |  3 +++
 src/pages/my/address/index.jsx      |  3 +++
 src/pages/my/invoices/[id].jsx      |  3 +++
 src/pages/my/invoices/index.jsx     |  3 +++
 src/pages/my/profile.jsx            | 32 +++++++++++++++++++++++++++-----
 src/pages/my/quotations/[id].jsx    |  3 +++
 src/pages/my/quotations/index.jsx   |  3 +++
 src/pages/my/transactions/[id].jsx  |  3 +++
 src/pages/my/transactions/index.jsx |  3 +++
 src/pages/my/wishlist.jsx           |  3 +++
 11 files changed, 57 insertions(+), 5 deletions(-)

(limited to 'src/pages')

diff --git a/src/pages/my/address/[id]/edit.jsx b/src/pages/my/address/[id]/edit.jsx
index 6706b458..bd680b90 100644
--- a/src/pages/my/address/[id]/edit.jsx
+++ b/src/pages/my/address/[id]/edit.jsx
@@ -1,3 +1,4 @@
+import Seo from '@/core/components/Seo'
 import AppLayout from '@/core/components/layouts/AppLayout'
 import BasicLayout from '@/core/components/layouts/BasicLayout'
 import DesktopView from '@/core/components/views/DesktopView'
@@ -9,6 +10,8 @@ import IsAuth from '@/lib/auth/components/IsAuth'
 export default function EditAddress({ id, defaultValues }) {
   return (
     <IsAuth>
+      <Seo title='Address - Indoteknik.com' />
+
       <MobileView>
         <AppLayout title='Ubah Alamat'>
           <EditAddressComponent id={id} defaultValues={defaultValues} />
diff --git a/src/pages/my/address/create.jsx b/src/pages/my/address/create.jsx
index be645853..774e4327 100644
--- a/src/pages/my/address/create.jsx
+++ b/src/pages/my/address/create.jsx
@@ -1,3 +1,4 @@
+import Seo from '@/core/components/Seo'
 import AppLayout from '@/core/components/layouts/AppLayout'
 import BasicLayout from '@/core/components/layouts/BasicLayout'
 import DesktopView from '@/core/components/views/DesktopView'
@@ -8,6 +9,8 @@ import IsAuth from '@/lib/auth/components/IsAuth'
 export default function CreateAddress() {
   return (
     <IsAuth>
+      <Seo title='Address - Indoteknik.com' />
+
       <MobileView>
         <AppLayout title='Tambah Alamat'>
           <CreateAddressComponent />
diff --git a/src/pages/my/address/index.jsx b/src/pages/my/address/index.jsx
index 61d72a41..bd8b3ac3 100644
--- a/src/pages/my/address/index.jsx
+++ b/src/pages/my/address/index.jsx
@@ -1,3 +1,4 @@
+import Seo from '@/core/components/Seo'
 import AppLayout from '@/core/components/layouts/AppLayout'
 import BasicLayout from '@/core/components/layouts/BasicLayout'
 import DesktopView from '@/core/components/views/DesktopView'
@@ -8,6 +9,8 @@ import IsAuth from '@/lib/auth/components/IsAuth'
 export default function Addresses() {
   return (
     <IsAuth>
+      <Seo title='Address - Indoteknik.com' />
+
       <MobileView>
         <AppLayout title='Daftar Alamat'>
           <AddressesComponent />
diff --git a/src/pages/my/invoices/[id].jsx b/src/pages/my/invoices/[id].jsx
index 5972b382..c8f39acf 100644
--- a/src/pages/my/invoices/[id].jsx
+++ b/src/pages/my/invoices/[id].jsx
@@ -1,3 +1,4 @@
+import Seo from '@/core/components/Seo'
 import AppLayout from '@/core/components/layouts/AppLayout'
 import BasicLayout from '@/core/components/layouts/BasicLayout'
 import DesktopView from '@/core/components/views/DesktopView'
@@ -11,6 +12,8 @@ export default function MyInvoice() {
 
   return (
     <IsAuth>
+      <Seo title='Invoice - Indoteknik.com' />
+
       <MobileView>
         <AppLayout title='Invoice & Faktur Pajak'>
           <InvoiceComponent id={router.query.id} />
diff --git a/src/pages/my/invoices/index.jsx b/src/pages/my/invoices/index.jsx
index 73c7b9fe..a2eeceaa 100644
--- a/src/pages/my/invoices/index.jsx
+++ b/src/pages/my/invoices/index.jsx
@@ -1,3 +1,4 @@
+import Seo from '@/core/components/Seo'
 import AppLayout from '@/core/components/layouts/AppLayout'
 import BasicLayout from '@/core/components/layouts/BasicLayout'
 import DesktopView from '@/core/components/views/DesktopView'
@@ -8,6 +9,8 @@ import InvoicesComponent from '@/lib/invoice/components/Invoices'
 export default function MyInvoices() {
   return (
     <IsAuth>
+      <Seo title='Invoices - Indoteknik.com' />
+
       <MobileView>
         <AppLayout title='Invoice & Faktur Pajak'>
           <InvoicesComponent />
diff --git a/src/pages/my/profile.jsx b/src/pages/my/profile.jsx
index 72a1ee3c..25c3a608 100644
--- a/src/pages/my/profile.jsx
+++ b/src/pages/my/profile.jsx
@@ -1,19 +1,41 @@
 import Divider from '@/core/components/elements/Divider/Divider'
 import AppLayout from '@/core/components/layouts/AppLayout'
+import BasicLayout from '@/core/components/layouts/BasicLayout'
+import DesktopView from '@/core/components/views/DesktopView'
+import MobileView from '@/core/components/views/MobileView'
 import useAuth from '@/core/hooks/useAuth'
 import CompanyProfile from '@/lib/auth/components/CompanyProfile'
 import IsAuth from '@/lib/auth/components/IsAuth'
+import Menu from '@/lib/auth/components/Menu'
 import PersonalProfile from '@/lib/auth/components/PersonalProfile'
 
 export default function Profile() {
   const auth = useAuth()
   return (
     <IsAuth>
-      <AppLayout title='Akun Saya'>
-        <PersonalProfile />
-        <Divider />
-        {auth?.parentId && <CompanyProfile />}
-      </AppLayout>
+      <MobileView>
+        <AppLayout title='Akun Saya'>
+          <PersonalProfile />
+          <Divider />
+          {auth?.parentId && <CompanyProfile />}
+        </AppLayout>
+      </MobileView>
+
+      <DesktopView>
+        <BasicLayout>
+        <div className='container mx-auto flex py-10'>
+          <div className='w-3/12 pr-4'>
+            <Menu />
+          </div>
+          <div className='w-9/12 bg-white border border-gray_r-6 rounded'>
+            <PersonalProfile />
+            <Divider />
+            {auth?.parentId && <CompanyProfile />}
+
+          </div>
+          </div>
+        </BasicLayout>
+      </DesktopView>
     </IsAuth>
   )
 }
diff --git a/src/pages/my/quotations/[id].jsx b/src/pages/my/quotations/[id].jsx
index 1fbbf34a..3ddf939d 100644
--- a/src/pages/my/quotations/[id].jsx
+++ b/src/pages/my/quotations/[id].jsx
@@ -1,3 +1,4 @@
+import Seo from '@/core/components/Seo'
 import AppLayout from '@/core/components/layouts/AppLayout'
 import BasicLayout from '@/core/components/layouts/BasicLayout'
 import DesktopView from '@/core/components/views/DesktopView'
@@ -11,6 +12,8 @@ export default function MyQuotation() {
 
   return (
     <IsAuth>
+      <Seo title='Quotation - Indoteknik.com' />
+
       <MobileView>
         <AppLayout title='Transaksi'>
           <TransactionComponent id={router.query.id} />
diff --git a/src/pages/my/quotations/index.jsx b/src/pages/my/quotations/index.jsx
index bd91d9d0..f850de76 100644
--- a/src/pages/my/quotations/index.jsx
+++ b/src/pages/my/quotations/index.jsx
@@ -1,3 +1,4 @@
+import Seo from '@/core/components/Seo'
 import AppLayout from '@/core/components/layouts/AppLayout'
 import BasicLayout from '@/core/components/layouts/BasicLayout'
 import DesktopView from '@/core/components/views/DesktopView'
@@ -10,6 +11,8 @@ const TransactionsComponent = dynamic(() => import('@/lib/transaction/components
 export default function MyQuotations() {
   return (
     <IsAuth>
+      <Seo title='Quotations - Indoteknik.com' />
+
       <MobileView>
         <AppLayout title='Quotation'>
           <TransactionsComponent context='quotation' />
diff --git a/src/pages/my/transactions/[id].jsx b/src/pages/my/transactions/[id].jsx
index e36c1ca4..31c2cd63 100644
--- a/src/pages/my/transactions/[id].jsx
+++ b/src/pages/my/transactions/[id].jsx
@@ -1,3 +1,4 @@
+import Seo from '@/core/components/Seo'
 import AppLayout from '@/core/components/layouts/AppLayout'
 import BasicLayout from '@/core/components/layouts/BasicLayout'
 import DesktopView from '@/core/components/views/DesktopView'
@@ -11,6 +12,8 @@ export default function MyTransaction() {
 
   return (
     <IsAuth>
+      <Seo title='Transaction - Indoteknik.com' />
+
       <MobileView>
         <AppLayout title='Transaksi'>
           <TransactionComponent id={router.query.id} />
diff --git a/src/pages/my/transactions/index.jsx b/src/pages/my/transactions/index.jsx
index 91482a39..c1fb9a67 100644
--- a/src/pages/my/transactions/index.jsx
+++ b/src/pages/my/transactions/index.jsx
@@ -1,3 +1,4 @@
+import Seo from '@/core/components/Seo'
 import AppLayout from '@/core/components/layouts/AppLayout'
 import BasicLayout from '@/core/components/layouts/BasicLayout'
 import DesktopView from '@/core/components/views/DesktopView'
@@ -10,6 +11,8 @@ const TransactionsComponent = dynamic(() => import('@/lib/transaction/components
 export default function MyTransactions() {
   return (
     <IsAuth>
+      <Seo title='Transactions - Indoteknik.com' />
+
       <MobileView>
         <AppLayout title='Transaksi'>
           <TransactionsComponent />
diff --git a/src/pages/my/wishlist.jsx b/src/pages/my/wishlist.jsx
index 7d9ad0d7..52b70ae2 100644
--- a/src/pages/my/wishlist.jsx
+++ b/src/pages/my/wishlist.jsx
@@ -1,3 +1,4 @@
+import Seo from '@/core/components/Seo'
 import AppLayout from '@/core/components/layouts/AppLayout'
 import BasicLayout from '@/core/components/layouts/BasicLayout'
 import DesktopView from '@/core/components/views/DesktopView'
@@ -8,6 +9,8 @@ import Wishlists from '@/lib/wishlist/components/Wishlists'
 export default function Wishlist() {
   return (
     <IsAuth>
+      <Seo title='Wishlist - Indoteknik.com' />
+
       <MobileView>
         <AppLayout title='Wishlist'>
           <Wishlists />
-- 
cgit v1.2.3


From 9da4c372d4ff44c130c9383765710f7287b62c52 Mon Sep 17 00:00:00 2001
From: Rafi Zadanly <zadanlyr@gmail.com>
Date: Mon, 15 May 2023 17:01:39 +0700
Subject: internal server error pager

---
 src/pages/404.jsx |  4 +++-
 src/pages/500.jsx | 22 ++++++++++++++++++++++
 2 files changed, 25 insertions(+), 1 deletion(-)
 create mode 100644 src/pages/500.jsx

(limited to 'src/pages')

diff --git a/src/pages/404.jsx b/src/pages/404.jsx
index f73e6383..18560999 100644
--- a/src/pages/404.jsx
+++ b/src/pages/404.jsx
@@ -15,7 +15,9 @@ export default function PageNotFound() {
           width={1024}
           height={512}
         />
-        <Link href='/' className='btn-yellow text-black mx-auto mt-4'>Kembali ke halaman utama</Link>
+        <Link href='/' className='btn-yellow !text-black mx-auto mt-4'>
+          Kembali ke halaman utama
+        </Link>
       </div>
     </BasicLayout>
   )
diff --git a/src/pages/500.jsx b/src/pages/500.jsx
new file mode 100644
index 00000000..314714e0
--- /dev/null
+++ b/src/pages/500.jsx
@@ -0,0 +1,22 @@
+import Seo from '@/core/components/Seo'
+import Link from '@/core/components/elements/Link/Link'
+import BasicLayout from '@/core/components/layouts/BasicLayout'
+import Image from 'next/image'
+
+export default function PageError() {
+  return (
+    <BasicLayout>
+      <Seo title='Internal Server Error - Indoteknik.com' />
+      <div className='container mx-auto'>
+        <Image
+          src='/images/page-error.svg'
+          alt='Page not found - Indoteknik'
+          className='w-full'
+          width={1024}
+          height={512}
+        />
+        <Link href='/' className='btn-yellow !text-black mx-auto mt-4'>Kembali ke halaman utama</Link>
+      </div>
+    </BasicLayout>
+  )
+}
-- 
cgit v1.2.3


From d0fa61c83fb50d504600ac8701ad3dc4c2de0f11 Mon Sep 17 00:00:00 2001
From: Rafi Zadanly <zadanlyr@gmail.com>
Date: Tue, 16 May 2023 09:59:24 +0700
Subject: fix bug change paqe

---
 src/pages/_app.jsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

(limited to 'src/pages')

diff --git a/src/pages/_app.jsx b/src/pages/_app.jsx
index 2d74d8b7..4c4fed89 100644
--- a/src/pages/_app.jsx
+++ b/src/pages/_app.jsx
@@ -74,7 +74,7 @@ function MyApp({ Component, pageProps }) {
       <NextProgress color='#F01C21' options={{ showSpinner: false }} />
       <QueryClientProvider client={queryClient}>
         <AnimatePresence
-          mode={isMobile ? 'wait' : 'sync'}
+          mode='popLayout'
           initial={false}
           onExitComplete={() => window.scrollTo(0, 0)}
         >
-- 
cgit v1.2.3


From 24c444c51927886536f6701c7b7ba85890cc259c Mon Sep 17 00:00:00 2001
From: Rafi Zadanly <zadanlyr@gmail.com>
Date: Tue, 16 May 2023 11:05:37 +0700
Subject: add pwa

---
 src/pages/_document.jsx | 5 +++++
 1 file changed, 5 insertions(+)

(limited to 'src/pages')

diff --git a/src/pages/_document.jsx b/src/pages/_document.jsx
index dbe210aa..8d3904d0 100644
--- a/src/pages/_document.jsx
+++ b/src/pages/_document.jsx
@@ -8,6 +8,11 @@ export default function MyDocument() {
     <Html>
       <Head>
         <link rel='icon' href='/favicon.ico' />
+        <link rel='manifest' href='/manifest.json' />
+        <link rel='apple-touch-icon' href='/icon.png'></link>
+        
+        <meta name='mobile-web-app-capable' content='yes' />
+        <meta name='theme-color' content='#fff' />
 
         <meta name='facebook-domain-verification' content='328wmjs7hcnz74rwsqzxvq50rmbtm2' />
         <Script
-- 
cgit v1.2.3


From bef3b4927fe15d22b0795951a9430a4f3f987280 Mon Sep 17 00:00:00 2001
From: Rafi Zadanly <zadanlyr@gmail.com>
Date: Tue, 16 May 2023 11:35:57 +0700
Subject: add splash screen

---
 src/pages/_document.jsx | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

(limited to 'src/pages')

diff --git a/src/pages/_document.jsx b/src/pages/_document.jsx
index 8d3904d0..0729aba8 100644
--- a/src/pages/_document.jsx
+++ b/src/pages/_document.jsx
@@ -10,8 +10,12 @@ export default function MyDocument() {
         <link rel='icon' href='/favicon.ico' />
         <link rel='manifest' href='/manifest.json' />
         <link rel='apple-touch-icon' href='/icon.png'></link>
-        
+        <link rel="apple-touch-startup-image" href="/images/splash/launch.png"/>
+
         <meta name='mobile-web-app-capable' content='yes' />
+        <meta name="apple-mobile-web-app-capable" content="yes" />
+        <meta name="apple-mobile-web-app-status-bar-style" content="default" />
+        <meta name="apple-mobile-web-app-title" content="Indoteknik.com" />
         <meta name='theme-color' content='#fff' />
 
         <meta name='facebook-domain-verification' content='328wmjs7hcnz74rwsqzxvq50rmbtm2' />
-- 
cgit v1.2.3


From 0f26d4f8edb2c3f24f4d85425910427e4d91f237 Mon Sep 17 00:00:00 2001
From: Rafi Zadanly <zadanlyr@gmail.com>
Date: Tue, 16 May 2023 13:22:06 +0700
Subject: change apple touch icon

---
 src/pages/_document.jsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

(limited to 'src/pages')

diff --git a/src/pages/_document.jsx b/src/pages/_document.jsx
index 0729aba8..b76f314f 100644
--- a/src/pages/_document.jsx
+++ b/src/pages/_document.jsx
@@ -9,7 +9,7 @@ export default function MyDocument() {
       <Head>
         <link rel='icon' href='/favicon.ico' />
         <link rel='manifest' href='/manifest.json' />
-        <link rel='apple-touch-icon' href='/icon.png'></link>
+        <link rel='apple-touch-icon' href='/icon.jpg'></link>
         <link rel="apple-touch-startup-image" href="/images/splash/launch.png"/>
 
         <meta name='mobile-web-app-capable' content='yes' />
-- 
cgit v1.2.3


From dd5aec9566205c7fefec9c0cdbd04b0f8ecb67d0 Mon Sep 17 00:00:00 2001
From: Rafi Zadanly <zadanlyr@gmail.com>
Date: Tue, 16 May 2023 14:03:41 +0700
Subject: fixing layout

---
 src/pages/index.jsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

(limited to 'src/pages')

diff --git a/src/pages/index.jsx b/src/pages/index.jsx
index 1fe0e65a..15a431b4 100644
--- a/src/pages/index.jsx
+++ b/src/pages/index.jsx
@@ -73,7 +73,7 @@ export default function Home() {
             </div>
           </div>
 
-          <div className='my-16 flex flex-col gap-y-10'>
+          <div className='my-16 flex flex-col gap-y-16'>
             <PreferredBrand />
             <FlashSale />
             <CategoryHomeId />
@@ -84,7 +84,7 @@ export default function Home() {
 
       <MobileView>
         <HeroBanner />
-        <div className='flex flex-col gap-y-6 my-6'>
+        <div className='flex flex-col gap-y-16 my-6'>
           <PreferredBrand />
           <FlashSale />
           <PopularProduct />
-- 
cgit v1.2.3


From 13ed5991179a497545cc5ed0ce98bb6a336c1b6a Mon Sep 17 00:00:00 2001
From: Rafi Zadanly <zadanlyr@gmail.com>
Date: Tue, 16 May 2023 14:39:49 +0700
Subject: Delay Render components

---
 src/pages/index.jsx | 43 ++++++++++++++++++++++++++++++++-----------
 1 file changed, 32 insertions(+), 11 deletions(-)

(limited to 'src/pages')

diff --git a/src/pages/index.jsx b/src/pages/index.jsx
index 15a431b4..8cf335c4 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 CustomerReviews from '@/lib/review/components/CustomerReviews'
+import DelayRender from '@/core/components/elements/DelayRender/DelayRender'
 
 const BasicLayout = dynamic(() => import('@/core/components/layouts/BasicLayout'))
 const FlashSale = dynamic(() => import('@/lib/flashSale/components/FlashSale'))
@@ -69,27 +70,47 @@ export default function Home() {
               <HeroBanner />
             </div>
             <div className='w-3/12'>
-              <PopularProduct />
+              <DelayRender delay={200}>
+                <PopularProduct />
+              </DelayRender>
             </div>
           </div>
 
           <div className='my-16 flex flex-col gap-y-16'>
-            <PreferredBrand />
-            <FlashSale />
-            <CategoryHomeId />
-            <CustomerReviews />
+            <DelayRender delay={300}>
+              <PreferredBrand />
+            </DelayRender>
+            <DelayRender delay={400}>
+              <FlashSale />
+            </DelayRender>
+            <DelayRender delay={500}>
+              <CategoryHomeId />
+            </DelayRender>
+            <DelayRender delay={600}>
+              <CustomerReviews />
+            </DelayRender>
           </div>
         </div>
       </DesktopView>
 
       <MobileView>
         <HeroBanner />
-        <div className='flex flex-col gap-y-16 my-6'>
-          <PreferredBrand />
-          <FlashSale />
-          <PopularProduct />
-          <CategoryHomeId />
-          <CustomerReviews />
+        <div className='flex flex-col gap-y-12 my-6'>
+          <DelayRender delay={300}>
+            <PreferredBrand />
+          </DelayRender>
+          <DelayRender delay={600}>
+            <FlashSale />
+          </DelayRender>
+          <DelayRender delay={900}>
+            <PopularProduct />
+          </DelayRender>
+          <DelayRender delay={1200}>
+            <CategoryHomeId />
+          </DelayRender>
+          <DelayRender delay={1500}>
+            <CustomerReviews />
+          </DelayRender>
         </div>
       </MobileView>
     </BasicLayout>
-- 
cgit v1.2.3


From db6350771d7668f27db026c42e3885a097989f1e Mon Sep 17 00:00:00 2001
From: Rafi Zadanly <zadanlyr@gmail.com>
Date: Tue, 16 May 2023 15:35:24 +0700
Subject: optimize render

---
 src/pages/_document.jsx | 10 ++++++----
 src/pages/index.jsx     | 26 ++++++++++++++------------
 2 files changed, 20 insertions(+), 16 deletions(-)

(limited to 'src/pages')

diff --git a/src/pages/_document.jsx b/src/pages/_document.jsx
index b76f314f..2130c097 100644
--- a/src/pages/_document.jsx
+++ b/src/pages/_document.jsx
@@ -10,14 +10,16 @@ export default function MyDocument() {
         <link rel='icon' href='/favicon.ico' />
         <link rel='manifest' href='/manifest.json' />
         <link rel='apple-touch-icon' href='/icon.jpg'></link>
-        <link rel="apple-touch-startup-image" href="/images/splash/launch.png"/>
+        <link rel='apple-touch-startup-image' href='/images/splash/launch.png' />
 
         <meta name='mobile-web-app-capable' content='yes' />
-        <meta name="apple-mobile-web-app-capable" content="yes" />
-        <meta name="apple-mobile-web-app-status-bar-style" content="default" />
-        <meta name="apple-mobile-web-app-title" content="Indoteknik.com" />
+        <meta name='apple-mobile-web-app-capable' content='yes' />
+        <meta name='apple-mobile-web-app-status-bar-style' content='default' />
+        <meta name='apple-mobile-web-app-title' content='Indoteknik.com' />
         <meta name='theme-color' content='#fff' />
 
+        <link rel='prefetch' href='/images/logo-indoteknik-gear.png' />
+
         <meta name='facebook-domain-verification' content='328wmjs7hcnz74rwsqzxvq50rmbtm2' />
         <Script
           async
diff --git a/src/pages/index.jsx b/src/pages/index.jsx
index 8cf335c4..31c6b240 100644
--- a/src/pages/index.jsx
+++ b/src/pages/index.jsx
@@ -8,7 +8,6 @@ import Seo from '@/core/components/Seo'
 import { useQuery } from 'react-query'
 import odooApi from '@/core/api/odooApi'
 import Image from 'next/image'
-import CustomerReviews from '@/lib/review/components/CustomerReviews'
 import DelayRender from '@/core/components/elements/DelayRender/DelayRender'
 
 const BasicLayout = dynamic(() => import('@/core/components/layouts/BasicLayout'))
@@ -25,6 +24,7 @@ const PopularProduct = dynamic(() => import('@/lib/home/components/PopularProduc
 const CategoryHomeId = dynamic(() => import('@/lib/home/components/CategoryHomeId'), {
   loading: () => <PopularProductSkeleton />
 })
+const CustomerReviews = dynamic(() => import('@/lib/review/components/CustomerReviews'))
 
 export default function Home() {
   const fetchSecondHeroBanner = async () => await odooApi('GET', '/api/v1/banner?type=index-a-2')
@@ -70,23 +70,23 @@ export default function Home() {
               <HeroBanner />
             </div>
             <div className='w-3/12'>
-              <DelayRender delay={200}>
+              <DelayRender renderAfter={200}>
                 <PopularProduct />
               </DelayRender>
             </div>
           </div>
 
           <div className='my-16 flex flex-col gap-y-16'>
-            <DelayRender delay={300}>
+            <DelayRender renderAfter={400}>
               <PreferredBrand />
             </DelayRender>
-            <DelayRender delay={400}>
+            <DelayRender renderAfter={600}>
               <FlashSale />
             </DelayRender>
-            <DelayRender delay={500}>
+            <DelayRender renderAfter={1000}>
               <CategoryHomeId />
             </DelayRender>
-            <DelayRender delay={600}>
+            <DelayRender renderAfter={1200}>
               <CustomerReviews />
             </DelayRender>
           </div>
@@ -94,21 +94,23 @@ export default function Home() {
       </DesktopView>
 
       <MobileView>
-        <HeroBanner />
+        <DelayRender renderAfter={200}>
+          <HeroBanner />
+        </DelayRender>
         <div className='flex flex-col gap-y-12 my-6'>
-          <DelayRender delay={300}>
+          <DelayRender renderAfter={400}>
             <PreferredBrand />
           </DelayRender>
-          <DelayRender delay={600}>
+          <DelayRender renderAfter={600}>
             <FlashSale />
           </DelayRender>
-          <DelayRender delay={900}>
+          <DelayRender renderAfter={800}>
             <PopularProduct />
           </DelayRender>
-          <DelayRender delay={1200}>
+          <DelayRender renderAfter={1000}>
             <CategoryHomeId />
           </DelayRender>
-          <DelayRender delay={1500}>
+          <DelayRender renderAfter={1200}>
             <CustomerReviews />
           </DelayRender>
         </div>
-- 
cgit v1.2.3