From cb12269a92d172af6ef8744ea5db3a22e76b61bd Mon Sep 17 00:00:00 2001
From: JeffEmmett <20747463-JeffEmmett@users.noreply.replit.com>
Date: Wed, 21 May 2025 14:28:17 +0000
Subject: [PATCH] Make class booking more reliable and fix potential website
 navigation issues

Replaces React Router's Link component with an anchor tag to fix a navigation error.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: d004b9e1-f9be-46e2-acda-f440ccd644a9
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/af8dabca-e746-4e53-9c29-d8d4d9cf30f5/aaa159d8-3ce5-403e-8a0f-24a4e809706f.jpg
---
 client/src/components/classes/classes-section.tsx | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/client/src/components/classes/classes-section.tsx b/client/src/components/classes/classes-section.tsx
index aca0526..8ebd950 100644
--- a/client/src/components/classes/classes-section.tsx
+++ b/client/src/components/classes/classes-section.tsx
@@ -4,6 +4,7 @@ import { Class } from "@shared/schema";
 import { Skeleton } from "@/components/ui/skeleton";
 import FadiaClassImage from "../../assets/Fadia-156.jpg";
 
+
 export function ClassesSection() {
   const { data: classes, isLoading, error } = useQuery<Class[]>({
     queryKey: ["/api/classes"],
@@ -56,11 +57,11 @@ export function ClassesSection() {
         )}
         
         <div className="text-center mt-12">
-          <Link to="/calendar">
+          <a href="/calendar" className="inline-block">
             <button className="px-8 py-3 bg-rose-800 text-white font-bold rounded-full hover:bg-rose-900 transition duration-300 shadow-md">
               Book a Class Now
             </button>
-          </Link>
+          </a>
         </div>
       </div>
     </section>