Merge branch 'common' of github.com:KieIO/grocery-vercel-commerce into m3-datnguyen

pages/index.tsx

@@ -1,18 +1,37 @@
 
-import { Layout } from 'src/components/common'
-import { HomeBanner, HomeCollection, HomeCTA, HomeSubscribe, HomeVideo, HomeCategories, HomeFeature, HomeRecipe } from 'src/components/modules/home';
+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 />
+      <HomeSubscribe /> */}
+      <SelectCommon option={OPTION_SORT}>Sort By</SelectCommon>
+      <SelectCommon option={OPTION_SORT} size="large" type="custom">Sort By</SelectCommon>
+
+      // todo: uncomment
+      {/* <ModalCreateUserInfo/> */}
     </>
   )
 }