2021-07-22 22:02:04 -07:00
|
|
|
import GradientText from './GradientText'
|
2021-07-24 06:12:16 -07:00
|
|
|
import usePool from '../hooks/usePool'
|
2021-08-04 10:09:32 -07:00
|
|
|
import moment from 'moment-timezone'
|
2021-07-24 06:12:16 -07:00
|
|
|
|
2021-07-22 22:02:04 -07:00
|
|
|
const HeroSectionLead = () => {
|
2021-07-24 06:12:16 -07:00
|
|
|
const { startIdo } = usePool()
|
|
|
|
|
2021-07-22 22:02:04 -07:00
|
|
|
return (
|
|
|
|
<section className="flex">
|
2021-07-24 10:55:31 -07:00
|
|
|
<div className="px-8 pb-24 mb-16 mx-auto h-auto justify-items-center align-middle">
|
2021-07-22 22:02:04 -07:00
|
|
|
<div className="relative pt-16 md:pt-32 pb-2">
|
|
|
|
<div className="max-w-2xl mb-16 mx-auto text-left md:text-center lg:text-center">
|
|
|
|
<h2 className="mb-8 text-7xl text-white font-bold font-heading">
|
2021-07-27 22:55:18 -07:00
|
|
|
<GradientText>WEN</GradientText> TOKEN?
|
2021-07-22 22:02:04 -07:00
|
|
|
</h2>
|
2021-07-28 11:38:21 -07:00
|
|
|
<p className="mb-8 text-2xl">
|
2021-08-04 10:09:32 -07:00
|
|
|
{startIdo
|
|
|
|
?.tz(moment.tz.guess())
|
|
|
|
?.format('dddd, MMMM Do YYYY, h:mm:ss A z')}
|
2021-07-28 11:38:21 -07:00
|
|
|
</p>
|
2021-07-22 22:02:04 -07:00
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</section>
|
|
|
|
)
|
|
|
|
}
|
|
|
|
|
|
|
|
export default HeroSectionLead
|