src/app/about/page.tsx

@@ -9,7 +9,18 @@ import { Users, Award, Zap } from "lucide-react";
 
 export default function AboutPage() {
   return (
-    <ThemeProvider>
+    <ThemeProvider
+        defaultButtonVariant="text-shift"
+        defaultTextAnimation="entrance-slide"
+        borderRadius="soft"
+        contentWidth="mediumSmall"
+        sizing="medium"
+        background="blurBottom"
+        cardStyle="layered-gradient"
+        primaryButtonStyle="double-inset"
+        secondaryButtonStyle="layered"
+        headingFontWeight="extrabold"
+    >
       <ReactLenis root>
         <NavbarStyleApple
           navItems={[{ name: "Home", id: "/" }, { name: "About", id: "/about" }, { name: "Programs", id: "/programs" }, { name: "Blog", id: "blog" }, { name: "Contact", id: "contact" }]}

src/app/page.tsx

@@ -5,7 +5,6 @@ import ReactLenis from "lenis/react";
 import AboutMetric from '@/components/sections/about/AboutMetric';
 import BlogCardTwo from '@/components/sections/blog/BlogCardTwo';
 import ContactText from '@/components/sections/contact/ContactText';
-import FeatureCardNine from '@/components/sections/feature/FeatureCardNine';
 import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
 import HeroSplitTestimonial from '@/components/sections/hero/HeroSplitTestimonial';
 import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
@@ -29,9 +28,9 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarStyleApple
       navItems={[
-        { name: "Home", id: "hero" },
-        { name: "About", id: "about" },
-        { name: "Programs", id: "programs" },
+        { name: "Home", id: "/" },
+        { name: "About", id: "/about" },
+        { name: "Programs", id: "/programs" },
         { name: "Blog", id: "blog" },
         { name: "Contact", id: "contact" },
       ]}
@@ -87,6 +86,7 @@ export default function LandingPage() {
       text="Ready to join our family? Send us a message and we'll get back to you with all the details."
       background={{ variant: "radial-gradient" }}
       buttons={[{ text: "Send Us a Message" }]}
+      useInvertedBackground={false}
     />
   </div>
 

src/app/programs/page.tsx

@@ -3,30 +3,27 @@
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
 import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
-import FeatureCardNine from '@/components/sections/feature/FeatureCardNine';
 import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
 
 export default function ProgramsPage() {
   return (
-    <ThemeProvider>
+    <ThemeProvider
+        defaultButtonVariant="text-shift"
+        defaultTextAnimation="entrance-slide"
+        borderRadius="soft"
+        contentWidth="mediumSmall"
+        sizing="medium"
+        background="blurBottom"
+        cardStyle="layered-gradient"
+        primaryButtonStyle="double-inset"
+        secondaryButtonStyle="layered"
+        headingFontWeight="extrabold"
+    >
       <ReactLenis root>
         <NavbarStyleApple
           navItems={[{ name: "Home", id: "/" }, { name: "About", id: "/about" }, { name: "Programs", id: "/programs" }, { name: "Blog", id: "blog" }, { name: "Contact", id: "contact" }]}
           brandName="CAEFA"
         />
-        <FeatureCardNine
-          animationType="slide-up"
-          textboxLayout="default"
-          useInvertedBackground={false}
-          title="Our Training Programs"
-          description="Three tiers of elite training."
-          showStepNumbers={true}
-          features={[
-            { title: "Beginner", description: "Building the foundations of football skills.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/football-player-training_23-2147813188.jpg" }, phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/football-training-equipment_23-2147813194.jpg" } },
-            { title: "Intermediate", description: "Advancing tactical and technical proficiency.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/football-player-training_23-2147813188.jpg" }, phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/football-training-equipment_23-2147813194.jpg" } },
-            { title: "Advanced", description: "Professional elite-level competitive training.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/football-player-training_23-2147813188.jpg" }, phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/football-training-equipment_23-2147813194.jpg" } },
-          ]}
-        />
         <FooterLogoReveal logoText="CAEFA" leftLink={{ text: "© 2024 CAEFA", href: "#" }} rightLink={{ text: "Privacy Policy", href: "#" }} />
       </ReactLenis>
     </ThemeProvider>