Merge branch 'feature/all-promotion' into development

1 files changed, 40 insertions, 0 deletions

diff --git a/src-migrate/pages/shop/promo/index.tsx b/src-migrate/pages/shop/promo/index.tsx
new file mode 100644
index 00000000..7c4df2c1
--- /dev/null
+++ b/src-migrate/pages/shop/promo/index.tsx
@@ -0,0 +1,40 @@
+import dynamic from 'next/dynamic'
+import React, { useState } from 'react'
+import { LazyLoadComponent } from 'react-lazy-load-image-component'
+import Hero from '~/modules/promo/components/Hero'
+import PromotionProgram from '~/modules/promo/components/PromotinProgram'
+import Voucher from '~/modules/promo/components/Voucher'
+import FlashSale from '../../../modules/promo/components/FlashSale'
+const PromoList = dynamic(() => import('../../../modules/promo/components/PromoList'));
+
+
+
+const PromoPage = () => {
+  const [selectedPromo, setSelectedPromo] = useState('Bundling');
+  return (
+    <>
+      <LazyLoadComponent>
+        <Hero />
+      </LazyLoadComponent>
+
+
+      <LazyLoadComponent>
+        <PromotionProgram 
+                  selectedPromo={selectedPromo} 
+                  onSelectPromo={setSelectedPromo} 
+              />
+        <PromoList selectedPromo={selectedPromo} />
+      </LazyLoadComponent>
+    
+      <LazyLoadComponent>
+        <FlashSale />
+      </LazyLoadComponent>
+      <h1 className='h-4'></h1>
+      <LazyLoadComponent>
+        <Voucher />
+      </LazyLoadComponent>
+    </>
+  )
+}
+
+export default PromoPage
\ No newline at end of file