🎨 restyle: Home Feature

This commit is contained in:
sonnguyenkieio
2021-09-14 16:48:27 +07:00
parent 2cd36b2d66
commit 72cb99f1ca
10 changed files with 88 additions and 80 deletions

View File

@@ -1,25 +1,34 @@
import React from 'react'
import s from './HomeFeature.module.scss'
import HomeFeatureItem from './components/HomeFeatureItem/HomeFeatureItem'
import FirstPic from './assets/10h30-11h.png'
import SecondPic from './assets/8h.png'
import ThirdPic from './assets/green.png'
const HomeFeature = () => {
import HomeFeatureCarousel from './components/HomeFeatureCarousel/HomeFeatureCarousel'
const CAROUSEL_DATA = [
{
image: FirstPic,
children: <span>Webshop owner will <b>upload products at 10:30pm </b>shoppers can buy <b>fresh products at 11pm.</b></span>,
},
{
image: SecondPic,
children: <span>Most fresh fish and seafood <b>will be listed at 8am </b>from inventory.</span>,
},
{
image: ThirdPic,
children: <span>Show that food will be shipped in <b>a greengrocery plastic bag</b>.</span>,
},
]
const HomeFeature = () => {
return (
<section className={s.homeFeature}>
<HomeFeatureItem image="firstImg">
<span> Webshop owner will <b>upload products at 10:30pm </b>shoppers can buy <b>fresh products at 11pm.</b></span>
</HomeFeatureItem>
<HomeFeatureItem image="secondImg">
<span>Most fresh fish and seafood <b>will be listed at 8am </b>from inventory.</span>
</HomeFeatureItem>
<HomeFeatureItem image="thirdImg">
<span>Show that food will be shipped in <b>a greengrocery plastic bag</b>.</span>
</HomeFeatureItem>
</section>
<div className={s.homeFeature}>
<HomeFeatureCarousel data={CAROUSEL_DATA} itemKey="Home Feature" isArrow={false} />
</div>
)
}
export default HomeFeature
export default HomeFeature