enhance: UI header

pages/404.tsx

@@ -1,4 +1,5 @@
-import { Layout } from '@components/common'
+import { Layout } from "src/components/common"
+
 export default function NotFound() {
   return (
     <div>

pages/index.tsx

@@ -1,34 +1,18 @@
 
 import { Layout } from 'src/components/common';
 import { HomeBanner, HomeCategories, HomeCollection, HomeCTA, HomeFeature, HomeRecipe, HomeSubscribe, HomeVideo } from 'src/components/modules/home';
-import {SelectCommon} from 'src/components/common'
-
-const OPTION_SORT = [
-  {
-    name: "By Name"
-  },
-  {
-    name: "Price (High to Low)"
-  },
-  {
-    name: "On Sale"
-  }
-]
 
 export default function Home() {
   return (
     <>
-      {/* <HomeBanner />
-      <HomeBanner/>
+      <HomeBanner />
       <HomeFeature />
       <HomeCategories />
       <HomeCollection />
       <HomeVideo />
       <HomeCTA />
       <HomeRecipe />
-      <HomeSubscribe /> */}
-      <SelectCommon option={OPTION_SORT}>Sort By</SelectCommon>
-      <SelectCommon option={OPTION_SORT} size="large" type="custom">Sort By</SelectCommon>
+      <HomeSubscribe />
 
       {/* // todo: uncomment */}
       {/* <ModalCreateUserInfo/> */}