feat: add ProductCarousel

pages/account.tsx

@@ -4,7 +4,7 @@ import { AccountPage } from 'src/components/modules/account';
 
 const Account = () => {
     return (
-        <AccountPage/>
+        // <AccountPage/>
     );
 };
 

pages/products.tsx

@@ -1,4 +1,5 @@
 import { Layout } from 'src/components/common';
+import { ViewedProducts } from 'src/components/modules/product-detail';
 import ProductListFilter from 'src/components/modules/product-list/ProductListFilter/ProductListFilter';
 import RecipeListBanner from 'src/components/modules/recipes-list/RecipeListBanner/RecipeListBanner';
 import RecipesList from 'src/components/modules/recipes-list/RecipesList/RecipesList';
@@ -10,6 +11,7 @@ export default function Products() {
     <>
       <ProductListBanner />
       <ProductListFilter/>
+      <ViewedProducts/>
     </>
   )
 }

src/components/modules/home/HomeVideo/HomeVideo.tsx

@@ -2,14 +2,16 @@ import Image from 'next/image'
 import React from 'react'
 import s from './HomeVideo.module.scss'
 import LogoBrand from './assets/logo_maggi.png'
-import { VideoPlayer } from 'src/components/common'
+import { ProductCarousel, VideoPlayer } from 'src/components/common'
 import HeadingCommon from '../../../common/HeadingCommon/HeadingCommon'
+import {PRODUCT_DATA_TEST} from "../../../../utils/demo-data";
 
 interface Props {
     className?: string
     children?: any
 }
 
+
 const HomeVideo = ({ }: Props) => {
     return (
         <section className={s.homeVideo}>
@@ -25,6 +27,7 @@ const HomeVideo = ({ }: Props) => {
                 {/* todo: change url video */}
                 <VideoPlayer url='https://www.youtube.com/watch?v=nXH23nYYM3s' controls={true} />
             </div>
+            <ProductCarousel data={PRODUCT_DATA_TEST} itemKey="product-7"/>
         </section >
     )
 }