1 files changed, 7 insertions, 2 deletions
diff --git a/src-migrate/pages/shop/promo/index.tsx b/src-migrate/pages/shop/promo/index.tsx
index df2e9dcb..f293bbe3 100644
--- a/src-migrate/pages/shop/promo/index.tsx
+++ b/src-migrate/pages/shop/promo/index.tsx
@@ -1,15 +1,20 @@
 import React from 'react'
+import { LazyLoadComponent } from 'react-lazy-load-image-component'
 import Hero from '~/modules/promo/components/Hero'
 import Voucher from '~/modules/promo/components/Voucher'
 
 const PromoPage = () => {
   return (
     <>
-      <Hero />
+      <LazyLoadComponent>
+        <Hero />
+      </LazyLoadComponent>
 
       <div className='h-10' />
 
-      <Voucher />
+      <LazyLoadComponent>
+        <Voucher />
+      </LazyLoadComponent>
     </>
   )
 }