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

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