feat: Update navigation links on the website (#526)

website/src/App.tsx

@@ -1,7 +1,6 @@
 import "./App.css";
 import { HashRouter, Route, Routes } from "react-router-dom";
 import Home from "./pages/Home.tsx";
-import Poh from "./pages/Poh.tsx";
 import SDKDemo from "./pages/SDKDemo.tsx";
 import Navbar from "./components/Navbar.tsx";
 import Footer from "./components/Footer.tsx";
@@ -15,7 +14,6 @@ function App() {
       <Routes>
         <Route path="*" element={<Home title={"Verax Attestation Registry"} />} />
         <Route path="/sdk-demo" element={<SDKDemo title={"Verax | SDK Demo"} />} />
-        <Route path="/linea-poh" element={<Poh />} />
       </Routes>
       <footer>
         <Footer />

website/src/components/Footer.tsx

@@ -1,40 +1,38 @@
 import "./Footer.css";
 import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
-import { faDiscord, faGithub, faTelegram } from "@fortawesome/free-brands-svg-icons";
-import { Link } from "react-router-dom";
-import { faBook } from "@fortawesome/free-solid-svg-icons";
+import { faDiscord, faGithub, faTelegram, faXTwitter } from "@fortawesome/free-brands-svg-icons";
 import { FollowOnLens } from "@lens-protocol/widgets-react";
 import React from "react";
 
 const Footer: React.FC = () => {
   return (
     <ul className="social-icon">
       <li className="social-icon__item">
-        <Link className="social-icon__link" to={"https://discord.gg/Sq4EmYdBEk"} target={"_blank"}>
+        <a className="social-icon__link" href={"https://twitter.com/VeraxRegistry"} target={"_blank"}>
+          <FontAwesomeIcon icon={faXTwitter} />
+        </a>
+      </li>
+
+      <li className="social-icon__item">
+        <a className="social-icon__link" href={"https://discord.gg/Sq4EmYdBEk"} target={"_blank"}>
           <FontAwesomeIcon icon={faDiscord} />
-        </Link>
+        </a>
       </li>
 
       <li className="social-icon__item">
-        <Link className="social-icon__link" to={"https://t.me/+C94-EJOoVjVhM2U0"} target={"_blank"}>
+        <a className="social-icon__link" href={"https://t.me/+C94-EJOoVjVhM2U0"} target={"_blank"}>
           <FontAwesomeIcon icon={faTelegram} />
-        </Link>
+        </a>
       </li>
 
       <li className="social-icon__item">
-        <Link
+        <a
           className="social-icon__link"
-          to={"https://github.com/Consensys/linea-attestation-registry"}
+          href={"https://github.com/Consensys/linea-attestation-registry"}
           target={"_blank"}
         >
           <FontAwesomeIcon icon={faGithub} />
-        </Link>
-      </li>
-
-      <li className="social-icon__item">
-        <Link className="social-icon__link" to={"https://docs.ver.ax"} target={"_blank"}>
-          <FontAwesomeIcon icon={faBook} />
-        </Link>
+        </a>
       </li>
 
       <li className="social-icon__item social-icon__link lens">

website/src/components/Navbar.tsx

@@ -1,6 +1,8 @@
 import { NavLink } from "react-router-dom";
 import "./Navbar.css";
 import React from "react";
+import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
+import { faArrowUpRightFromSquare } from "@fortawesome/free-solid-svg-icons";
 
 const Navbar: React.FC = () => {
   return (
@@ -13,14 +15,19 @@ const Navbar: React.FC = () => {
             </NavLink>
           </li>
           <li className="nav-item">
-            <NavLink className="navbar-brand" to="/linea-poh" end>
-              Linea POH
-            </NavLink>
+            <a className={"navbar-brand"} href={"https://explorer.ver.ax"} target={"_blank"}>
+              Explorer <FontAwesomeIcon icon={faArrowUpRightFromSquare} size={"xs"} />
+            </a>
           </li>
           <li className="nav-item">
-            <NavLink className="navbar-brand" to="/sdk-demo" end>
-              SDK Demo
-            </NavLink>
+            <a className={"navbar-brand"} href={"https://docs.ver.ax"} target={"_blank"}>
+              Documentation <FontAwesomeIcon icon={faArrowUpRightFromSquare} size={"xs"} />
+            </a>
+          </li>
+          <li className="nav-item">
+            <a className={"navbar-brand"} href={"https://poh.linea.build"} target={"_blank"}>
+              Linea POH <FontAwesomeIcon icon={faArrowUpRightFromSquare} size={"xs"} />
+            </a>
           </li>
         </ul>
       </div>