forked from crowetic/commerce
fix purge
This commit is contained in:
parent
af12409f95
commit
c5be2574d7
6
components/ui/Hero/Hero.module.css
Normal file
6
components/ui/Hero/Hero.module.css
Normal file
@ -0,0 +1,6 @@
|
|||||||
|
.root {
|
||||||
|
@apply mx-auto grid grid-cols-1 py-32 gap-4;
|
||||||
|
@screen md {
|
||||||
|
@apply grid-cols-2;
|
||||||
|
}
|
||||||
|
}
|
@ -1,6 +1,8 @@
|
|||||||
import React, { FC } from 'react'
|
import React, { FC } from 'react'
|
||||||
import { Container } from '@components/ui'
|
import { Container } from '@components/ui'
|
||||||
import { RightArrow } from '@components/icon'
|
import { RightArrow } from '@components/icon'
|
||||||
|
import s from './Hero.module.css'
|
||||||
|
|
||||||
interface Props {
|
interface Props {
|
||||||
className?: string
|
className?: string
|
||||||
headline: string
|
headline: string
|
||||||
@ -11,7 +13,7 @@ const Hero: FC<Props> = ({ headline, description }) => {
|
|||||||
return (
|
return (
|
||||||
<div className="bg-black">
|
<div className="bg-black">
|
||||||
<Container>
|
<Container>
|
||||||
<div className="mx-auto grid grid-cols-1 py-32 md:grid-cols-2 gap-4">
|
<div className={s.root}>
|
||||||
<h2 className="text-4xl leading-10 font-extrabold text-white sm:text-5xl sm:leading-none sm:tracking-tight lg:text-6xl">
|
<h2 className="text-4xl leading-10 font-extrabold text-white sm:text-5xl sm:leading-none sm:tracking-tight lg:text-6xl">
|
||||||
{headline}
|
{headline}
|
||||||
</h2>
|
</h2>
|
||||||
|
Loading…
x
Reference in New Issue
Block a user