format all & set prod base url

This commit is contained in:
Maximilian Schneider 2021-07-28 09:39:59 +02:00
parent c4e634eede
commit 48d89fa22b
8 changed files with 191 additions and 177 deletions

View File

@ -4,10 +4,9 @@ import GradientText from './GradientText'
const ContentSectionAbout = () => {
return (
<>
<div className="bg-bkg-2 transform -skew-y-3 pt-16 pb-16 mb-16 -mt-32 z-0">
<div className="max-w-7xl mx-auto px-8 pt-24 pb-16 transform skew-y-3">
{/* Section 1
<div className="bg-bkg-2 transform -skew-y-3 pt-16 pb-16 mb-16 -mt-32 z-0">
<div className="max-w-7xl mx-auto px-8 pt-24 pb-16 transform skew-y-3">
{/* Section 1
<div className="max-w-5xl mx-auto text-center">
<h2 className="mb-8 text-3xl md:text-4xl lg:text-4xl text-white font-bold font-heading">
It is still the early days.
@ -125,92 +124,94 @@ const ContentSectionAbout = () => {
</div>
</div>
*/}
<div className="py-16 ">
<div className="mb-16 max-w-4xl mx-auto text-center">
<h2 className="mb-4 text-3xl md:text-4xl lg:text-4xl text-white font-bold font-heading">
Why release <GradientText>MNGO</GradientText> token?
</h2>
<p className="text-xl md:text-2xl lg:text-2xl text-white text-opacity-70">
The MNGO token in its inception will serve 3 primary purposes.
</p>
</div>
<div className="py-16 ">
<div className="mb-16 max-w-4xl mx-auto text-center">
<h2 className="mb-4 text-3xl md:text-4xl lg:text-4xl text-white font-bold font-heading">
Why release <GradientText>MNGO</GradientText> token?
</h2>
<p className="text-xl md:text-2xl lg:text-2xl text-white text-opacity-70">
The MNGO token in its inception will serve 3 primary purposes.
</p>
</div>
<div className="overflow-hidden">
<div className="max-w-max lg:max-w-6xl mx-auto">
<div className="relative">
<div className="lg:grid lg:grid-cols-3 lg:gap-6">
<div className="lg:col-span-1">
<h2 className="text-2xl mb-4 leading-tight font-semibold font-heading">
Capitalize the Insurance Fund
</h2>
<p className="mb-8 text-base text-white text-opacity-70 leading-relaxed">
The Mango protocol relies on lenders to provide capital for
the others to use for trading and borrowing. The capital in
the Insurance Fund will be used to compensate lenders in the
unlikely event they incur losses.
</p>
</div>
<div className="lg:col-span-1">
<h2 className="text-2xl mb-4 leading-tight font-semibold font-heading">
Govern the Mango DAO
</h2>
<p className="mb-8 text-base text-white text-opacity-70 leading-relaxed">
MNGO tokens represent a direct stake in the Mango DAO. The
future direction of the Mango Protocol will be decided by
voting on proposals using MNGO tokens as the voting
mechanism.
</p>
</div>
<div className="lg:col-span-1">
<h2 className="text-2xl mb-4 leading-tight font-semibold font-heading">
Incentivize liquidity
</h2>
<p className="mb-8 text-base text-white text-opacity-70 leading-relaxed">
Bootstrapping liquidity is important in a new trading
system. Incentivizing market makers to provide it on our
order books with MNGO tokens will benefit the protocol
and its participants.
</p>
</div>
</div>
<div className="mt-10 py-5 px-5 bg-bkg-3 border border-bkg-4 shadow-md rounded-xl">
<h3 className="font-bold text-xl my-2">Token distribution</h3>
<div className="grid grid-cols-12 mt-4 py-1 px-1 rounded-md shadow-md bg-mango-med-dark">
<div className="col-span-10 bg-mango-green text-center rounded-l-sm py-1">
<span className="text-xs px-1 font-bold text-white">
90%
</span>
<div className="overflow-hidden">
<div className="max-w-max lg:max-w-6xl mx-auto">
<div className="relative">
<div className="lg:grid lg:grid-cols-3 lg:gap-6">
<div className="lg:col-span-1">
<h2 className="text-2xl mb-4 leading-tight font-semibold font-heading">
Capitalize the Insurance Fund
</h2>
<p className="mb-8 text-base text-white text-opacity-70 leading-relaxed">
The Mango protocol relies on lenders to provide capital
for the others to use for trading and borrowing. The
capital in the Insurance Fund will be used to compensate
lenders in the unlikely event they incur losses.
</p>
</div>
<div className="lg:col-span-1">
<h2 className="text-2xl mb-4 leading-tight font-semibold font-heading">
Govern the Mango DAO
</h2>
<p className="mb-8 text-base text-white text-opacity-70 leading-relaxed">
MNGO tokens represent a direct stake in the Mango DAO.
The future direction of the Mango Protocol will be
decided by voting on proposals using MNGO tokens as the
voting mechanism.
</p>
</div>
<div className="lg:col-span-1">
<h2 className="text-2xl mb-4 leading-tight font-semibold font-heading">
Incentivize liquidity
</h2>
<p className="mb-8 text-base text-white text-opacity-70 leading-relaxed">
Bootstrapping liquidity is important in a new trading
system. Incentivizing market makers to provide it on our
order books with MNGO tokens will benefit the protocol
and its participants.
</p>
</div>
</div>
{/*
<div className="mt-10 py-5 px-5 bg-bkg-3 border border-bkg-4 shadow-md rounded-xl">
<h3 className="font-bold text-xl my-2">
Token distribution
</h3>
<div className="grid grid-cols-12 mt-4 py-1 px-1 rounded-md shadow-md bg-mango-med-dark">
<div className="col-span-10 bg-mango-green text-center rounded-l-sm py-1">
<span className="text-xs px-1 font-bold text-white">
90%
</span>
</div>
{/*
<div className="col-span-2 bg-mango-yellow text-center py-1">
<span className="text-xs px-1 font-bold text-white">
10%
</span>
</div>
*/}
<div className="col-span-1 bg-mango-red text-center py-1">
<span className="text-xs px-1 font-bold text-white">
5%
</span>
</div>
<div className="col-span-1 bg-blue-400 text-center rounded-r-sm py-1">
<span className="text-xs px-1 font-bold text-white">
5%
</span>
</div>
</div>
<div className="grid grid-cols-3 mt-4">
<div className="col-span-3 md:col-span-1 lg:col-span-1 m-1 p-1">
<p className="text-mango-green font-bold text-base my-2">
Mango DAO
</p>
<p className="text-white text-opacity-70">
90% of MNGO tokens will be locked in a smart contract,
only accessible via DAO governance votes.
</p>
</div>
{/*
<div className="col-span-1 bg-mango-red text-center py-1">
<span className="text-xs px-1 font-bold text-white">
5%
</span>
</div>
<div className="col-span-1 bg-blue-400 text-center rounded-r-sm py-1">
<span className="text-xs px-1 font-bold text-white">
5%
</span>
</div>
</div>
<div className="grid grid-cols-3 mt-4">
<div className="col-span-3 md:col-span-1 lg:col-span-1 m-1 p-1">
<p className="text-mango-green font-bold text-base my-2">
Mango DAO
</p>
<p className="text-white text-opacity-70">
90% of MNGO tokens will be locked in a smart contract,
only accessible via DAO governance votes.
</p>
</div>
{/*
<div className="col-span-2 md:col-span-2 lg:col-span-1 m-1 p-1">
<p className="text-mango-yellow font-bold text-base my-2">
Liquidity incentives
@ -221,33 +222,34 @@ const ContentSectionAbout = () => {
</p>
</div>
*/}
<div className="col-span-3 md:col-span-1 lg:col-span-1 m-1 p-1">
<p className="text-mango-red font-bold text-base my-2">
Insurance Fund
</p>
<p className="text-white text-opacity-70">
5% of MNGO tokens will be used to capitalize the Insurance
Fund that will protect lenders in the Mango Protocol.
</p>
</div>
<div className="col-span-3 md:col-span-1 lg:col-span-1 m-1 p-1">
<p className="text-blue-400 font-bold text-base my-2">
Contributor tokens
</p>
<p className="text-white text-opacity-70">
5% will be distributed to the team and early contributors.
These tokens are unlocked.
</p>
<div className="col-span-3 md:col-span-1 lg:col-span-1 m-1 p-1">
<p className="text-mango-red font-bold text-base my-2">
Insurance Fund
</p>
<p className="text-white text-opacity-70">
5% of MNGO tokens will be used to capitalize the
Insurance Fund that will protect lenders in the Mango
Protocol.
</p>
</div>
<div className="col-span-3 md:col-span-1 lg:col-span-1 m-1 p-1">
<p className="text-blue-400 font-bold text-base my-2">
Contributor tokens
</p>
<p className="text-white text-opacity-70">
5% will be distributed to the team and early
contributors. These tokens are unlocked.
</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</>
</div>
</>
)
}

View File

@ -1,9 +1,7 @@
const ContentSectionLead = () => {
return (
<div className="bg-bkg-2 transform -skew-y-3 pt-12 pb-16 mb-16 -mt-32 z-0">
<div className="max-w-7xl mx-auto px-4 py-40 transform skew-y-3">
{/* Section 2 */}
<div className="max-w-4xl mb-12 mx-auto text-center">
<h2 className="mb-8 text-3xl md:text-4xl lg:text-4xl text-white font-bold font-heading">

View File

@ -3,79 +3,94 @@
const ContentSectionRisks = () => {
return (
<>
{/* Section 3 */}
{/* Section 3 */}
<div className="bg-bkg-2 transform -skew-y-3">
<div className="max-w-7xl mx-auto px-8 py-32 transform skew-y-3">
<div className="max-w-4xl mx-auto text-center pb-16">
<h2 className="mb-4 text-3xl md:text-4xl lg:text-4xl text-white font-bold font-heading">
Transparency builds trust.
</h2>
<p className="text-xl md:text-2xl lg:text-2xl text-white text-opacity-70">
There are risks in participating in the token sale. It&apos;s
important you understand them before deciding to commit your
funds.
</p>
</div>
<div className="max-w-4xl mx-auto text-center pb-16">
<h2 className="mb-4 text-3xl md:text-4xl lg:text-4xl text-white font-bold font-heading">
Transparency builds trust.
</h2>
<p className="text-xl md:text-2xl lg:text-2xl text-white text-opacity-70">
There are risks in participating in the token sale. It&apos;s
important you understand them before deciding to commit your
funds.
</p>
</div>
<div className="grid grid-cols-1 md:grid-cols-7 lg:grid-cols-7 grid-rows-2 gap-6 mb-16 mx-auto">
<div className="col-span-1 md:col-span-3 lg:col-span-3 p-5 bg-bkg-3 border border-bkg-4 rounded-xl h-auto w-auto z-10 shadow-md bg-risk-two md:bg-risk-one lg:bg-risk-one bg-contain bg-right-bottom bg-no-repeat">
<h3 className="text-white font-semibold text-xl tracking-wide my-2">
Unaudited smart contracts
</h3>
<div>
<p className="text-white text-opacity-70 text-base w-full md:w-1/2 lg:w-1/2">
We take great care and forethought in the way we design our smart contracts. We make their source code publicly accessible in order to get peer reviewed by as many experts possible.
<br />
<br />
Still we cannot guarantee that our products are free of exploits, when we launch.
</p>
</div>
</div>
<div className="col-span-1 md:col-span-4 lg:col-span-4 row-span-2 p-5 bg-bkg-3 border border-bkg-4 rounded-xl h-auto w-auto z-10 shadow-md bg-risk-four md:bg-risk-three lg:bg-risk-three bg-contain bg-right-bottom bg-no-repeat">
<h3 className="text-white font-semibold text-xl tracking-wide my-2">
New token sale mechanism
</h3>
<p className="text-white text-opacity-70 text-base w-full md:w-1/2 lg:w-1/2">
The Mango token sale was designed with the goal of being as fair as possible to all participants.
However, there is a mechanism by which one or more participants with large amounts of capital could
discourage others from participating in the token sale.
<br />
<br />
During the deposit phase, these participants
could deposit very large amounts of USDC. This would drive up the average price of the token and
potentially discourage others from participating in the sale.
<br />
<br />Then, during the last minute
of the withdrawal phase, these large participants could withdraw much of their USDC, thus
receiving a much lower average price, depending on how successful they were at discouraging others.
<br />
<br />
Therefore, all participants should be aware of this potential behaviour during the sale and
make their best decisions accordingly.
</p>
</div>
<div className="col-span-1 md:col-span-3 lg:col-span-3 p-5 bg-bkg-3 border border-bkg-4 rounded-xl h-auto w-auto z-10 shadow-md">
<h3 className="text-white font-semibold text-xl tracking-wide my-2">
Inlationary Tokenomics
</h3>
<p className="text-white text-opacity-70 text-base">
Mango will be running its own on-chain order books to allow perpetual swap trading. In order to attract sophisticed traders with the technical expertise to become market makers, the protocol will need to provide very generous liquidity mining rewards.
<br />
<br />
We were inspired from bitcoins emission schedule in our design, but the mechanism is genuinely unproven in this context and potentially could be exploited. Even if it operates correctly, distributing MNGO from the DAO will be inflationary.
<br />
<br />
{/*
<div className="grid grid-cols-1 md:grid-cols-7 lg:grid-cols-7 grid-rows-2 gap-6 mb-16 mx-auto">
<div className="col-span-1 md:col-span-3 lg:col-span-3 p-5 bg-bkg-3 border border-bkg-4 rounded-xl h-auto w-auto z-10 shadow-md bg-risk-two md:bg-risk-one lg:bg-risk-one bg-contain bg-right-bottom bg-no-repeat">
<h3 className="text-white font-semibold text-xl tracking-wide my-2">
Unaudited smart contracts
</h3>
<div>
<p className="text-white text-opacity-70 text-base w-full md:w-1/2 lg:w-1/2">
We take great care and forethought in the way we design our
smart contracts. We make their source code publicly accessible
in order to get peer reviewed by as many experts possible.
<br />
<br />
Still we cannot guarantee that our products are free of
exploits, when we launch.
</p>
</div>
</div>
<div className="col-span-1 md:col-span-4 lg:col-span-4 row-span-2 p-5 bg-bkg-3 border border-bkg-4 rounded-xl h-auto w-auto z-10 shadow-md bg-risk-four md:bg-risk-three lg:bg-risk-three bg-contain bg-right-bottom bg-no-repeat">
<h3 className="text-white font-semibold text-xl tracking-wide my-2">
New token sale mechanism
</h3>
<p className="text-white text-opacity-70 text-base w-full md:w-1/2 lg:w-1/2">
The Mango token sale was designed with the goal of being as fair
as possible to all participants. However, there is a mechanism
by which one or more participants with large amounts of capital
could discourage others from participating in the token sale.
<br />
<br />
During the deposit phase, these participants could deposit very
large amounts of USDC. This would drive up the average price of
the token and potentially discourage others from participating
in the sale.
<br />
<br />
Then, during the last minute of the withdrawal phase, these
large participants could withdraw much of their USDC, thus
receiving a much lower average price, depending on how
successful they were at discouraging others.
<br />
<br />
Therefore, all participants should be aware of this potential
behaviour during the sale and make their best decisions
accordingly.
</p>
</div>
<div className="col-span-1 md:col-span-3 lg:col-span-3 p-5 bg-bkg-3 border border-bkg-4 rounded-xl h-auto w-auto z-10 shadow-md">
<h3 className="text-white font-semibold text-xl tracking-wide my-2">
Inlationary Tokenomics
</h3>
<p className="text-white text-opacity-70 text-base">
Mango will be running its own on-chain order books to allow
perpetual swap trading. In order to attract sophisticed traders
with the technical expertise to become market makers, the
protocol will need to provide very generous liquidity mining
rewards.
<br />
<br />
We were inspired from bitcoins emission schedule in our design,
but the mechanism is genuinely unproven in this context and
potentially could be exploited. Even if it operates correctly,
distributing MNGO from the DAO will be inflationary.
<br />
<br />
{/*
<a rel="noreferrer" target="_blank" href="https://docs.mango.markets/mango-v3/liquidity-incentives">
<LinkLeft>Learn about it in the docs</LinkLeft>
</a>
*/}
</p>
</div>
</p>
</div>
</div>
</div>
</div>
</>
</>
)
}

View File

@ -12,7 +12,8 @@ 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-70">
Join us in building Mango, the protocol for permissionless leverage trading &amp; lending.
Join us in building Mango, the protocol for permissionless
leverage trading &amp; lending.
</p>
</div>
<div className="mb-16 flex lg:flex-row md:flex-row lg:justify-center md:justify-center sm:justify-center">

View File

@ -67,9 +67,9 @@ const StatsModal = () => {
<div className="font-bold text-fgd-1 text-xl">
{vaults.mangoBalance}
</div>
</div>
</div>
{/* <p>
{/* <p>
Start: {startIdo?.fromNow()} ({startIdo?.format()})
</p>
<p>
@ -80,7 +80,7 @@ const StatsModal = () => {
</p>
<p>Current USDC in Pool: {vaults.usdc?.balance || 'N/A'}</p>
<p>Locked MNGO in Pool: {vaults.mango?.balance || 'N/A'}</p> */}
</div>
</div>
</div>
</>
)

View File

@ -11,7 +11,7 @@ function App({ Component, pageProps }) {
'Claim your stake in the Mango DAO. Join us in building Mango, the protocol for permissionless leverage trading & lending.'
const keywords =
'Mango Markets, Serum, SRM, Serum DEX, DEFI, Decentralized Finance, Decentralised Finance, Crypto, ERC20, Ethereum, Decentralize, Solana, SOL, SPL, Cross-Chain, Trading, Fastest, Fast, SerumBTC, SerumUSD, SRM Tokens, SPL Tokens'
const baseUrl = 'https://deploy-preview-6--mango-token-sale.netlify.app'
const baseUrl = 'https://mango-token-sale.netlify.app'
return (
<>

View File

@ -38,9 +38,9 @@ export const ENDPOINTS: EndpointInfo[] = [
programId: 'CRU6hX2GgtdabESgkoMswMrUdRFxHhCVYmS292VN1Nnn', // owned by governance
//poolKey: 'GvSyVjGwLBeWdURMLDmSffQPqA8g547A6TURbbBnDpa4', // governance test
// poolKey: '82ndgp58GXpwuLrEc9svHFdhiEsPaZoNUEWwgc79WHqk', // already over
poolKey: '5heMyYtJK1Us9Hx2w6s5rLDNj8RufeyCR1ZUJAVFLQL7', // long deposits
poolKey: '5heMyYtJK1Us9Hx2w6s5rLDNj8RufeyCR1ZUJAVFLQL7', // long deposits
// poolKey: '7Dr2Ksnz5evoT9mEUgvvkmirH8KDC99b5oVPHbqSpx4K', // short deposit
//poolKey: 'CdKyD4Qazo72Bm6SsPBWrT1AnH1NEuoUzvQg7b67EBac', // not started yet
//poolKey: 'CdKyD4Qazo72Bm6SsPBWrT1AnH1NEuoUzvQg7b67EBac', // not started yet
},
{
name: 'localnet',

View File

@ -22,13 +22,11 @@ module.exports = {
'risk-two': "url('../public/img/risk2.png')",
'risk-three': "url('../public/img/risk3.png')",
'risk-four': "url('../public/img/risk4.png')",
}),
height: {
550: '550px',
650: '650px',
750: '750px',
},
cursor: {
help: 'help',