Update src/app/enrollment/page.tsx

src/app/enrollment/page.tsx

@@ -3,29 +3,29 @@
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
 import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
-import ContactCenter from '@/components/sections/contact/ContactCenter';
+import ContactText from '@/components/sections/contact/ContactText';
 import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
 
 export default function EnrollmentPage() {
   return (
-    <ThemeProvider>
+    <ThemeProvider defaultButtonVariant="bounce-effect" defaultTextAnimation="entrance-slide" borderRadius="rounded" contentWidth="medium" sizing="medium" background="circleGradient" cardStyle="glass-elevated" primaryButtonStyle="gradient" secondaryButtonStyle="glass" headingFontWeight="normal">
       <ReactLenis root>
         <div id="nav" data-section="nav">
           <NavbarLayoutFloatingOverlay
             brandName="GourmetAgency"
             navItems={[
               { name: "Home", id: "/" },
+              { name: "Courses", id: "/courses" },
               { name: "Pricing", id: "/pricing" },
-              { name: "Enroll", id: "enrollment" },
-              { name: "Contact", id: "/" }
+              { name: "Enrollment", id: "/enrollment" }
             ]}
           />
         </div>
         <div id="contact" data-section="contact">
-          <ContactCenter
-            tag="Enrollment"
-            title="Secure Your Spot"
-            description="Complete the form below to start your journey into world-class hospitality training."
+          <ContactText
+            text="Secure Your Spot - Complete the form to start your journey."
+            background={{ variant: "plain" }}
+            useInvertedBackground={false}
           />
         </div>
         <div id="footer" data-section="footer">