feat: banner carousel

:%s
This commit is contained in:
lytrankieio123
2021-08-30 14:09:01 +07:00
parent 0337e10b6a
commit 99b043eaf1
11 changed files with 139 additions and 100 deletions

View File

@@ -5,6 +5,7 @@
margin-bottom: 2.8rem;
.left {
@apply hidden;
margin-bottom: 3rem;
}
@screen xl {
@apply grid;

View File

@@ -2,6 +2,7 @@ import React from 'react'
import { Banner } from 'src/components/common'
import s from './HomeBanner.module.scss'
import BannerImgRight from './assets/banner_full.png'
import BannerImgRight2 from './assets/banner_product.png'
interface Props {
className?: string
@@ -13,14 +14,25 @@ const HomeBanner = ({ }: Props) => {
<div className={s.homeBanner}>
<section className={s.left}>
<div className={s.text}>
Freshness<br/>guaranteed
Freshness<br />guaranteed
</div>
</section >
<Banner
title="Save 15% on your first order"
subtitle="Last call! Shop deep deals on 100+ bulk picks while you can."
imgLink={BannerImgRight.src}
size="small"
data={
[{
title: "Save 15% on your first order",
subtitle: "Last call! Shop deep deals on 100+ bulk picks while you can.",
imgLink: BannerImgRight.src,
size: "small",
},
{
title: "Save 15% on your first order 2",
subtitle: "Last call! Shop deep deals on 100+ bulk picks while you can.",
imgLink: BannerImgRight2.src,
size: "small",
}
]
}
/>
</div >
)

Binary file not shown.

After

Width:  |  Height:  |  Size: 212 KiB