Fix some linking issues in home & about

This commit is contained in:
mDuo13
2024-06-20 13:17:04 -07:00
parent d1f321f057
commit 0dfcd7c2da
3 changed files with 20 additions and 18 deletions

View File

@@ -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>