Rename "Book a Class" to "Class Calendar" and remove white button styling

Updates navigation links and styling to reflect the "Class Calendar" title and remove the white button for visual consistency.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: e524de2d-167c-4bad-8c36-b012186a210b
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/af8dabca-e746-4e53-9c29-d8d4d9cf30f5/ca1c258a-1e92-458a-bcee-88f2dc3cce7f.jpg

client/src/components/navigation/footer.tsx

@@ -95,7 +95,7 @@ export default function Footer() {
                     <Link 
                       href="/calendar" 
                       className="text-white text-opacity-70 hover:text-white hover:text-opacity-100 transition duration-300"
-                    >Book a Class</Link>
+                    >Class Calendar</Link>
                   </li>
                   <li>
                     <Link 

client/src/components/navigation/header.tsx

@@ -20,7 +20,7 @@ export default function Header() {
   };
   
   const navLinks = [
-    { name: "Book a Class", path: "/calendar" },
+    { name: "Class Calendar", path: "/calendar" },
     { name: "Meet Fadia", path: "/about" },
     { name: "Contact", path: "/contact" },
   ];
@@ -39,11 +39,7 @@ export default function Header() {
               <Link 
                 key={link.path} 
                 href={link.path} 
-                className={`transition-colors duration-200 font-raleway font-bold text-lg ${
+                className={`transition-colors duration-200 font-raleway font-bold text-lg ${isActive(link.path)}`}
-                  link.name === "Book a Class" 
-                    ? "bg-white text-teal px-4 py-2 rounded-full hover:bg-opacity-90" 
-                    : isActive(link.path)
-                }`}
               >
                 {link.name}
               </Link>
@@ -67,11 +63,7 @@ export default function Header() {
                     <SheetClose asChild key={link.path}>
                       <Link 
                         href={link.path}
-                        className={`block px-3 py-2 text-base font-medium ${
+                        className={`block px-3 py-2 text-base font-medium ${isActive(link.path)}`}
-                          link.name === "Book a Class" 
-                            ? "bg-teal text-white rounded-full text-center hover:bg-opacity-90" 
-                            : isActive(link.path)
-                        }`}
                       >
                         {link.name}
                       </Link>

client/src/lib/constants.tsx

@@ -128,7 +128,7 @@ export const TESTIMONIALS = [
 
 // Navigation links
 export const NAV_LINKS = [
-  { name: "Book a Class", path: "/calendar" },
+  { name: "Class Calendar", path: "/calendar" },
   { name: "Meet Fadia", path: "/about" },
   { name: "Contact", path: "/contact" },
 ];