blockworks-foundation
/
mango-token-sale
mirror of https://github.com/blockworks-foundation/mango-token-sale.git
1
0
Fork 0
Code Issues Projects Releases Wiki Activity

addings sams text and some input from max for text

This commit is contained in:
steven 2021-07-27 15:16:34 -07:00
parent 217600afff
commit 7492b4b583
4 changed files with 98 additions and 84 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
components/ContentSectionAbout.tsx
View File

@ -228,7 +228,7 @@ const ContentSectionAbout = () => {
</div> </div>
<div className="col-span-2 md:col-span-2 lg:col-span-1 m-1 p-1"> <div className="col-span-2 md:col-span-2 lg:col-span-1 m-1 p-1">
<p className="text-blue-400 font-bold text-base my-2"> <p className="text-blue-400 font-bold text-base my-2">
Team/contributor tokens Contributor tokens
</p> </p>
<p className="text-white text-opacity-70"> <p className="text-white text-opacity-70">
5% will be distributed to the team and early contributors. 5% will be distributed to the team and early contributors.

20
components/ContentSectionRisks.tsx
View File

@ -5,12 +5,14 @@ const ContentSectionRisks = () => {
<div className="bg-bkg-2 transform -skew-y-3"> <div className="bg-bkg-2 transform -skew-y-3">
<div className="max-w-7xl mx-auto px-8 py-48 my-16 transform skew-y-3"> <div className="max-w-7xl mx-auto px-8 py-48 my-16 transform skew-y-3">
<div className="max-w-4xl mx-auto text-center pt-12 pb-16"> <div className="max-w-4xl mx-auto text-center pt-12 pb-16">
<h2 className="mb-4 text-3xl md:text-4xl lg:text-4xl text-white font-bold font-heading"> <h2 className="mb-4 text-3xl md:text-4xl lg:text-4xl text-white font-bold font-heading">
We want to be fully transparent. Transparency builds trust
</h2> </h2>
<p className="mb-10 text-xl md:text-2xl lg:text-2xl text-white text-opacity-50"> <p className="text-xl md:text-2xl lg:text-2xl text-white text-opacity-70">
We feel it is important to detail current risks to the system in order to give full transparency for participants in the insurance fund sale. There are risks in participating in the token sale. It&apos;s
</p> important you understand them before deciding to commit your
funds.
</p>
</div> </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="grid grid-cols-1 md:grid-cols-7 lg:grid-cols-7 grid-rows-2 gap-6 mb-16 mx-auto">
@ -19,7 +21,7 @@ const ContentSectionRisks = () => {
Unaudited smart contracts. Unaudited smart contracts.
</h3> </h3>
<div> <div>
<p className="text-white text-opacity-50 text-md w-full md:w-1/2 lg:w-1/2"> <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 build our smart contracts, we opensource all code once We take great care and forethought in the way we build our smart contracts, we opensource all code once
ready and work with many industry leading developers during creation. ready and work with many industry leading developers during creation.
<br /> <br />
@ -33,7 +35,7 @@ const ContentSectionRisks = () => {
<h3 className="text-white font-semibold text-xl tracking-wide my-2"> <h3 className="text-white font-semibold text-xl tracking-wide my-2">
New token sale mechanism New token sale mechanism
</h3> </h3>
<p className="text-white text-opacity-50 text-md"> <p className="text-white text-opacity-70 text-base">
The Mango token sale was designed with the goal of being as fair as possible to all participants. 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 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. discourage others from participating in the token sale.
@ -56,7 +58,7 @@ const ContentSectionRisks = () => {
<h3 className="text-white font-semibold text-xl tracking-wide my-2"> <h3 className="text-white font-semibold text-xl tracking-wide my-2">
Not fully decentralzed; yet. Not fully decentralzed; yet.
</h3> </h3>
<p className="text-white text-opacity-50 text-md"> <p className="text-white text-opacity-70 text-base">
Whilst the path to becoming decentralized is kicking off with the token sale, at inception the team will have control over the direction of the protocol until the governance mechanism is estabilshed and tools built out. Whilst the path to becoming decentralized is kicking off with the token sale, at inception the team will have control over the direction of the protocol until the governance mechanism is estabilshed and tools built out.
<br /> <br />
<br /> <br />

154
components/ContentSectionSale.tsx
View File

@ -6,11 +6,10 @@ const ContentSectionSale = () => {
<div className="max-w-7xl mx-auto px-8 py-16"> <div className="max-w-7xl mx-auto px-8 py-16">
<div className="max-w-4xl mb-24 mx-auto text-center mt-16 pt-16"> <div className="max-w-4xl mb-24 mx-auto text-center mt-16 pt-16">
<h2 className="mb-4 text-3xl md:text-4xl lg:text-4xl text-white font-bold font-heading"> <h2 className="mb-4 text-3xl md:text-4xl lg:text-4xl text-white font-bold font-heading">
How the sale works. How the token sale works
</h2> </h2>
<p className="text-xl md:text-2xl lg:text-2xl text-white text-opacity-50"> <p className="text-xl md:text-2xl lg:text-2xl text-white text-opacity-70">
We take the view that token sales should be simple, transparent and Fairness and transparency for all participants.
fairly distributed.
</p> </p>
</div> </div>
<section className=""> <section className="">
@ -19,44 +18,47 @@ const ContentSectionSale = () => {
<div className="col-span-3 lg:col-span-2"> <div className="col-span-3 lg:col-span-2">
<div className="bg-bkg-3 border border-bkg-4 bg-feature-two bg-contain lg:bg-cover bg-bottom bg-no-repeat h-650 w-full shadow-md rounded-xl overflow-hidden mx-auto"> <div className="bg-bkg-3 border border-bkg-4 bg-feature-two bg-contain lg:bg-cover bg-bottom bg-no-repeat h-650 w-full shadow-md rounded-xl overflow-hidden mx-auto">
<div className="py-4 px-8 mt-3"> <div className="py-4 px-8 mt-3">
<div className="flex flex-col mb-8"> <div className="flex flex-col mb-8">
<h2 className="text-white font-semibold text-xl tracking-wide mb-2"> <h2 className="text-white font-semibold text-xl tracking-wide mb-2">
The 48 hour participation period begins. The token sale will span 48 hours
</h2> </h2>
<p className="text-white text-opacity-50 text-base"> <p className="text-white text-opacity-70 text-base">
The event will span over 2 days split into two periods,{' '} The 48 hours consists of two 24 hour periods, the{' '}
<span className="text-mango-green italic"> <span className="text-mango-green text-base">
sale period sale period
</span>{' '} </span>{' '}
and{' '} and the{' '}
<span className="text-blue-400 italic">grace period</span>. <span className="text-blue-400 text-base">
</p> grace period
<div className="flex flex-wrap overflow-hiddenm mt-8"> </span>
<div className="w-full overflow-hidden lg:w-1/2 pr-4"> . Only afterwards you will be able to redeem MNGO.
<p> </p>
<span className="text-mango-green italic"> <div className="flex flex-wrap overflow-hiddenm mt-8">
Sale Period <div className="w-full mb-4 lg:mb-0 overflow-hidden lg:w-1/2 pr-4">
</span> <p className="mb-2">
</p> <span className="font-semibold text-mango-green text-xl">
<p className="text-white text-opacity-50"> Sale period{' '}
During the sale period, you may deposit or </span>
withdraw USDC from the vault. During the sale </p>
period, the $MNGO price can fluctuate. <p className="text-base text-white text-opacity-70">
</p> In the first 24 hours, you may deposit or withdraw
</div> your USDC from the vault. During the sale period,
the MNGO price can fluctuate.
<div className="w-full overflow-hidden lg:w-1/2"> </p>
<p> </div>
<span className="text-blue-400 italic"> <div className="w-full overflow-hidden lg:w-1/2 pr-4">
Grace Period <p className="mb-2">
</span> <span className="font-semibold text-blue-400 text-xl">
</p> Grace period{' '}
<p className="text-white text-opacity-50"> </span>
After 24 hours deposits will be restricted and only </p>
withdrawals allowed. During the grace period <p className="text-base text-white text-opacity-70">
price can only go down. After 24 hours, deposits will be restricted and only
</p> withdrawals allowed. During the grace period, the
</div> MNGO price can only go down.
</p>
</div>
</div> </div>
</div> </div>
</div> </div>
@ -66,13 +68,19 @@ const ContentSectionSale = () => {
<div className="bg-bkg-3 border border-bkg-4 bg-feature-one bg-cover bg-bottom bg-no-repeat h-650 w-full shadow-md rounded-xl overflow-hidden mx-auto"> <div className="bg-bkg-3 border border-bkg-4 bg-feature-one bg-cover bg-bottom bg-no-repeat h-650 w-full shadow-md rounded-xl overflow-hidden mx-auto">
<div className="py-4 px-8 mt-3"> <div className="py-4 px-8 mt-3">
<div className="flex flex-col mb-8"> <div className="flex flex-col mb-8">
<h2 className="text-white font-semibold text-xl tracking-wide mb-2"> <h2 className="text-white font-semibold text-xl tracking-wide mb-2">
Deposit USDC into Vault. Contribute your USDC
</h2> </h2>
<p className="text-white text-opacity-50 text-base"> <p className="text-white text-opacity-70 text-base">
Users deposit their USDC into the contribution vault during the During the
<span className="text-mango-green italic"> sale period</span> locking in their ticket for $MNGO redemptions on sale completion. <span className="text-mango-green">
</p> {' '}
sale period
</span>{' '}
you can deposit USDC into the vault. You can also change
this amount by withdrawing or depositing additional USDC
if you choose to.
</p>
</div> </div>
</div> </div>
</div> </div>
@ -85,16 +93,16 @@ const ContentSectionSale = () => {
<div className="bg-bkg-3 border border-bkg-4 bg-feature-four bg-cover bg-bottom bg-no-repeat h-650 w-full shadow-md rounded-xl overflow-hidden mx-auto"> <div className="bg-bkg-3 border border-bkg-4 bg-feature-four bg-cover bg-bottom bg-no-repeat h-650 w-full shadow-md rounded-xl overflow-hidden mx-auto">
<div className="py-4 px-8 mt-3"> <div className="py-4 px-8 mt-3">
<div className="flex flex-col mb-8"> <div className="flex flex-col mb-8">
<h2 className="text-white font-semibold text-xl tracking-wide mb-2"> <h2 className="text-white font-semibold text-xl tracking-wide mb-2">
MNGO unlocked and redeemable. Redeem unlocked MNGO
</h2> </h2>
<p className="text-white text-opacity-50 text-base"> <p className="text-white text-opacity-70 text-base">
Once the <span className="text-blue-400 italic"> grace period</span> ends, MNGO will be unlocked for redemption from the distribution vault. Once the{' '}
<br /> <span className="text-blue-400">grace period</span> ends
<br /> the MNGO tokens will be unlocked for redemption. The
Users receive a token amount number of tokens you&apos;ll receive will be
in proportion to their USDC contribution.{' '} proportional to your USDC contribution.
</p> </p>
</div> </div>
</div> </div>
</div> </div>
@ -103,19 +111,23 @@ const ContentSectionSale = () => {
<div className="bg-bkg-3 border border-bkg-4 bg-feature-three bg-contain lg:bg-cover bg-bottom bg-no-repeat h-575 md:h-650 lg:h-650 w-full shadow-md rounded-xl overflow-hidden mx-auto"> <div className="bg-bkg-3 border border-bkg-4 bg-feature-three bg-contain lg:bg-cover bg-bottom bg-no-repeat h-575 md:h-650 lg:h-650 w-full shadow-md rounded-xl overflow-hidden mx-auto">
<div className="py-4 px-8 mt-3"> <div className="py-4 px-8 mt-3">
<div className="flex flex-col mb-8"> <div className="flex flex-col mb-8">
<h2 className="text-white font-semibold text-xl tracking-wide mb-2"> <h2 className="text-white font-semibold text-xl tracking-wide mb-2">
Why does it work this way? Why does it work this way?
</h2> </h2>
<p className="text-white text-opacity-50 text-base mb-4"> <p className="text-white text-opacity-70 text-base mb-4">
We wanted to build a mechanism that is fair and transparent for all participants. No private sale, no backroom deals with VCs, all players are on a level playing field. We wanted to build a mechanism that is fair and
</p> transparent for all participants. No private sale, no
<p className="text-white text-opacity-50 text-base mb-4"> backroom deals with VCs, all players are on a level
The mechanism is simple but robust. This makes it easier to build, use, and more importantly, harder to exploit. playing field.
</p> </p>
{/*<p className="text-white font-bold leading-relaxed"> <p className="text-white text-opacity-70 text-base">
We believe all &quot;excess&quot; value should be captured The mechanism is simple but robust. This makes it easier
by token holders in the DAO. to build, use, and more importantly, harder to exploit.
</p>*/} </p>
<p className="text-white text-opacity-70 text-base">
All you need to do, is decide how much you contribute and how much you value MNGO.
If the sale price ends up higher, you can still withdraw during the grace period.
</p>
</div> </div>
</div> </div>
</div> </div>

6
components/HeroSection.tsx
View File

@ -9,10 +9,10 @@ const HeroSection = () => {
<div className="relative pt-16 md:pt-32 pb-2"> <div className="relative pt-16 md:pt-32 pb-2">
<div className="mb-8 mx-auto text-left md:text-center lg:text-center"> <div className="mb-8 mx-auto text-left md:text-center lg:text-center">
<h2 className="mb-4 text-3xl md:text-5xl lg:text-5xl text-white font-bold font-heading"> <h2 className="mb-4 text-3xl md:text-5xl lg:text-5xl text-white font-bold font-heading">
Claim your stake in the <GradientText>Mango Dao</GradientText>. Claim your stake in the <GradientText>Mango DAO</GradientText>.
</h2> </h2>
<p className="text-xl md:text-2xl lg:text-2xl text-white text-opacity-50"> <p className="text-xl md:text-2xl lg:text-2xl text-white text-opacity-70">
Join us in building Mango, the protocol for permissionless margin trading &amp; lending. Join us in building Mango, the protocol for permissionless leverage trading &amp; lending.
</p> </p>
</div> </div>
<div className="mb-16 flex lg:flex-row md:flex-row lg:justify-center md:justify-center sm:justify-center"> <div className="mb-16 flex lg:flex-row md:flex-row lg:justify-center md:justify-center sm:justify-center">