diff options
Diffstat (limited to 'components/layout')
| -rw-r--r-- | components/layout/Footer.tsx | 4 | ||||
| -rw-r--r-- | components/layout/Header.tsx | 10 |
2 files changed, 8 insertions, 6 deletions
diff --git a/components/layout/Footer.tsx b/components/layout/Footer.tsx index 3ea7990..f4917b7 100644 --- a/components/layout/Footer.tsx +++ b/components/layout/Footer.tsx @@ -1,3 +1,5 @@ +import Link from 'next/link' + export default function Footer() { return ( <footer> @@ -7,7 +9,7 @@ export default function Footer() { <a target="_blank" href="https://webring.umbreon.online/">webring</a> <a style={{ textDecoration: 'none' }} href="https://webring.umbreon.online/next?from=https://tempest.dev">></a> </span> - <a href="/pay-transparency">Pay Transparency</a> + <Link href="/pay-transparency">Pay Transparency</Link> </footer> ) } diff --git a/components/layout/Header.tsx b/components/layout/Header.tsx index f55047c..7afe08c 100644 --- a/components/layout/Header.tsx +++ b/components/layout/Header.tsx @@ -1,4 +1,5 @@ import React from 'react' +import Link from 'next/link' import Image from 'components/Image' import { usePathname } from 'next/navigation' @@ -14,13 +15,12 @@ export default function Title() { <header className={isHomepage ? 'homepage' : undefined}> {isHomepage ? <h1 className="siteTitle">tempest.dev</h1> - : <a href="/" className="siteTitle">tempest.dev</a> + : <Link href="/" className="siteTitle">tempest.dev</Link> } <nav> - <a href="/about">about</a> - {/* <a href="/posts">posts</a> */} - <a href="/contact">contact</a> - <a target="blank" href="https://git.tempest.dev/ashe/tempest.dev">code</a> + <Link href="/about">about</Link> + <Link href="/contact">contact</Link> + <Link target="blank" href="https://git.tempest.dev/ashe/tempest.dev">code</Link> </nav> <div className="headerBackground"> <Image |