Fix some linking issues in home & about

@theme/components/Navbar/Navbar.tsx

@@ -235,7 +235,7 @@ export function NavDropdown(props) {
     <li className="nav-item dropdown">
       <a
         className="nav-link dropdown-toggle"
-        to="#"
+        href="#"
         id={toggler_id}
         role="button"
         data-toggle="dropdown"

about/index.page.tsx

@@ -1,5 +1,6 @@
 import * as React from "react";
 import { useTranslate } from "@portal/hooks";
+import { Link } from '@portal/Link';
 
 export const frontmatter = {
   seo: {
@@ -190,7 +191,7 @@ export default function XrplOverview() {
                   "about.index.consensus.h5part1",
                   "To uphold performance, XRPL uses a consensus protocol. Designated servers called "
                 )}`}
-                <a href="/docs/infrastructure/configuration/server-modes/run-rippled-as-a-validator">{translate("about.index.consensus.h5part2", "validators")}</a>
+                <Link to="/docs/infrastructure/configuration/server-modes/run-rippled-as-a-validator">{translate("about.index.consensus.h5part2", "validators")}</Link>
                 {`${translate(
                   "about.index.consensus.h5part3",
                   ", which anyone can operate, come to an agreement on the order and outcome of XRP transactions every three to five seconds."
@@ -387,9 +388,9 @@ export default function XrplOverview() {
                   "about.index.tomorrow.ppart1",
                   "XRP Ledger’s innovation relies on the shared community experience of builders like you. If you’re ready to start your next big blockchain project, explore the XRPL now and consider applying for funding on your next"
                 )}`}
-                <a href="developer-funding">
+                <Link to="/community/developer-funding">
                   {translate("about.index.tomorrow.ppart2", " blockchain project")}
-                </a>
+                </Link>
                 {translate("about.index.tomorrow.ppart3", ".")}
               </p>
 

index.page.tsx

@@ -1,4 +1,5 @@
 import { useTranslate } from '@portal/hooks';
+import { Link } from '@portal/Link';
 
 export const frontmatter = {
   seo: {
@@ -90,7 +91,7 @@ const features = [
     title: 'Smart Contracts',
     description:
     <>
-      Hooks are small, efficient WebAssembly modules designed specifically for the XRPL. Check out the <a href='https://hooks-testnet.xrpl-labs.com/' target='_blank'>hooks amendment and public testnet</a> that enable smart contract functionality.,
+      Hooks are small, efficient WebAssembly modules designed specifically for the XRPL. Check out the <a href='https://hooks-testnet.xrpl-labs.com/' target='_blank'>hooks amendment and public testnet</a> that enable smart contract functionality.
     </>,
     href: 'https://hooks-testnet.xrpl-labs.com/',
   },
@@ -98,7 +99,7 @@ const features = [
     chip: 'Enabled',
     title: 'Automated Market Makers',
     description: "Smart contracts to provide liquidity and earn passive income from facilitating currency exchange, complementary with the order-book DEX already built into the XRPL.",
-    href: '/concepts/tokens/decentralized-exchange/automated-market-makers/',
+    href: '/docs/concepts/tokens/decentralized-exchange/automated-market-makers/',
   },
 ];
 
@@ -121,9 +122,9 @@ export default function Index() {
               </h1>
               <h6 className="eyebrow mb-3">{translate('XRPL | XRP Ledger')}</h6>
             </div>
-            <a href="/docs" className="btn btn-primary btn-arrow">
+            <Link to="/docs" className="btn btn-primary btn-arrow">
               {translate('Start Building')}
-            </a>
+            </Link>
           </div>
         </section>
         <div className="position-relative d-none-sm">
@@ -173,13 +174,13 @@ export default function Index() {
           </div>
           <div className="row row-cols-1 row-cols-lg-3 card-deck mt-10" id="advanced-features">
             {cards2.map((card, idx) => (
-              <a className="card" href={card.href} key={card.href + idx}>
+              <Link className="card" to={card.href} key={card.href + idx}>
                 <div className="card-body">
                   <h4 className="card-title h5">{translate(card.title)}</h4>
                   <p className="card-text">{translate(card.description)}</p>
                 </div>
                 <div className="card-footer">&nbsp;</div>
-              </a>
+              </Link>
             ))}
           </div>
         </section>
@@ -190,13 +191,13 @@ export default function Index() {
           </div>
           <div className="row row-cols-1 row-cols-lg-3 card-deck mt-10" id="get-started">
             {cards3.map((card, idx) => (
-              <a className="card" href={card.href} key={card.href + idx}>
+              <Link className="card" to={card.href} key={card.href + idx}>
                 <div className="card-body">
                   <h4 className="card-title h5">{translate(card.title)}</h4>
                   <p className="card-text">{translate(card.description)}</p>
                 </div>
                 <div className="card-footer">&nbsp;</div>
-              </a>
+              </Link>
             ))}
           </div>
         </section>
@@ -211,9 +212,9 @@ export default function Index() {
                   "Together, we're building the greenest infrastructure to drive blockchain innovation that doesn't sacrifice utility or performance, to bring the developer community's vision to life."
                 )}
               </p>
-              <a className="btn btn-primary btn-arrow" href="/about/">
+              <Link className="btn btn-primary btn-arrow" to="/about/">
                 {translate('Learn More')}
-              </a>
+              </Link>
             </div>
           </div>
         </section>
@@ -227,9 +228,9 @@ export default function Index() {
           <ul className="mt-10 card-grid card-grid-3xN">
             {features.map(feat => (
               <li className="col ls-none pt-2" key={feat.href}>
-                <a className="label chip-green" href={feat.href}>
+                <Link className="label chip-green" to={feat.href}>
                   {translate(feat.chip)}
-                </a>
+                </Link>
                 <h4 className="mt-3 mb-0 h5">{translate(feat.title)}</h4>
                 <p className="mt-6-until-sm mt-3 mb-0">
                   {typeof feat.description === 'string' ? translate(feat.description) : feat.description}
@@ -254,9 +255,9 @@ export default function Index() {
                 <br className="until-sm" />
                 {translate(' and entrepeneurs who rely on the XRPL.')}
               </p>
-              <a className="btn btn-primary btn-arrow" href="/community">
+              <Link className="btn btn-primary btn-arrow" to="/community">
                 {translate('Get Involved')}
-              </a>
+              </Link>
             </div>
           </div>
         </section>