@ -7,63 +7,116 @@ import { Panel } from "./Panel";
class Delayed extends React . Component { class Delayed extends React . Component {
constructor ( props ) {
constructor ( props ) {
super ( props ) ;
super ( props ) ;
this . state = { hidden : true } ;
this . state = { hidden : true } ;
}
}
componentDidMount ( ) {
componentDidMount ( ) {
setTimeout ( ( ) => {
setTimeout ( ( ) => {
this . setState ( { hidden : false } ) ;
this . setState ( { hidden : false } ) ;
} , this . props . wait ) ;
} , this . props . wait ) ;
}
}
render ( ) {
render ( ) {
return this . state . hidden ? '' : this . props . children ;
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 ( ) { export function Section1 ( ) {
return (
return (
< section id = "sec1" className = "section" >
< Section >
< VisibilitySensor >
< h1 id = "heroText" >
{ ( { isVisible } ) => (
< Delayed wait = { 600 } >
< div style = { { opacity : isVisible ? 1 : 0 , transition : ".5s ease all" } } >
< Typewriter text = { [
< Parallax speed = { - 50 } style = { { textAlign : "center" } } blur = { 1 } >
"innovative web3 and metaverse experiences" ,
< h1 id = "heroText" >
"immersive and engaging worlds and communities" ,
< Delayed wait = { 600 } >
"we sell useless pictures to fools"
< Typewriter text = { "web3 experiences like no other" } / >
] }
< / Delayed >
delay = { 2500 }
< / h1 >
random = { 0 }
< p >
loop = { true }
< Delayed wait = { 2800 } >
/ >
< Typewriter text = { "we will make you so much fucking money" } / >
< / Delayed >
< / Delayed >
< / h1 >
< / p >
< p >
< / Parallax >
< Delayed wait = { 800 } >
< / div >
< Typewriter
) }
text = { [
< / VisibilitySensor >
"connecting the ethereal to the real" ,
< / section >
"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 ( ) { export function Section2 ( ) {
return (
return (
< section id = "sec2" className = "section" >
< Section >
< VisibilitySensor >
< div className = "sec2Text" >
{ ( { isVisible } ) => (
< div style = { { opacity : isVisible ? 1 : 0 , transition : ".6s ease all" } } >
< p className = "subtext" >
< Parallax speed = { - 10 } easing = "easeOutQuad" style = { { overflow : "visible" } } >
A < strong > Web3 < / strong > company whose goal is to extract as much money as possible from the NFT space .
< Panel
< / p >
panelText = { "I need this money to buy more crack. You'll just use it for illiquid jpegs." }
< h2 >
mintButtonText = { "Send Me .01Ξ" }
< strong > Community < / strong > is the foundation of our business
/ >
< / h2 >
< / Parallax >
< p className = "subtext" >
< / div >
getting holders of our tokens to convince others to buy it so that we may sell tokens to the next generation of holders .
) }
< / p >
< / VisibilitySensor >
< h2 >
< / section >
< 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 >
)
)
} }
