diff --git a/src/components/Footer.jsx b/src/components/Footer.jsx new file mode 100644 index 0000000..ab3d123 --- /dev/null +++ b/src/components/Footer.jsx @@ -0,0 +1,10 @@ +import React from 'react'; +import '../styles/footer.css'; + +export class Footer extends React.Component { + render() { + return ( + + ) + } +} \ No newline at end of file diff --git a/src/components/Hero.jsx b/src/components/Hero.jsx index ee43ec4..b7fde51 100644 --- a/src/components/Hero.jsx +++ b/src/components/Hero.jsx @@ -12,18 +12,21 @@ import Unaboomer from '../img/unaboomer.png'; import Mailbomb from '../img/mailbomb.png'; import Explosion from '../img/explosion.png'; import Arrow from '../img/arrow_right.png'; +import LZA from '../img/lza_menace.png'; +import Carty from '../img/cartyisme.png'; + export function Hero(props) { const contractAddress = props.contractAddress; const { isConnected, address } = useAccount(); const [tokensMinted, setTokensMinted] = useState(() => { - const saved = localStorage.getItem('tokensMinted-v2-' + address); + const saved = localStorage.getItem('tokensMinted-v3-' + address); return saved || JSON.stringify([]) }); useEffect(() => { - localStorage.setItem('tokensMinted-v2-' + address, tokensMinted); + localStorage.setItem('tokensMinted-v3-' + address, tokensMinted); }, [tokensMinted]); const [options, setOptions] = useState({ @@ -337,6 +340,36 @@ export function Hero(props) { } +
+

WTF!?

+

+ UNABOOMER is a deflationary Player vs. Player PFP NFT. 35,000 pixel Boomers, with 190 unique traits will go free-to-radicalize. +

+

+ Assemble a mailbomb and burn it to destroy a random Boomer in the collection. Destroyed Boomers will explode, lose their traits, and be burned. Mailbomb assembly is open to all. +

+

+ But be careful! Your Boomer can blow itself up in the process. The more Boomers destroyed, the more likely your bomb is a dud. +

+

+ This is only the beginning... +

+
+
+

Team!

+
+
+ cartyisme Renga PFP + @cartyisme +

Artist, idiot, and shillosopher. Opensea employee and Art101 progenitor.

+
+
+ lza_menace Milady PFP + @lza_menace +

Solidity dude, Monero fan, and meme consooomer.

+
+
+
{isConnected && JSON.parse(tokensMinted).length > 0 && ( <> diff --git a/src/img/cartyisme.png b/src/img/cartyisme.png index 5f7ce99..95d3936 100644 Binary files a/src/img/cartyisme.png and b/src/img/cartyisme.png differ diff --git a/src/img/footer.png b/src/img/footer.png new file mode 100644 index 0000000..d8c768e Binary files /dev/null and b/src/img/footer.png differ diff --git a/src/img/lza_menace.png b/src/img/lza_menace.png index d6abb4c..01259e5 100644 Binary files a/src/img/lza_menace.png and b/src/img/lza_menace.png differ diff --git a/src/img/splash_desktop_slim.png b/src/img/splash_desktop_slim.png new file mode 100644 index 0000000..4f6d3aa Binary files /dev/null and b/src/img/splash_desktop_slim.png differ diff --git a/src/img/splash_mobile_1.png b/src/img/splash_mobile_1.png new file mode 100644 index 0000000..18e5557 Binary files /dev/null and b/src/img/splash_mobile_1.png differ diff --git a/src/img/splash_mobile_footer.png b/src/img/splash_mobile_footer.png new file mode 100644 index 0000000..88032c3 Binary files /dev/null and b/src/img/splash_mobile_footer.png differ diff --git a/src/index.js b/src/index.js index 5d61014..e4560ca 100644 --- a/src/index.js +++ b/src/index.js @@ -13,6 +13,7 @@ import { publicProvider } from 'wagmi/providers/public'; import { Navbar } from "./components/Navbar"; import { Hero } from "./components/Hero"; +import { Footer } from "./components/Footer"; const { chains, provider, webSocketProvider } = configureChains( [mainnet, goerli, localhost], @@ -42,6 +43,7 @@ ReactDOM.createRoot(document.getElementById("root")).render( contractAddress={'0x5FbDB2315678afecb367f032d93F642f64180aa3'} ws={'wss://lzahq.tech/ws'} /> +