2021-07-22 22:26:27 -07:00
|
|
|
|
import GradientText from './GradientText'
|
|
|
|
|
import RedeemModal
|
|
|
|
|
from './RedeemModal'
|
2021-07-22 23:14:56 -07:00
|
|
|
|
const HeroSectionRedeem = () => {
|
2021-07-22 22:26:27 -07:00
|
|
|
|
return (
|
2021-07-22 23:14:56 -07:00
|
|
|
|
<section className="max-w-7xl mx-auto px-10">
|
2021-07-22 23:07:46 -07:00
|
|
|
|
<div className="flex flex-col md:flex-row lg:flex-row m-10 mx-auto">
|
|
|
|
|
<div className="flex-1">
|
2021-07-22 22:26:27 -07:00
|
|
|
|
<h2 className="my-5 text-3xl lg:text-5xl text-white font-bold font-heading">
|
|
|
|
|
The event has ended. <br />
|
|
|
|
|
It’s time to redeem your
|
|
|
|
|
<GradientText>$MNGO</GradientText>
|
|
|
|
|
</h2>
|
|
|
|
|
<p className="lg:text-xl">
|
|
|
|
|
Thank you for your contributions, soon you will be able to help decide
|
|
|
|
|
the future of Mango.
|
|
|
|
|
</p>
|
|
|
|
|
</div>
|
2021-07-22 23:07:46 -07:00
|
|
|
|
<div className="flex-1 my-5 z-10">
|
2021-07-22 22:26:27 -07:00
|
|
|
|
<RedeemModal />
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</section>
|
|
|
|
|
)
|
|
|
|
|
}
|
|
|
|
|
|
2021-07-22 23:14:56 -07:00
|
|
|
|
export default HeroSectionRedeem
|