From f99e0aba70efad0deb907d8e27f09fc9f527c8a4 Mon Sep 17 00:00:00 2001
From: Rafi Zadanly <zadanlyr@gmail.com>
Date: Fri, 17 Feb 2023 17:07:50 +0700
Subject: Refactor

---
 src/pages/index.jsx | 20 ++++++++++++++++++++
 1 file changed, 20 insertions(+)
 create mode 100644 src/pages/index.jsx

(limited to 'src/pages/index.jsx')

diff --git a/src/pages/index.jsx b/src/pages/index.jsx
new file mode 100644
index 00000000..05c6520a
--- /dev/null
+++ b/src/pages/index.jsx
@@ -0,0 +1,20 @@
+import Seo from "@/core/components/Seo"
+import BasicLayout from "@/core/components/layouts/BasicLayout"
+import CategoryHomeId from "@/lib/home/components/CategoryHomeId"
+import HeroBanner from "@/lib/home/components/HeroBanner"
+import PopularProduct from "@/lib/home/components/PopularProduct"
+import PreferredBrand from "@/lib/home/components/PreferredBrand"
+
+export default function Home() {
+  return (
+    <BasicLayout>
+      <Seo title="Beranda - Indoteknik" />
+      <HeroBanner />
+      <div className="flex flex-col gap-y-6 my-6">
+        <PreferredBrand />
+        <PopularProduct />
+        <CategoryHomeId />
+      </div>
+    </BasicLayout>
+  )
+}
\ No newline at end of file
-- 
cgit v1.2.3


From 69f55de26319e570ce0a8c4dbe8a29cb0d0b51c5 Mon Sep 17 00:00:00 2001
From: Rafi Zadanly <zadanlyr@gmail.com>
Date: Sat, 18 Feb 2023 22:03:55 +0700
Subject: optimization

---
 src/pages/index.jsx | 26 +++++++++++++++++++++-----
 1 file changed, 21 insertions(+), 5 deletions(-)

(limited to 'src/pages/index.jsx')

diff --git a/src/pages/index.jsx b/src/pages/index.jsx
index 05c6520a..6503ac20 100644
--- a/src/pages/index.jsx
+++ b/src/pages/index.jsx
@@ -1,9 +1,25 @@
+import dynamic from "next/dynamic"
 import Seo from "@/core/components/Seo"
-import BasicLayout from "@/core/components/layouts/BasicLayout"
-import CategoryHomeId from "@/lib/home/components/CategoryHomeId"
-import HeroBanner from "@/lib/home/components/HeroBanner"
-import PopularProduct from "@/lib/home/components/PopularProduct"
-import PreferredBrand from "@/lib/home/components/PreferredBrand"
+import ImageSkeleton from "@/core/components/elements/Skeleton/ImageSkeleton"
+import PopularProductSkeleton from "@/lib/home/components/Skeleton/PopularProductSkeleton"
+
+const BasicLayout = dynamic(() => import("@/core/components/layouts/BasicLayout"))
+
+const HeroBanner = dynamic(() => import("@/lib/home/components/HeroBanner"), {
+  loading: <ImageSkeleton />
+})
+
+const PreferredBrand = dynamic(() => import("@/lib/home/components/PreferredBrand"), {
+  loading: <PopularProductSkeleton />
+})
+
+const PopularProduct = dynamic(() => import("@/lib/home/components/PopularProduct"), {
+  loading: <PopularProductSkeleton />
+})
+
+const CategoryHomeId = dynamic(() => import("@/lib/home/components/CategoryHomeId"), {
+  loading: <PopularProductSkeleton />
+})
 
 export default function Home() {
   return (
-- 
cgit v1.2.3


From fdefe7cfe899125a9bd553b542976eed0de919c1 Mon Sep 17 00:00:00 2001
From: Rafi Zadanly <zadanlyr@gmail.com>
Date: Mon, 20 Feb 2023 13:09:22 +0700
Subject: fix

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

(limited to 'src/pages/index.jsx')

diff --git a/src/pages/index.jsx b/src/pages/index.jsx
index 6503ac20..4cb40adb 100644
--- a/src/pages/index.jsx
+++ b/src/pages/index.jsx
@@ -6,19 +6,19 @@ import PopularProductSkeleton from "@/lib/home/components/Skeleton/PopularProduc
 const BasicLayout = dynamic(() => import("@/core/components/layouts/BasicLayout"))
 
 const HeroBanner = dynamic(() => import("@/lib/home/components/HeroBanner"), {
-  loading: <ImageSkeleton />
+  loading: () => <ImageSkeleton />
 })
 
 const PreferredBrand = dynamic(() => import("@/lib/home/components/PreferredBrand"), {
-  loading: <PopularProductSkeleton />
+  loading: () => <PopularProductSkeleton />
 })
 
 const PopularProduct = dynamic(() => import("@/lib/home/components/PopularProduct"), {
-  loading: <PopularProductSkeleton />
+  loading: () => <PopularProductSkeleton />
 })
 
 const CategoryHomeId = dynamic(() => import("@/lib/home/components/CategoryHomeId"), {
-  loading: <PopularProductSkeleton />
+  loading: () => <PopularProductSkeleton />
 })
 
 export default function Home() {
-- 
cgit v1.2.3


From f66b12fd1d0b83af0d7230d7b1565fbe00afbe3c Mon Sep 17 00:00:00 2001
From: Rafi Zadanly <zadanlyr@gmail.com>
Date: Wed, 22 Feb 2023 11:03:34 +0700
Subject: prettier

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

(limited to 'src/pages/index.jsx')

diff --git a/src/pages/index.jsx b/src/pages/index.jsx
index 4cb40adb..19d3e59c 100644
--- a/src/pages/index.jsx
+++ b/src/pages/index.jsx
@@ -1,36 +1,36 @@
-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 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'
 
-const BasicLayout = dynamic(() => import("@/core/components/layouts/BasicLayout"))
+const BasicLayout = dynamic(() => import('@/core/components/layouts/BasicLayout'))
 
-const HeroBanner = dynamic(() => import("@/lib/home/components/HeroBanner"), {
+const HeroBanner = dynamic(() => import('@/lib/home/components/HeroBanner'), {
   loading: () => <ImageSkeleton />
 })
 
-const PreferredBrand = dynamic(() => import("@/lib/home/components/PreferredBrand"), {
+const PreferredBrand = dynamic(() => import('@/lib/home/components/PreferredBrand'), {
   loading: () => <PopularProductSkeleton />
 })
 
-const PopularProduct = dynamic(() => import("@/lib/home/components/PopularProduct"), {
+const PopularProduct = dynamic(() => import('@/lib/home/components/PopularProduct'), {
   loading: () => <PopularProductSkeleton />
 })
 
-const CategoryHomeId = dynamic(() => import("@/lib/home/components/CategoryHomeId"), {
+const CategoryHomeId = dynamic(() => import('@/lib/home/components/CategoryHomeId'), {
   loading: () => <PopularProductSkeleton />
 })
 
 export default function Home() {
   return (
     <BasicLayout>
-      <Seo title="Beranda - Indoteknik" />
+      <Seo title='Beranda - Indoteknik' />
       <HeroBanner />
-      <div className="flex flex-col gap-y-6 my-6">
+      <div className='flex flex-col gap-y-6 my-6'>
         <PreferredBrand />
         <PopularProduct />
         <CategoryHomeId />
       </div>
     </BasicLayout>
   )
-}
\ No newline at end of file
+}
-- 
cgit v1.2.3

