@ -7,63 +7,116 @@ import { Panel } from "./Panel";
class Delayed extends React . Component {
constructor ( props ) {
super ( props ) ;
this . state = { hidden : true } ;
}
componentDidMount ( ) {
setTimeout ( ( ) => {
this . setState ( { hidden : false } ) ;
} , this . props . wait ) ;
}
render ( ) {
return this . state . hidden ? '' : this . props . children ;
}
}
class Section extends React . Component {
render ( ) {
return (
< section className = "section" >
< VisibilitySensor >
{ ( { isVisible } ) => (
< div style = { { opacity : isVisible ? 1 : 0 , transition : ".5s ease all" } } >
< Parallax speed = { - 20 } style = { { textAlign : "center" , overflow : "visible" } } blur = { 1 } >
{ this . props . children }
< / Parallax >
< / div >
) }
< / VisibilitySensor >
< / section >
)
}
}
export function Section1 ( ) {
return (
< section id = "sec1" className = "section" >
< VisibilitySensor >
{ ( { isVisible } ) => (
< div style = { { opacity : isVisible ? 1 : 0 , transition : ".5s ease all" } } >
< Parallax speed = { - 50 } style = { { textAlign : "center" } } blur = { 1 } >
< h1 id = "heroText" >
< Delayed wait = { 600 } >
< Typewriter text = { "web3 experiences like no other" } / >
< / Delayed >
< / h1 >
< p >
< Delayed wait = { 2800 } >
< Typewriter text = { "we will make you so much fucking money" } / >
< / Delayed >
< / p >
< / Parallax >
< / div >
) }
< / VisibilitySensor >
< / section >
< Section >
< h1 id = "heroText" >
< Delayed wait = { 600 } >
< Typewriter text = { [
"innovative web3 and metaverse experiences" ,
"immersive and engaging worlds and communities" ,
"we sell useless pictures to fools"
] }
delay = { 2500 }
random = { 0 }
loop = { true }
/ >
< / Delayed >
< / h1 >
< p >
< Delayed wait = { 800 } >
< Typewriter
text = { [
"connecting the ethereal to the real" ,
"connecting our audience to a larger purpose" ,
"connecting your money to our bank account"
] }
delay = { 2500 }
random = { 0 }
loop = { true }
/ >
< / Delayed >
< / p >
< / Section >
)
}
export function Section2 ( ) {
return (
< section id = "sec2" className = "section" >
< VisibilitySensor >
{ ( { isVisible } ) => (
< div style = { { opacity : isVisible ? 1 : 0 , transition : ".6s ease all" } } >
< Parallax speed = { - 10 } easing = "easeOutQuad" style = { { overflow : "visible" } } >
< Panel
panelText = { "I need this money to buy more crack. You'll just use it for illiquid jpegs." }
mintButtonText = { "Send Me .01Ξ" }
/ >
< / Parallax >
< / div >
) }
< / VisibilitySensor >
< / section >
< Section >
< div className = "sec2Text" >
< p className = "subtext" >
A < strong > Web3 < / strong > company whose goal is to extract as much money as possible from the NFT space .
< / p >
< h2 >
< strong > Community < / strong > is the foundation of our business
< / h2 >
< p className = "subtext" >
getting holders of our tokens to convince others to buy it so that we may sell tokens to the next generation of holders .
< / p >
< h2 >
< strong > Utility < / strong > is the main driver of all of our products
< / h2 >
< p className = "subtext" >
Holders of our NFTs should be able to get more NFTs which then enables them to get more NFTs which is more gooder .
< / p >
< h2 >
< strong > Decentralization < / strong > is a core tenant of our ethos
< / h2 >
< p className = "subtext" >
we have formed a United States Limited Liability Corporation and accepted money from Venture Capital funds , we wish to have a global audience of dummies to fleece .
< / p >
< h1 >
WE ARE $WEB3 _CORP
< / h1 >
< p >
WAGMI !
< / p >
< / div >
< / Section >
)
}
export function Section3 ( ) {
return (
< Section >
< Panel
panelText = { "Purchase our genesis NFT drop for exclusive membership to the hottest new project in the metaverse. Flex your new illiquid jpeg on Twitter and tell normies \"they just don't get it\". We have private Discord channels where you can chat with other like-minded crypto geniuses." }
mintButtonText = { "Purchase Membership (.666Ξ)" }
/ >
< / Section >
)
}
