crowetic/commerce
1
0
Fork 1
mirror of https://github.com/vercel/commerce.git synced 2025-07-07 13:21:22 +00:00
Code Issues Packages Projects Releases Wiki Activity

♻️ enhan: using heading common in home subscribe

Browse Source 
:%s
This commit is contained in:
lytrankieio123 2021-08-27 09:50:52 +07:00
parent 499221a7b8
commit 6f8ba5628d
2 changed files with 3 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
src/components/modules/home/HomeSubscribe/HomeSubscribe.module.scss
View File

@ -7,12 +7,8 @@
padding-top: 5.6rem; padding-top: 5.6rem;
padding-bottom: 5.6rem; padding-bottom: 5.6rem;
} }
.heading {
@apply heading-2 font-heading;
color: var(--white);
margin-bottom: 2.4rem;
}
.sub { .sub {
margin-top: 2.4rem;
color: var(--white); color: var(--white);
} }
} }

3
src/components/modules/home/HomeSubscribe/HomeSubscribe.tsx
View File

@ -1,11 +1,12 @@
import React from 'react' import React from 'react'
import { HeadingCommon } from 'src/components/common'
import FormSubscribe from './FormSubscribe/FormSubscribe' import FormSubscribe from './FormSubscribe/FormSubscribe'
import s from './HomeSubscribe.module.scss' import s from './HomeSubscribe.module.scss'
const HomeSubscribe = () => { const HomeSubscribe = () => {
return ( return (
<section className={s.homeSubscribe}> <section className={s.homeSubscribe}>
<h2 className={s.heading}>Let's stay in touch</h2> <HeadingCommon type='light'>Let's stay in touch</HeadingCommon>
<div className={s.sub}>Subscribe to our newsletter for fresh news, seasonal arrivals and delicious recipes.</div> <div className={s.sub}>Subscribe to our newsletter for fresh news, seasonal arrivals and delicious recipes.</div>
<FormSubscribe /> <FormSubscribe />
</section > </section >