diff --git a/pages/index.tsx b/pages/index.tsx
index 1d3072ef7..b78fb2629 100644
--- a/pages/index.tsx
+++ b/pages/index.tsx
@@ -1,18 +1,32 @@
 
-import { Layout } from 'src/components/common'
-import { HomeBanner, HomeCollection, HomeCTA, HomeSubscribe, HomeVideo, HomeCategories, HomeFeature, HomeRecipe } from 'src/components/modules/home';
+import { Layout, BreadcrumbCommon, TabCommon } from 'src/components/common'
+import { AccountNavigation, DeliveryItem, AccountPage } from 'src/components/modules/account';
+
 
 export default function Home() {
+
+  const crumbs = [
+    {link: "/", name: "Home"},
+    {link: "/blogs", name: "Blog"},
+    {link: "/product-list", name: "Product List"},
+    {link: "/product-detail", name: "Product Detail"},
+  ];
+
   return (
     <>
-      <HomeBanner />
+      <BreadcrumbCommon crumbs={crumbs} showHomePage={true} />
+      <AccountPage />
+
+      
+
+      {/* <HomeBanner />
       <HomeFeature />
       <HomeCategories />
       <HomeCollection />
       <HomeVideo />
       <HomeCTA />
       <HomeRecipe />
-      <HomeSubscribe />
+      <HomeSubscribe /> */}
     </>
   )
 }
diff --git a/src/components/common/index.ts b/src/components/common/index.ts
index dc0288966..8af097173 100644
--- a/src/components/common/index.ts
+++ b/src/components/common/index.ts
@@ -28,3 +28,5 @@ export { default as NotiMessage} from './NotiMessage/NotiMessage'
 export { default as VideoPlayer} from './VideoPlayer/VideoPlayer'
 export { default as SelectCommon} from './SelectCommon/SelectCommon'
 export { default as ModalCommon} from './ModalCommon/ModalCommon'
+export { default as BreadcrumbCommon } from './BreadcrumbCommon/BreadcrumbCommon'
+export { default as TabCommon } from './TabCommon/TabCommon'
\ No newline at end of file