gg

src/styles/sections.css

@@ -138,7 +138,6 @@
 
 .map {
     cursor: crosshair;
-    /* margin: 2em 0 0 0; */
     position: relative;
     overflow: hidden;
     width: 100%;

src/template/Sections.jsx

@@ -2,7 +2,6 @@ import React, { useState } from 'react';
 import { ethers, BigNumber } from 'ethers';
 import { useAccount, useContractReads, useContractRead, usePrepareContractWrite, useContractWrite, useWaitForTransaction } from 'wagmi';
 import { Parallax } from 'react-parallax';
-import { animateScroll as scroll } from 'react-scroll'
 import { NotificationContainer, NotificationManager } from 'react-notifications';
 import { AwesomeButton } from 'react-awesome-button';
 import Typewriter from 'react-ts-typewriter';
@@ -42,11 +41,13 @@ export class Section1 extends React.Component {
                     <Typewriter text={this.state.title} cursor={true} random={20} />
                 </h1>
                 <img src={Boomer} id="heroImage" className={!this.state.showImage ? "hidden": "" } alt="Pixelated police sketch of the Unabomber suspect." />
-                <div className={!this.state.showImage ? "hidden": "" }>
+                <div className={!this.state.showImage ? "hidden fadeIn": "fadeIn" }>
-                    <AwesomeButton type="secondary" ripple={true} onPress={() => scroll.scrollTo(window.scrollMaxY - '800', {duration: 5000})} className="fadeIn">
+                    <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-                        continue
+                        <path d="M7.75735 5.63605L6.34314 7.05026L12 12.7071L17.6569 7.05029L16.2427 5.63608L12 9.87872L7.75735 5.63605Z" fill="currentColor" />
-                    </AwesomeButton>
+                        <path d="M6.34314 12.7071L7.75735 11.2929L12 15.5356L16.2427 11.2929L17.6569 12.7071L12 18.364L6.34314 12.7071Z" fill="currentColor" />
+                    </svg>
                 </div>
+                
             </section>
         )
     }