@ -1,83 +1,50 @@
import Typewriter from 'react-ts-typewriter' ;
import VisibilitySensor from 'react-visibility-sensor' ;
import { Parallax } from 'react-parallax' ;
import React from 'react' ; import React from 'react' ;
import { Panel } from "./Panel" ; import { Panel } from "./Panel" ;
class Delayed extends React . Component { export class Section1 extends React . Component {
constructor ( props ) {
constructor ( props ) {
super ( props ) ;
super ( props ) ;
this . state = { hidden : true } ;
let titles = {
0 : 'Innovative Web3 and Metaverse experiences' ,
1 : 'Immersive and engaging worlds and communities' ,
2 : 'We sell useless pictures to fools'
}
let subtitles = {
0 : 'Connecting the ethereal to the real' ,
1 : 'Connecting our audience to a larger purpose' ,
2 : 'Connecting your money to our bank account'
}
this . state = { title : titles [ 0 ] , iter : 0 , subtitle : subtitles [ 0 ] } ;
setInterval ( ( ) => {
let iter = this . state . iter + 1 ;
this . setState ( {
title : titles [ iter % 3 ] ,
subtitle : subtitles [ iter % 3 ] ,
iter : iter
} ) ;
} , 4500 ) ;
}
}
componentDidMount ( ) {
setTimeout ( ( ) => {
this . setState ( { hidden : false } ) ;
} , this . props . wait ) ;
}
render ( ) {
return this . state . hidden ? '' : this . props . children ;
}
}
class Section extends React . Component {
render ( ) {
render ( ) {
return (
return (
< section className = "section" >
< section className = "section" >
< VisibilitySensor >
< h1 id = "heroText" >
{ ( { isVisible } ) => (
{ this . state . title }
< div style = { { opacity : isVisible ? 1 : 0 , transition : ".5s ease all" } } >
< / h1 >
< Parallax speed = { - 20 } style = { { textAlign : "center" , overflow : "visible" } } blur = { 1 } >
< p >
{ this . props . children }
{ this . state . subtitle }
< / Parallax >
< / p >
< / div >
) }
< / VisibilitySensor >
< / section >
< / section >
)
)
}
}
} }
export function Section1 ( ) {
return (
< 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 ( ) { export function Section2 ( ) {
return (
return (
< Section >
< section className = "section" >
< div className = "sec2Text" >
< div className = "sec2Text" >
< p className = "subtext" >
< p className = "subtext" >
A < strong > Web3 < / strong > company whose goal is to extract as much money as possible from the NFT space .
A < strong > Web3 < / strong > company whose goal is to extract as much money as possible from the NFT space .
< / p >
< / p >
@ -99,24 +66,21 @@ export function Section2() {
< p className = "subtext" >
< 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 .
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 >
< / p >
< h1 >
WE ARE $WEB3 _CORP
< / h1 >
< p >
< p >
WAGMI !
WAGMI !
< / p >
< / p >
< / div >
< / div >
< / S ection>
< / s ection>
)
)
} }
export function Section3 ( ) { export function Section3 ( ) {
return (
return (
< Section >
< section className = "section" >
< Panel
< 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." }
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 Ξ)"}
mintButtonText = { "Purchase Membership (. 1 Ξ)"}
/ >
/ >
< / S ection>
< / s ection>
)
)
} }
