navvy fixed, new illustrations, page styling on mobile
|
@ -6,10 +6,10 @@ const ContentSection = () => {
|
||||||
<div className="bg-bkg-2 transform -skew-y-3 pt-12 pb-16 mb-16 -mt-32 z-0">
|
<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">
|
<div className="max-w-7xl mx-auto px-4 py-40 transform skew-y-3">
|
||||||
<div className="max-w-5xl mx-auto text-center">
|
<div className="max-w-5xl mx-auto text-center">
|
||||||
<h2 className="mb-8 text-4xl lg:text-5xl text-white font-bold font-heading">
|
<h2 className="mb-8 text-3xl md:text-4xl lg:text-4xl text-white font-bold font-heading">
|
||||||
It is still the early days.
|
It is still the early days.
|
||||||
</h2>
|
</h2>
|
||||||
<p className="mb-8 text-2xl text-white text-opacity-50">
|
<p className="mb-8 text-xl md:text-2xl lg:text-2xl text-white text-opacity-50">
|
||||||
This is the first moment for non-developers to participate in
|
This is the first moment for non-developers to participate in
|
||||||
helping build the Mango protocol by supporting the inception of the
|
helping build the Mango protocol by supporting the inception of the
|
||||||
protocols Insurance Fund.
|
protocols Insurance Fund.
|
||||||
|
@ -24,7 +24,7 @@ const ContentSection = () => {
|
||||||
<div className="relative md:p-6">
|
<div className="relative md:p-6">
|
||||||
<div className="lg:grid lg:grid-cols-2 lg:gap-6">
|
<div className="lg:grid lg:grid-cols-2 lg:gap-6">
|
||||||
<div className="lg:max-w-none">
|
<div className="lg:max-w-none">
|
||||||
<h2 className="text-3xl mb-6 leading-tight font-semibold font-heading">
|
<h2 className="text-2xl mb-6 leading-tight font-semibold font-heading">
|
||||||
What is Mango?
|
What is Mango?
|
||||||
</h2>
|
</h2>
|
||||||
<p className="mb-8 text-lg text-white text-opacity-50 leading-relaxed">
|
<p className="mb-8 text-lg text-white text-opacity-50 leading-relaxed">
|
||||||
|
@ -35,7 +35,7 @@ const ContentSection = () => {
|
||||||
products for traders.
|
products for traders.
|
||||||
</p>
|
</p>
|
||||||
|
|
||||||
<h2 className="text-3xl mb-6 leading-tight font-semibold font-heading">
|
<h2 className="text-2xl mb-6 leading-tight font-semibold font-heading">
|
||||||
Why the <GradientText>Insurance fund</GradientText>?
|
Why the <GradientText>Insurance fund</GradientText>?
|
||||||
</h2>
|
</h2>
|
||||||
<p className="mb-8 text-lg text-white text-opacity-50 leading-relaxed">
|
<p className="mb-8 text-lg text-white text-opacity-50 leading-relaxed">
|
||||||
|
@ -47,7 +47,7 @@ const ContentSection = () => {
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div className="mt-6 lg:mt-0">
|
<div className="mt-6 lg:mt-0">
|
||||||
<h2 className="text-3xl mb-6 leading-tight font-semibold font-heading">
|
<h2 className="text-2xl mb-6 leading-tight font-semibold font-heading">
|
||||||
What is the <GradientText>$MNGO</GradientText> token?
|
What is the <GradientText>$MNGO</GradientText> token?
|
||||||
</h2>
|
</h2>
|
||||||
<p className="mb-8 text-lg text-white text-opacity-50 leading-relaxed">
|
<p className="mb-8 text-lg text-white text-opacity-50 leading-relaxed">
|
||||||
|
@ -77,10 +77,10 @@ const ContentSection = () => {
|
||||||
|
|
||||||
{/* Section 2 */}
|
{/* Section 2 */}
|
||||||
<div className="max-w-4xl mb-12 mx-auto text-center">
|
<div className="max-w-4xl mb-12 mx-auto text-center">
|
||||||
<h2 className="mb-8 text-4xl lg:text-5xl text-white font-bold font-heading">
|
<h2 className="mb-8 text-3xl md:text-4xl lg:text-4xl text-white font-bold font-heading">
|
||||||
How it works.
|
How it works.
|
||||||
</h2>
|
</h2>
|
||||||
<p className="mb-8 text-2xl text-white text-opacity-50">
|
<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
|
We take the view that token sales should be simple, transparent and
|
||||||
minimize randomness and luck in the distribution.
|
minimize randomness and luck in the distribution.
|
||||||
</p>
|
</p>
|
||||||
|
|
|
@ -165,8 +165,8 @@ const ContributionModal = () => {
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<>
|
<>
|
||||||
<div className="flex flex-wrap lg:flex-row justify-center">
|
<div className="flex flex-wrap md:flex-row lg:flex-row justify-center">
|
||||||
<div className="flex flex-col max-w-3xl bg-bkg-2 border border-bkg-3 p-7 rounded-lg shadow-md">
|
<div className="flex-1 flex-col bg-bkg-2 border border-bkg-3 p-7 rounded-lg shadow-md">
|
||||||
<div className="pb-4 text-center">
|
<div className="pb-4 text-center">
|
||||||
{!submitted &&
|
{!submitted &&
|
||||||
!submitting &&
|
!submitting &&
|
||||||
|
@ -331,7 +331,7 @@ const ContributionModal = () => {
|
||||||
)}
|
)}
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div className="flex flex-col m-3 bg-gradient-to-br from-secondary-4-dark to-secondary-4-light border border-bkg-3 p-7 rounded-lg shadow-md">
|
<div className="w-full flex flex-col m-3 bg-gradient-to-br from-secondary-4-dark to-secondary-4-light border border-bkg-3 p-7 rounded-lg shadow-md">
|
||||||
<div className="border-b border-bkg-4 pb-4 text-center">
|
<div className="border-b border-bkg-4 pb-4 text-center">
|
||||||
<p className="text-fgd-3">Estimated Token Price</p>
|
<p className="text-fgd-3">Estimated Token Price</p>
|
||||||
<div className="flex items-center justify-center pt-0.5">
|
<div className="flex items-center justify-center pt-0.5">
|
||||||
|
|
|
@ -2,14 +2,14 @@ import GradientText from './GradientText'
|
||||||
const HeroSection = () => {
|
const HeroSection = () => {
|
||||||
return (
|
return (
|
||||||
<section className="">
|
<section className="">
|
||||||
<div className="container px-4 mx-auto">
|
<div className="container px-8 mx-auto">
|
||||||
<div className="relative pt-16 md:pt-32 pb-2">
|
<div className="relative pt-16 md:pt-32 pb-2">
|
||||||
<div className="max-w-2xl mb-16 mx-auto text-center">
|
<div className="max-w-2xl mb-16 mx-auto text-left md:text-center lg:text-center">
|
||||||
<h2 className="mb-8 text-4xl lg:text-5xl text-white font-bold font-heading">
|
<h2 className="mb-8 text-3xl md:text-4xl lg:text-4xl text-white font-bold font-heading">
|
||||||
Join the <GradientText>Mango DAO</GradientText> and help build the
|
Join the <GradientText>Mango DAO</GradientText> and help build the
|
||||||
ecosystem.
|
ecosystem.
|
||||||
</h2>
|
</h2>
|
||||||
<p className="mb-8 text-2xl text-white text-opacity-50">
|
<p className="mb-8 text-xl md:text-2xl lg:text-2xl text-white text-opacity-50">
|
||||||
The Mango DAO is an experiment in self governance that aims to
|
The Mango DAO is an experiment in self governance that aims to
|
||||||
build a completely decentralzied financial ecosystem.
|
build a completely decentralzied financial ecosystem.
|
||||||
</p>
|
</p>
|
||||||
|
|
|
@ -3,11 +3,11 @@ import ContributionModal from './ContributionModal'
|
||||||
const ModalSection = () => {
|
const ModalSection = () => {
|
||||||
return (
|
return (
|
||||||
<>
|
<>
|
||||||
<div className="max-w-5xl mx-auto text-center">
|
<div className="max-w-5xl px-8 mx-auto text-center">
|
||||||
<h2 className="mb-8 text-4xl lg:text-5xl text-white font-bold font-heading">
|
<h2 className="mb-8 text-3xl md:text-4xl lg:text-4xl text-white font-bold font-heading">
|
||||||
It is still the early days.
|
It is still the early days.
|
||||||
</h2>
|
</h2>
|
||||||
<p className="mb-8 text-2xl text-white text-opacity-50">
|
<p className="mb-8 text-xl md:text-2xl lg:text-2xl text-white text-opacity-50">
|
||||||
This is the first moment for non-developers to participate in helping
|
This is the first moment for non-developers to participate in helping
|
||||||
build the Mango protocol by supporting the inception of the protocols
|
build the Mango protocol by supporting the inception of the protocols
|
||||||
Insurance Fund.
|
Insurance Fund.
|
||||||
|
|
|
@ -43,7 +43,7 @@ const NavBarBeta = () => {
|
||||||
return (
|
return (
|
||||||
<div className="">
|
<div className="">
|
||||||
{/* Main Menu */}
|
{/* Main Menu */}
|
||||||
<div className="lg:px-10 lg:py-8 xs:px-6 xs:py-1 bg-transparent">
|
<div className=" px-6 py-1 lg:px-10 lg:py-8 bg-transparent">
|
||||||
<div className="max-w-7xl mx-auto px-4 sm:px-6">
|
<div className="max-w-7xl mx-auto px-4 sm:px-6">
|
||||||
<div className="flex justify-between items-center py-6 md:justify-start md:space-x-10">
|
<div className="flex justify-between items-center py-6 md:justify-start md:space-x-10">
|
||||||
<div className="flex justify-start lg:w-0 lg:flex-1">
|
<div className="flex justify-start lg:w-0 lg:flex-1">
|
||||||
|
|
Before Width: | Height: | Size: 33 KiB After Width: | Height: | Size: 131 KiB |
Before Width: | Height: | Size: 59 KiB After Width: | Height: | Size: 486 KiB |
Before Width: | Height: | Size: 50 KiB After Width: | Height: | Size: 50 KiB |
Before Width: | Height: | Size: 128 KiB After Width: | Height: | Size: 143 KiB |