From 7a45caa01e29ba466f0f4bff6b10c086c1ee2157 Mon Sep 17 00:00:00 2001
From: JeffEmmett <20747463-JeffEmmett@users.noreply.replit.com>
Date: Wed, 7 May 2025 02:42:12 +0000
Subject: [PATCH] Improve website navigation by wrapping links for better
 accessibility

Refactors Link components throughout HeroSection, Footer, and Logo for improved Next.js accessibility.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: acaf01d7-65a7-4fc5-901d-853488e196e8
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/af8dabca-e746-4e53-9c29-d8d4d9cf30f5/2baac40b-d946-44e1-8ca6-13c0383ec46a.jpg
---
 client/src/components/home/hero-section.tsx | 18 ++++++++++--------
 client/src/components/navigation/footer.tsx | 21 +++++++++++++++------
 client/src/components/ui/logo.tsx           |  7 ++++---
 3 files changed, 29 insertions(+), 17 deletions(-)

diff --git a/client/src/components/home/hero-section.tsx b/client/src/components/home/hero-section.tsx
index 5624ffd..d990b67 100644
--- a/client/src/components/home/hero-section.tsx
+++ b/client/src/components/home/hero-section.tsx
@@ -14,15 +14,17 @@ export function HeroSection() {
             Transform your body and mind through the art of Pilates. Join our serene studio for personalized sessions that promote harmony, flexibility, and strength.
           </p>
           <div className="flex flex-col sm:flex-row space-y-4 sm:space-y-0 sm:space-x-4">
-            <Link href="/classes">
-              <a className="bg-teal hover:bg-opacity-90 text-white font-medium py-3 px-6 rounded-full transition duration-300 text-center">
-                Book a Class
-              </a>
+            <Link
+              href="/classes"
+              className="bg-teal hover:bg-opacity-90 text-white font-medium py-3 px-6 rounded-full transition duration-300 text-center"
+            >
+              Book a Class
             </Link>
-            <Link href="/about">
-              <a className="bg-purple hover:bg-opacity-90 text-white font-medium py-3 px-6 rounded-full transition duration-300 text-center">
-                About Fadia
-              </a>
+            <Link
+              href="/about"
+              className="bg-purple hover:bg-opacity-90 text-white font-medium py-3 px-6 rounded-full transition duration-300 text-center"
+            >
+              About Fadia
             </Link>
           </div>
         </div>
diff --git a/client/src/components/navigation/footer.tsx b/client/src/components/navigation/footer.tsx
index 9316dee..69b9a65 100644
--- a/client/src/components/navigation/footer.tsx
+++ b/client/src/components/navigation/footer.tsx
@@ -95,18 +95,27 @@ export default function Footer() {
                 </Link>
               </li>
               <li>
-                <Link href="/classes">
-                  <a className="text-gray-400 hover:text-white transition duration-300">Private Sessions</a>
+                <Link 
+                  href="/classes" 
+                  className="text-gray-400 hover:text-white transition duration-300"
+                >
+                  Private Sessions
                 </Link>
               </li>
               <li>
-                <Link href="/classes">
-                  <a className="text-gray-400 hover:text-white transition duration-300">Group Classes</a>
+                <Link 
+                  href="/classes" 
+                  className="text-gray-400 hover:text-white transition duration-300"
+                >
+                  Group Classes
                 </Link>
               </li>
               <li>
-                <Link href="/classes">
-                  <a className="text-gray-400 hover:text-white transition duration-300">Special Workshops</a>
+                <Link 
+                  href="/classes" 
+                  className="text-gray-400 hover:text-white transition duration-300"
+                >
+                  Special Workshops
                 </Link>
               </li>
             </ul>
diff --git a/client/src/components/ui/logo.tsx b/client/src/components/ui/logo.tsx
index 1f5d5a2..1eb84dc 100644
--- a/client/src/components/ui/logo.tsx
+++ b/client/src/components/ui/logo.tsx
@@ -8,8 +8,10 @@ export function Logo({ className = "", size = "regular" }: { className?: string,
   };
 
   return (
-    <Link href="/">
-      <a className={`inline-block ${className}`}>
+    <Link 
+      href="/"
+      className={`inline-block ${className}`}
+    >
         <svg
           xmlns="http://www.w3.org/2000/svg"
           viewBox="0 0 600 100"
@@ -27,7 +29,6 @@ export function Logo({ className = "", size = "regular" }: { className?: string,
             Pilates with Fadia
           </text>
         </svg>
-      </a>
     </Link>
   );
 }