|
|
|
@ -1,8 +1,10 @@
|
|
|
|
import React, { useState } from 'react';
|
|
|
|
import React, { useState } from 'react';
|
|
|
|
import { BigNumber, ethers } from 'ethers';
|
|
|
|
import { ethers } from 'ethers';
|
|
|
|
import Typewriter from 'react-ts-typewriter';
|
|
|
|
import Typewriter from 'react-ts-typewriter';
|
|
|
|
import Slider from 'rc-slider';
|
|
|
|
import Slider from 'rc-slider';
|
|
|
|
import { Parallax } from 'react-parallax';
|
|
|
|
import { Parallax } from 'react-parallax';
|
|
|
|
|
|
|
|
import { animateScroll as scroll } from 'react-scroll'
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
import { AwesomeButton } from 'react-awesome-button';
|
|
|
|
import { AwesomeButton } from 'react-awesome-button';
|
|
|
|
import Boomer from '../img/unaboomer.png';
|
|
|
|
import Boomer from '../img/unaboomer.png';
|
|
|
|
@ -34,6 +36,11 @@ export class Section1 extends React.Component {
|
|
|
|
<Typewriter text={this.state.title} cursor={true} random={20} />
|
|
|
|
<Typewriter text={this.state.title} cursor={true} random={20} />
|
|
|
|
</h1>
|
|
|
|
</h1>
|
|
|
|
<img src={Boomer} id="heroImage" className={this.state.showImage || "hidden"} alt="Pixelated police sketch of the Unabomber suspect." />
|
|
|
|
<img src={Boomer} id="heroImage" className={this.state.showImage || "hidden"} alt="Pixelated police sketch of the Unabomber suspect." />
|
|
|
|
|
|
|
|
<div className={this.state.showImage || "hidden" }>
|
|
|
|
|
|
|
|
<AwesomeButton type="secondary" ripple={true} onPress={() => scroll.scrollToBottom({duration: 4500})} className="fadeIn">
|
|
|
|
|
|
|
|
continue
|
|
|
|
|
|
|
|
</AwesomeButton>
|
|
|
|
|
|
|
|
</div>
|
|
|
|
</section>
|
|
|
|
</section>
|
|
|
|
)
|
|
|
|
)
|
|
|
|
}
|
|
|
|
}
|
|
|
|
@ -67,7 +74,7 @@ export function Section3() {
|
|
|
|
<p>Radicalizing a boomer will mint ERC-721 BOOMR tokens with images of a pixel art Unabomber - a Web3 Unaboomer.</p>
|
|
|
|
<p>Radicalizing a boomer will mint ERC-721 BOOMR tokens with images of a pixel art Unabomber - a Web3 Unaboomer.</p>
|
|
|
|
<img src={Boomer} alt="" width="120px" />
|
|
|
|
<img src={Boomer} alt="" width="120px" />
|
|
|
|
<p>
|
|
|
|
<p>
|
|
|
|
<AwesomeButton ripple={true}>
|
|
|
|
<AwesomeButton type="secondary" ripple={true}>
|
|
|
|
mint {boomerAmount} ({ethers.utils.formatEther((price * boomerAmount).toString())} Ξ)
|
|
|
|
mint {boomerAmount} ({ethers.utils.formatEther((price * boomerAmount).toString())} Ξ)
|
|
|
|
</AwesomeButton>
|
|
|
|
</AwesomeButton>
|
|
|
|
</p>
|
|
|
|
</p>
|
|
|
|
@ -82,7 +89,7 @@ export function Section3() {
|
|
|
|
<p>Assembling bombs will mint ERC-1155 BOMB tokens with an image of a pixel art bomb - send to other Unaboomers to kill them.</p>
|
|
|
|
<p>Assembling bombs will mint ERC-1155 BOMB tokens with an image of a pixel art bomb - send to other Unaboomers to kill them.</p>
|
|
|
|
<img src={Bomb} alt="" width="100px" />
|
|
|
|
<img src={Bomb} alt="" width="100px" />
|
|
|
|
<p>
|
|
|
|
<p>
|
|
|
|
<AwesomeButton ripple={true}>
|
|
|
|
<AwesomeButton type="secondary" ripple={true}>
|
|
|
|
mint {bombAmount} ({ethers.utils.formatEther((price * bombAmount).toString())} Ξ)
|
|
|
|
mint {bombAmount} ({ethers.utils.formatEther((price * bombAmount).toString())} Ξ)
|
|
|
|
</AwesomeButton>
|
|
|
|
</AwesomeButton>
|
|
|
|
</p>
|
|
|
|
</p>
|
|
|
|
@ -96,7 +103,7 @@ export function Section3() {
|
|
|
|
<p>Sending bombs will burn your BOMB token and kill a BOOMR token at random. Be careful not to kill yourself in the process!</p>
|
|
|
|
<p>Sending bombs will burn your BOMB token and kill a BOOMR token at random. Be careful not to kill yourself in the process!</p>
|
|
|
|
<img src={Explosion} alt="" width="120px" />
|
|
|
|
<img src={Explosion} alt="" width="120px" />
|
|
|
|
<p>
|
|
|
|
<p>
|
|
|
|
<AwesomeButton ripple={true}>
|
|
|
|
<AwesomeButton type="secondary" ripple={true}>
|
|
|
|
send {sendBombAmount} (~0 Ξ)
|
|
|
|
send {sendBombAmount} (~0 Ξ)
|
|
|
|
</AwesomeButton>
|
|
|
|
</AwesomeButton>
|
|
|
|
</p>
|
|
|
|
</p>
|
|
|
|
|
