reformat
This commit is contained in:
parent
13fd50418e
commit
344f64f36f
|
@ -168,8 +168,10 @@ const ContentSection = () => {
|
|||
<Button>Check out the whitepaper</Button>
|
||||
|
||||
<p className="text-white leading-relaxed py-4">
|
||||
<span className="text-mango-yellow font-semibold">$MNGO</span> were only
|
||||
provided to contributors who helped build the
|
||||
<span className="text-mango-yellow font-semibold">
|
||||
$MNGO
|
||||
</span>{' '}
|
||||
were only provided to contributors who helped build the
|
||||
protocol.
|
||||
</p>
|
||||
</div>
|
||||
|
@ -185,7 +187,8 @@ const ContentSection = () => {
|
|||
How it works.
|
||||
</h2>
|
||||
<p className="mb-8 text-xl md:text-2xl lg:text-2xl text-white text-opacity-50">
|
||||
We take the view that token sales should be simple, transparent and fairly distributed.
|
||||
We take the view that token sales should be simple, transparent and
|
||||
fairly distributed.
|
||||
</p>
|
||||
</div>
|
||||
<section className="">
|
||||
|
@ -229,7 +232,9 @@ const ContentSection = () => {
|
|||
</span>
|
||||
</p>
|
||||
<p className="text-white text-opacity-50">
|
||||
During the unrestricted period, you may deposit or withdraw USDC from the vault. During the unrestricted period, the $MNGO price can fluctuate.
|
||||
During the unrestricted period, you may deposit or
|
||||
withdraw USDC from the vault. During the unrestricted
|
||||
period, the $MNGO price can fluctuate.
|
||||
</p>
|
||||
</div>
|
||||
|
||||
|
@ -240,7 +245,9 @@ const ContentSection = () => {
|
|||
</span>
|
||||
</p>
|
||||
<p className="text-white text-opacity-50">
|
||||
After 24 hours deposits will be restricted and only withdrawals allowed. During the restricted period price can only go down.
|
||||
After 24 hours deposits will be restricted and only
|
||||
withdrawals allowed. During the restricted period
|
||||
price can only go down.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
|
@ -285,7 +292,8 @@ const ContentSection = () => {
|
|||
MNGO unlocked and redeemable.
|
||||
</h2>
|
||||
<p className="text-white text-opacity-50 text-base">
|
||||
On conclusion of the token sale, $MNGO will be distributed in proportion to your USDC contribution.{' '}
|
||||
On conclusion of the token sale, $MNGO will be distributed
|
||||
in proportion to your USDC contribution.{' '}
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
|
|
|
@ -64,8 +64,10 @@ const ContentSection = () => {
|
|||
<Button>Check out the whitepaper</Button>
|
||||
|
||||
<p className="text-white leading-relaxed py-4">
|
||||
<span className="text-mango-yellow font-semibold">$MNGO</span> were only
|
||||
provided to contributors who helped build the
|
||||
<span className="text-mango-yellow font-semibold">
|
||||
$MNGO
|
||||
</span>{' '}
|
||||
were only provided to contributors who helped build the
|
||||
protocol.
|
||||
</p>
|
||||
</div>
|
||||
|
|
|
@ -12,24 +12,16 @@ const HeroSection = () => {
|
|||
Claim your stake in the <GradientText>Mango Dao</GradientText>.
|
||||
</h2>
|
||||
<p className="text-xl md:text-2xl lg:text-2xl text-white text-opacity-50">
|
||||
The Mango Dao is a self-governance protocol building a decentralized financial ecosystem. By contributing you will have a stake in the future of the ecosystem and its products.
|
||||
The Mango Dao is a self-governance protocol building a
|
||||
decentralized financial ecosystem. By contributing you will have a
|
||||
stake in the future of the ecosystem and its products.
|
||||
</p>
|
||||
</div>
|
||||
<div className="mb-16 flex lg:flex-row md:flex-row lg:justify-center md:justify-center sm:justify-center">
|
||||
<a
|
||||
className="sm:px-1"
|
||||
rel="noreferrer"
|
||||
target="_blank"
|
||||
href="#"
|
||||
>
|
||||
<a className="sm:px-1" rel="noreferrer" target="_blank" href="#">
|
||||
<Button>Contribute now</Button>
|
||||
</a>
|
||||
<a
|
||||
className="pl-2 "
|
||||
rel="noreferrer"
|
||||
target="_blank"
|
||||
href="#"
|
||||
>
|
||||
<a className="pl-2 " rel="noreferrer" target="_blank" href="#">
|
||||
<Link>Learn more</Link>
|
||||
</a>
|
||||
</div>
|
||||
|
|
|
@ -12,7 +12,7 @@ const HeroSectionLead = () => {
|
|||
<h2 className="mb-8 text-7xl text-white font-bold font-heading">
|
||||
<GradientText>Wen</GradientText> Token?
|
||||
</h2>
|
||||
<p className="mb-8 text-7xl">{startIdo.fromNow()}</p>
|
||||
<p className="mb-8 text-7xl">{startIdo?.fromNow()}</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
|
|
@ -1,6 +1,5 @@
|
|||
import GradientText from './GradientText'
|
||||
import RedeemModal
|
||||
from './RedeemModal'
|
||||
import RedeemModal from './RedeemModal'
|
||||
const HeroSectionRedeem = () => {
|
||||
return (
|
||||
<section className="max-w-7xl mx-auto px-10">
|
||||
|
@ -12,8 +11,8 @@ const HeroSectionRedeem = () => {
|
|||
<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.
|
||||
Thank you for your contributions, soon you will be able to help
|
||||
decide the future of Mango.
|
||||
</p>
|
||||
</div>
|
||||
<div className="flex-1 my-5 z-10">
|
||||
|
|
|
@ -18,7 +18,6 @@ const ModalSection = () => {
|
|||
<StatsModal />
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</>
|
||||
)
|
||||
}
|
||||
|
|
|
@ -402,11 +402,7 @@ const NavBarBeta = () => {
|
|||
</nav>
|
||||
<div className="hidden md:flex items-center justify-end md:flex-1 lg:w-0">
|
||||
<div>
|
||||
<a
|
||||
rel="noreferrer"
|
||||
target="_blank"
|
||||
href="#"
|
||||
>
|
||||
<a rel="noreferrer" target="_blank" href="#">
|
||||
<Button>Contribute now</Button>
|
||||
</a>
|
||||
</div>
|
||||
|
|
|
@ -1,10 +1,8 @@
|
|||
|
||||
import PoolCountdown from './PoolCountdown'
|
||||
import useVaults from '../hooks/useVaults'
|
||||
import usePool from '../hooks/usePool'
|
||||
import 'twin.macro'
|
||||
|
||||
|
||||
const StatsModal = () => {
|
||||
const vaults = useVaults()
|
||||
const { endIdo, endDeposits } = usePool()
|
||||
|
@ -13,12 +11,10 @@ const StatsModal = () => {
|
|||
// ? (redeemableBalance * vaults.mango.balance) / vaults.usdc.balance
|
||||
// : 0
|
||||
|
||||
|
||||
const priceFormat = new Intl.NumberFormat('en-US', {
|
||||
maximumSignificantDigits: 4,
|
||||
})
|
||||
|
||||
|
||||
return (
|
||||
<>
|
||||
<div className="flex-1 m-3 sm:-ml-8 bg-gradient-to-br from-secondary-4-dark to-secondary-4-light border border-bkg-3 p-7 rounded-xl shadow-md divide-y-2 divide-white divide-opacity-10 z-0">
|
||||
|
|
Loading…
Reference in New Issue