From 2b5b4dee57ea5d4aaecd87d600447bbd16bfad4d Mon Sep 17 00:00:00 2001
From: cfngc4594 <cfngc4594@gmail.com>
Date: Fri, 21 Feb 2025 21:20:52 +0800
Subject: [PATCH] fix(banner): wrap link in a paragraph for better semantic
 structure

---
 src/components/banner.tsx | 20 +++++++++++---------
 1 file changed, 11 insertions(+), 9 deletions(-)

diff --git a/src/components/banner.tsx b/src/components/banner.tsx
index b23953d..7a3dc42 100644
--- a/src/components/banner.tsx
+++ b/src/components/banner.tsx
@@ -19,15 +19,17 @@ export function Banner({
       {...props}
       className={cn("h-12 flex items-center justify-center bg-muted text-foreground", className)}
     >
-      <a href={link} className="group flex justify-center text-sm">
-        <span className="me-1 text-base leading-none">✨</span>
-        {text}
-        <ArrowRightIcon
-          className="ms-2 -mt-0.5 inline-flex opacity-60 transition-transform group-hover:translate-x-0.5"
-          size={16}
-          aria-hidden="true"
-        />
-      </a>
+      <p className="flex justify-center text-sm">
+        <a href={link} className="group">
+          <span className="me-1 text-base leading-none">✨</span>
+          {text}
+          <ArrowRightIcon
+            className="ms-2 -mt-0.5 inline-flex opacity-60 transition-transform group-hover:translate-x-0.5"
+            size={16}
+            aria-hidden="true"
+          />
+        </a>
+      </p>
     </header>
   );
 }