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

section seperation

This commit is contained in:
steven 2021-07-26 15:18:30 -07:00
parent 74f955ac4c
commit 58c4c93eeb
2 changed files with 137 additions and 128 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

25
components/ContentSection.tsx
View File

@ -3,6 +3,7 @@ import GradientText from './GradientText'
const ContentSection = () => {
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 py-48 transform skew-y-3">
<div className="max-w-5xl mx-auto text-center">
@ -115,15 +116,24 @@ const ContentSection = () => {
</p>
<p className="text-xs text-white text-opacity-50">
Tokens distributed to early contributors of the protocol are unlocked and not on a vesting schedule.
</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div className="max-w-4xl mx-auto text-center mt-16 pt-12 pb-16">
{/* Section 2 */}
<div className="max-w-7xl mx-auto px-8 pt-16 pb-24 my-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">
We want to be fully transparent.
</h2>
@ -235,18 +245,16 @@ const ContentSection = () => {
We offer full transparency in during this phase of transition and will commit to creating a fair voting system for those participating in DAO votes in the future.
</p>
</div>
</div>
</div>
</div>
</div>
</div>
{/* Section 2 */}
{/* Section 3 */}
<div className="bg-bkg-2 transform -skew-y-3 pt-16 pb-16 mb-16 -mt-16 z-0">
<div className="max-w-7xl mx-auto px-8 py-16 transform skew-y-3">
<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">
How the sale works.
@ -367,6 +375,7 @@ const ContentSection = () => {
</section>
</div>
</div>
</>
)
}

6
components/HeroSection.tsx
View File

@ -12,9 +12,9 @@ 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-governed protocol building a
decentralized financial ecosystem; by contributing to the insurance fund you will receive a
stake in the DAO therefore having control over future of the ecosystem and its products.
The Mango DAO is a self-governed protocol building a
decentralized financial ecosystem; by contributing you will receive a
stake in the DAO having control over 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">