banner4 + popular products

src/app/page.tsx

@@ -5,7 +5,9 @@ import HotOffer from './home/components/HotOffer'
 import Categories from './home/components/Categories'
 import Banners3 from './home/components/Banners3'
 import Blogs from './home/components/Blogs'
-import NewestProducts from './home/components/NewestProducts'
+import NewestProducts from './home/components/LatestProducts'
+import Banners4 from './home/components/Banners4'
+import PopularProducts from './home/components/PopularProducts'
 
 const Home: NextPage = () => {
   return (
@@ -27,6 +29,12 @@ const Home: NextPage = () => {
 
       <div className='mt-24 bg-[#FAF8F6] p-20'>
         <NewestProducts />
+        <div className='mt-24'>
+          <Banners4 />
+        </div>
+        <div className='mt-20'>
+          <PopularProducts />
+        </div>
       </div>
     </div>
   )