jeffemmett
/
pwf-website-new
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

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
This commit is contained in:
JeffEmmett 2025-05-07 02:42:12 +00:00
parent 1755401f5a
commit 7a45caa01e
3 changed files with 29 additions and 17 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

18
client/src/components/home/hero-section.tsx
View File

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

21
client/src/components/navigation/footer.tsx
View File

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

7
client/src/components/ui/logo.tsx
View File

@ -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>
);
}