@ -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 ;
}
}
export function Section1 ( ) {
class Section extends React . Component {
render ( ) {
return (
< section id = "sec1" className = "section" >
< section className = "section" >
< VisibilitySensor >
{ ( { isVisible } ) => (
< div style = { { opacity : isVisible ? 1 : 0 , transition : ".5s ease all" } } >
< Parallax speed = { - 50 } style = { { textAlign : "center" } } blur = { 1 } >
< Parallax speed = { - 20 } style = { { textAlign : "center" , overflow : "visible" } } blur = { 1 } >
{ this . props . children }
< / Parallax >
< / div >
) }
< / VisibilitySensor >
< / section >
)
}
}
export function Section1 ( ) {
return (
< Section >
< h1 id = "heroText" >
< Delayed wait = { 600 } >
< Typewriter text = { "web3 experiences like no other" } / >
< 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 = { 2800 } >
< Typewriter text = { "we will make you so much fucking money" } / >
< 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 >
< / Parallax >
< / div >
) }
< / VisibilitySensor >
< / section >
< / 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" } } >
< 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 = { "I need this money to buy more crack. You'll just use it for illiquid jpegs." }
mintButtonText = { "Send Me .01Ξ" }
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 geniuse s."}
mintButtonText = { " Purchase Membership (.666Ξ) "}
/ >
< / Parallax >
< / div >
) }
< / VisibilitySensor >
< / section >
< / Section >
)
}
