Removed archived PageSigner from the landing page

src/HomePage.tsx

@@ -5,7 +5,6 @@ import Usecases from './components/Usecases';
 import About from './components/About';
 import Footer from './components/Footer';
 import How from './components/How';
-import Pagesigner from './components/Pagesigner';
 
 function HomePage() {
   return (
@@ -16,7 +15,6 @@ function HomePage() {
         <Usecases />
         <How />
         <Roadmap />
-        <Pagesigner />
         <About />
       </main>
       <Footer />

src/components/Navbar.tsx

@@ -20,22 +20,20 @@ function Navbar() {
         </a>
         <div id="anchor-links" className="nav-links">
           <a href={config.links.docs}>Docs</a>
-          <a href="#Pagesigner">PageSigner</a>
           <a href="#About">About</a>
         </div>
         <div id="social-links" className="nav-links">
-            <a href={config.links.discord} aria-label="TLSNotary Discord link" target="_blank" rel="noopener noreferrer">
+          <a href={config.links.discord} aria-label="TLSNotary Discord link" target="_blank" rel="noopener noreferrer">
-              <img src={discord} alt="TLSNotary Discord" />
+            <img src={discord} alt="TLSNotary Discord" />
-            </a>
+          </a>
-            <a href={config.links.repo} aria-label="TLSNotary Github Repo">
+          <a href={config.links.repo} aria-label="TLSNotary Github Repo">
-              <img src={github} alt="Github" />
+            <img src={github} alt="Github" />
-            </a>
+          </a>
         </div>
         <div id="menu-link" onClick={() => { toggleMenu() }}>{isOpen ? 'Close' : 'Menu'}</div>
       </nav>
       <nav id="nav-menu-mobile" aria-label="Navigation for Mobile" className={isOpen ? 'menu-open' : 'menu-closed'}>
         <a href={config.links.docs}>Docs</a>
-        <a href="#Pagesigner">PageSigner</a>
         <a href="#About">About</a>
       </nav>
     </nav>

src/components/Pagesigner.css

@@ -1,22 +0,0 @@
-#Pagesigner {
-  display: flex;
-  justify-content: center;
-  background-color: var(--brown);
-}
-
-#Pagesigner h3 {
-  color: var(--white);
-}
-
-#Pagesigner .container {
-  display: flex;
-  flex-direction: column;
-  width: 100%;
-  text-align: center;
-  align-items: center;
-  background-color: var(--blue);
-  padding-top: 50px;
-  padding-bottom: 50px;
-  margin-left: 10px;
-  margin-right: 10px;
-}

src/components/Pagesigner.tsx

@@ -1,19 +0,0 @@
-import "./Pagesigner.css";
-import ethlogo from '../images/eth-logo-blue.svg';
-import config from "../config.json";
-
-export default function Pagesigner() {
-  return (
-    <div id="Pagesigner">
-      <div className="container">
-        <h3>
-          Looking for our legacy implementation?
-        </h3>
-        <div style={{ height: "1.375rem" }} />
-        <a href={config.links.legacy}>
-          <button className="pill-button">See PageSigner</button>
-        </a>
-      </div>
-    </div>
-  );
-}