fading slowly
This commit is contained in:
parent
127df1852e
commit
007fa82363
|
@ -1,7 +1,7 @@
|
||||||
import Button from './Button'
|
import Button from './Button'
|
||||||
import GradientText from './GradientText'
|
import GradientText from './GradientText'
|
||||||
|
|
||||||
const LandingContent = () => {
|
const ContentSection = () => {
|
||||||
return (
|
return (
|
||||||
<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">
|
||||||
|
@ -207,4 +207,4 @@ const LandingContent = () => {
|
||||||
)
|
)
|
||||||
}
|
}
|
||||||
|
|
||||||
export default LandingContent
|
export default ContentSection
|
|
@ -150,7 +150,7 @@ const ContributionModal = () => {
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<>
|
<>
|
||||||
<div className="bg-bkg-2 border border-bkg-3 col-span-7 p-7 rounded-lg shadow-lg">
|
<div className="bg-bkg-2 border border-bkg-3 col-span-6 p-7 rounded-lg shadow-md">
|
||||||
<div className="pb-4 text-center">
|
<div className="pb-4 text-center">
|
||||||
{!submitted && !submitting && !editContribution ? (
|
{!submitted && !submitting && !editContribution ? (
|
||||||
<>
|
<>
|
||||||
|
|
|
@ -0,0 +1,23 @@
|
||||||
|
import ContributionModal from "./ContributionModal"
|
||||||
|
|
||||||
|
const ModalSection = () => {
|
||||||
|
return (
|
||||||
|
<>
|
||||||
|
<div className="w-screen">
|
||||||
|
<div className="max-w-5xl mx-auto text-center">
|
||||||
|
<h2 className="mb-8 text-4xl lg:text-5xl text-white font-bold font-heading">
|
||||||
|
It is still the early days.
|
||||||
|
</h2>
|
||||||
|
<p className="mb-8 text-2xl text-white text-opacity-50">
|
||||||
|
This is the first moment for non-developers to participate in
|
||||||
|
helping build the Mango protocol by supporting the inception of the
|
||||||
|
protocols Insurance Fund.
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<ContributionModal />
|
||||||
|
</>
|
||||||
|
)
|
||||||
|
}
|
||||||
|
|
||||||
|
export default ModalSection
|
|
@ -1,17 +1,17 @@
|
||||||
import ContributionModal from '../components/ContributionModal'
|
import ModalSection from '../components/ModalSection'
|
||||||
import PoolInfoCards from '../components/PoolInfoCards'
|
import PoolInfoCards from '../components/PoolInfoCards'
|
||||||
import HeroSection from '../components/HeroSection'
|
import HeroSection from '../components/HeroSection'
|
||||||
import LandingContent from '../components/LandingContent'
|
import ContentSection from '../components/ContentSection'
|
||||||
|
|
||||||
const ContributionPage = () => {
|
const ContributionPage = () => {
|
||||||
return (
|
return (
|
||||||
<>
|
<>
|
||||||
<HeroSection />
|
<HeroSection />
|
||||||
<PoolInfoCards />
|
<PoolInfoCards />
|
||||||
<LandingContent />
|
<ContentSection />
|
||||||
<div className="flex justify-center">
|
<div className="flex justify-center">
|
||||||
<div className="max-w-screen-md grid grid-cols-12 gap-4 w-full">
|
<div className="max-w-screen-md grid grid-cols-12 gap-4 w-full">
|
||||||
<ContributionModal />
|
<ModalSection />
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</>
|
</>
|
||||||
|
|
Loading…
Reference in New Issue