mirror of
https://github.com/vercel/commerce.git
synced 2025-07-22 20:26:49 +00:00
🔨 refactor: reponsive
:%s
This commit is contained in:
@@ -1,92 +1,16 @@
|
||||
|
||||
import { FeaturedProductCard, Layout, ProductCaroucel, RecipeCard } from 'src/components/common'
|
||||
import { HomeBanner, HomeCTA, HomeSubscribe, HomeVideo } from 'src/components/modules/home';
|
||||
import image5 from "../public/assets/images/image5.png"
|
||||
import image6 from "../public/assets/images/image6.png"
|
||||
import image7 from "../public/assets/images/image7.png"
|
||||
import image8 from "../public/assets/images/image8.png"
|
||||
import { HomeBanner, HomeCollection, HomeCTA, HomeSubscribe, HomeVideo } from 'src/components/modules/home';
|
||||
|
||||
// import image9 from "../public/assets/images/image9.png"
|
||||
// import image10 from "../public/assets/images/image10.png"
|
||||
// import image11 from "../public/assets/images/image11.png"
|
||||
import image12 from "../public/assets/images/image12.png"
|
||||
import { CollectionCarcoucel } from 'src/components/modules/home'
|
||||
// import { CollectionCarcoucel } from 'src/components/modules/home'
|
||||
import HomeRecipe from 'src/components/modules/home/HomeRecipe/HomeRecipe'
|
||||
import image13 from "../public/assets/images/image13.png"
|
||||
import image14 from "../public/assets/images/image14.png"
|
||||
import { RecipeCardProps } from '../src/components/common/RecipeCard/RecipeCard';
|
||||
const dataTest = [{
|
||||
name:"Tomato",
|
||||
weight:"250g",
|
||||
category:"VEGGIE",
|
||||
price:"Rp 27.500",
|
||||
imageSrc:image5.src
|
||||
},{
|
||||
name:"Cucumber",
|
||||
weight:"250g",
|
||||
category:"VEGGIE",
|
||||
price:"Rp 27.500",
|
||||
imageSrc:image6.src
|
||||
},{
|
||||
name:"Carrot",
|
||||
weight:"250g",
|
||||
category:"VEGGIE",
|
||||
price:"Rp 27.500",
|
||||
imageSrc:image7.src
|
||||
},{
|
||||
name:"Salad",
|
||||
weight:"250g",
|
||||
category:"VEGGIE",
|
||||
price:"Rp 27.500",
|
||||
imageSrc:image8.src
|
||||
},{
|
||||
name:"Tomato",
|
||||
weight:"250g",
|
||||
category:"VEGGIE",
|
||||
price:"Rp 27.500",
|
||||
imageSrc:image5.src
|
||||
},{
|
||||
name:"Cucumber",
|
||||
weight:"250g",
|
||||
category:"VEGGIE",
|
||||
price:"Rp 27.500",
|
||||
imageSrc:image6.src
|
||||
},{
|
||||
name:"Tomato",
|
||||
weight:"250g",
|
||||
category:"VEGGIE",
|
||||
price:"Rp 27.500",
|
||||
imageSrc:image5.src
|
||||
},{
|
||||
name:"Cucumber",
|
||||
weight:"250g",
|
||||
category:"VEGGIE",
|
||||
price:"Rp 27.500",
|
||||
imageSrc:image6.src
|
||||
},{
|
||||
name:"Carrot",
|
||||
weight:"250g",
|
||||
category:"VEGGIE",
|
||||
price:"Rp 27.500",
|
||||
imageSrc:image7.src
|
||||
},{
|
||||
name:"Salad",
|
||||
weight:"250g",
|
||||
category:"VEGGIE",
|
||||
price:"Rp 27.500",
|
||||
imageSrc:image8.src
|
||||
},{
|
||||
name:"Tomato",
|
||||
weight:"250g",
|
||||
category:"VEGGIE",
|
||||
price:"Rp 27.500",
|
||||
imageSrc:image5.src
|
||||
},{
|
||||
name:"Cucumber",
|
||||
weight:"250g",
|
||||
category:"VEGGIE",
|
||||
price:"Rp 27.500",
|
||||
imageSrc:image6.src
|
||||
}]
|
||||
|
||||
const recipe:RecipeCardProps[] = [{
|
||||
title: "Special Recipe of Vietnamese Phở",
|
||||
@@ -118,11 +42,11 @@ const recipe:RecipeCardProps[] = [{
|
||||
export default function Home() {
|
||||
return (
|
||||
<>
|
||||
<CollectionCarcoucel data={dataTest} itemKey="product-1" title="VEGGIE" subTitle= "Last call! Shop deep deals on 100+ bulk picks while you can." />
|
||||
<HomeRecipe data={recipe} itemKey="product-2" title="Special Recipes"/>
|
||||
<HomeBanner />
|
||||
<HomeCollection/>
|
||||
<HomeVideo />
|
||||
<HomeCTA />
|
||||
<HomeRecipe data={recipe} itemKey="product-2" title="Special Recipes"/>
|
||||
<HomeSubscribe />
|
||||
</>
|
||||
)
|
||||
|
Reference in New Issue
Block a user