From fe612addef3b88caf2cb20cb5e153a83ac113e8e Mon Sep 17 00:00:00 2001
From: lza_menace <lza_menace@protonmail.com>
Date: Thu, 15 Dec 2022 14:33:52 -0800
Subject: [PATCH] badass

---
 src/index.js              |   7 ++-
 src/styles.css            |  34 +++++-----
 src/template/Footer.jsx   |  12 +++-
 src/template/Panel.jsx    |   5 +-
 src/template/Sections.jsx | 127 +++++++++++++++++++++++++++-----------
 5 files changed, 123 insertions(+), 62 deletions(-)

diff --git a/src/index.js b/src/index.js
index 99a20a0..40edc0c 100644
--- a/src/index.js
+++ b/src/index.js
@@ -15,7 +15,7 @@ import ParticlesBg from "particles-bg";
 import { ParallaxProvider } from 'react-scroll-parallax';
 
 import { Wallet } from "./Wallet";
-import { Section1, Section2 } from './template/Sections';
+import { Section1, Section2, Section3 } from './template/Sections';
 import { Footer } from "./template/Footer";
 
 
@@ -40,13 +40,14 @@ ReactDOM.createRoot(document.getElementById("root")).render(
   <ParallaxProvider>
     <WagmiConfig client={wagmiClient}>
         <RainbowKitProvider chains={chains}>
-            <Wallet />
-            <ParticlesBg type="cobweb" num={10} bg={{
+            <ParticlesBg type="cobweb" num={40} bg={{
                 position: "fixed",
                 zIndex: -1,
             }}/>
+            <Wallet />
             <Section1 />
             <Section2 />
+            <Section3 />
             <Footer />
         </RainbowKitProvider>
     </WagmiConfig>
diff --git a/src/styles.css b/src/styles.css
index 52a40c4..37007be 100644
--- a/src/styles.css
+++ b/src/styles.css
@@ -1,19 +1,32 @@
 #root {
-  height: 80vh;
+  height: 90vh;
 }
 
 .section {
-  height: 70vh;
+  height: 90vh;
+}
+
+.sec2Text {
+  width: 50%;
+  margin: 0 auto;
+  padding-bottom: 1em;
+}
+
+.subtext {
+  font-size: .8em;
 }
 
 .mainPanel {
   backdrop-filter: blur(3px);
   background-color: rgba(255,255,255,0.6);
-  height: 300px;
-  width: 300px;
+  height: 60%;
+  width: 80%;
   text-align: center;
   border-radius: 10px;
   margin: 0 auto;
+  margin-top: 10%;
+  padding-top: 5%;
+  padding-bottom: 5%;
 }
 
 #heroText {
@@ -92,23 +105,11 @@ body {
   }
   
   * {
-    /* font-family: sofia-pro, sans-serif;
-    font-weight: 400;
-    font-style: normal;
-    -webkit-font-smoothing: antialiased; */
     font-family: input-mono, monospace;
     font-weight: 400;
     font-style: normal;
   }
   
-  h1,
-  h2,
-  h3 {
-    font-family: sofia-pro, sans-serif;
-    font-weight: 600;
-    font-style: normal;
-  }
-  
   h1 {
     font-size: 36px;
     font-weight: 700;
@@ -120,7 +121,6 @@ body {
   
   h2 {
     font-weight: 400;
-    margin: 50px 0 10px;
   }
   
   p {
diff --git a/src/template/Footer.jsx b/src/template/Footer.jsx
index cb72f8d..9e7f53b 100644
--- a/src/template/Footer.jsx
+++ b/src/template/Footer.jsx
@@ -7,8 +7,16 @@ export function Footer() {
         <Logo />
         <code>
             <Typewriter 
-            text="Send me your ETH you piece of shit."
-            random={120}
+            text={[
+              "We are world builders, story tellers, and artists", 
+              "We are shaping the future of Web3 and metaverse",
+              "We are con artists",
+              "Send us your money you gullible loser",
+              "We hate you"
+            ]}
+            loop={true}
+            delay={2500}
+            random={80}
             />
         </code>
     </footer>
diff --git a/src/template/Panel.jsx b/src/template/Panel.jsx
index e3bfaf9..f88aadd 100644
--- a/src/template/Panel.jsx
+++ b/src/template/Panel.jsx
@@ -2,7 +2,6 @@ import { ethers } from "ethers";
 import { Card, Elevation } from "@blueprintjs/core";
 import { AwesomeButton } from 'react-awesome-button';
 import { usePrepareSendTransaction, useSendTransaction, useAccount } from 'wagmi'
-import Typewriter from 'react-ts-typewriter';
 
 
 export function Panel({ opacity, panelText, mintButtonText }) {
@@ -10,14 +9,14 @@ export function Panel({ opacity, panelText, mintButtonText }) {
     const { config } = usePrepareSendTransaction({
         request: {
           to: '0x653D2d1D10c79017b2eA5F5a6F02D9Ab6e725395',
-          value: ethers.utils.parseEther('.01'),
+          value: ethers.utils.parseEther('.666'),
         }
     });
     const { isLoading, isSuccess, sendTransaction } = useSendTransaction(config);
     return (
         <Card elevation={Elevation.FOUR} className="mainPanel" style={{opacity: opacity}}>
             <p className="wrap">
-                <Typewriter text={panelText} random={10} />
+                {panelText}
             </p>
             <p>
                 <AwesomeButton ripple={true} disabled={!sendTransaction} onReleased={() => sendTransaction?.()}>
diff --git a/src/template/Sections.jsx b/src/template/Sections.jsx
index e79ef44..9acd9f4 100644
--- a/src/template/Sections.jsx
+++ b/src/template/Sections.jsx
@@ -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;
     }
 }
 
+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() {
     return (
-        <section id="sec1" className="section">
-            <VisibilitySensor>
-            {({ isVisible }) => (
-                    <div style={{ opacity: isVisible ? 1 : 0, transition: ".5s ease all"}}>
-                        <Parallax speed={-50} style={{ textAlign: "center" }} blur={1}>
-                            <h1 id="heroText">
-                                <Delayed wait={600}>
-                                    <Typewriter text={"web3 experiences like no other"} />
-                                </Delayed>
-                            </h1>
-                            <p>
-                                <Delayed wait={2800}>
-                                    <Typewriter text={"we will make you so much fucking money"} />
-                                </Delayed>
-                            </p>
-                        </Parallax>
-                    </div>
-            )}
-            </VisibilitySensor>
-        </section>
+        <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() {
     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" }}>
-                            <Panel 
-                                panelText={"I need this money to buy more crack. You'll just use it for illiquid jpegs."}
-                                mintButtonText={"Send Me .01Ξ"}
-                            />
-                        </Parallax>
-                    </div>
-                )}
-            </VisibilitySensor>
-        </section>
+        <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={"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>
     )
 }
\ No newline at end of file