From 52fc7f73ce99b4a07d8a2425bc44e9edafeb6681 Mon Sep 17 00:00:00 2001
From: Dries Augustyns <inbox@driaug.com>
Date: Sun, 19 Apr 2026 09:18:50 +0200
Subject: [PATCH] ui: Use Link instead of a

---
 apps/landing/src/pages/tools/markdown-to-email.tsx | 5 +++--
 apps/landing/src/pages/tools/verify-email.tsx      | 5 +++--
 2 files changed, 6 insertions(+), 4 deletions(-)

diff --git a/apps/landing/src/pages/tools/markdown-to-email.tsx b/apps/landing/src/pages/tools/markdown-to-email.tsx
index b554ed9..2395e2d 100644
--- a/apps/landing/src/pages/tools/markdown-to-email.tsx
+++ b/apps/landing/src/pages/tools/markdown-to-email.tsx
@@ -8,6 +8,7 @@ import {MarkdownEmailEditor} from '../../components/tools/MarkdownEmailEditor';
 import {convertToCompleteEmailHtml} from '../../lib/emailHtmlConverter';
 import {Button} from '@plunk/ui';
 import {Bricolage_Grotesque, Hanken_Grotesk, JetBrains_Mono} from 'next/font/google';
+import Link from 'next/link';
 
 const display = Bricolage_Grotesque({
   subsets: ['latin'],
@@ -81,12 +82,12 @@ export default function MarkdownToEmail() {
                 }
               >
                 <span className={'font-medium text-neutral-900'}>§ T-01 &nbsp;— &nbsp;Tool</span>
-                <a
+                <Link
                   href="/tools"
                   className={'text-neutral-500 transition hover:text-neutral-900'}
                 >
                   ← All tools
-                </a>
+                </Link>
               </motion.div>
 
               <motion.div
diff --git a/apps/landing/src/pages/tools/verify-email.tsx b/apps/landing/src/pages/tools/verify-email.tsx
index 3740823..f379488 100644
--- a/apps/landing/src/pages/tools/verify-email.tsx
+++ b/apps/landing/src/pages/tools/verify-email.tsx
@@ -10,6 +10,7 @@ import {EmailVerificationResult} from '../../components/tools/EmailVerificationR
 import {Button, Input} from '@plunk/ui';
 import {EMAIL_VERIFICATION_FEATURES} from '../../lib/toolsContent';
 import {Bricolage_Grotesque, Hanken_Grotesk, JetBrains_Mono} from 'next/font/google';
+import Link from 'next/link';
 
 const display = Bricolage_Grotesque({
   subsets: ['latin'],
@@ -92,9 +93,9 @@ export default function VerifyEmailPage() {
                 }
               >
                 <span className={'font-medium text-neutral-900'}>§ T-02 &nbsp;— &nbsp;Tool</span>
-                <a href="/tools" className={'text-neutral-500 transition hover:text-neutral-900'}>
+                <Link href="/tools" className={'text-neutral-500 transition hover:text-neutral-900'}>
                   ← All tools
-                </a>
+                </Link>
               </motion.div>
 
               <motion.div