Update src/app/programs/page.tsx

Merge version_1 into main

src/app/about/page.tsx

@@ -0,0 +1,39 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ReactLenis from "lenis/react";
+import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
+import AboutMetric from '@/components/sections/about/AboutMetric';
+import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
+import { Users, Award, Zap } from "lucide-react";
+
+export default function AboutPage() {
+  return (
+    <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"
+        />
+        <AboutMetric
+          title="About Us"
+          metrics={[{ icon: Users, label: "Students", value: "500+" }, { icon: Award, label: "Coaches", value: "25" }, { icon: Zap, label: "Hours", value: "10k+" }]}
+          metricsAnimation="slide-up"
+          useInvertedBackground={false}
+        />
+        <FooterLogoReveal logoText="CAEFA" leftLink={{ text: "© 2024 CAEFA", href: "#" }} rightLink={{ text: "Privacy Policy", href: "#" }} />
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}

src/app/page.tsx

@@ -3,9 +3,8 @@
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
 import AboutMetric from '@/components/sections/about/AboutMetric';
-import BlogCardThree from '@/components/sections/blog/BlogCardThree';
+import BlogCardTwo from '@/components/sections/blog/BlogCardTwo';
-import ContactCTA from '@/components/sections/contact/ContactCTA';
+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,16 +28,11 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarStyleApple
       navItems={[
-        {
+        { name: "Home", id: "/" },
-          name: "Home",          id: "hero"},
+        { name: "About", id: "/about" },
-        {
+        { name: "Programs", id: "/programs" },
-          name: "About",          id: "about"},
+        { name: "Blog", id: "blog" },
-        {
+        { name: "Contact", id: "contact" },
-          name: "Programs",          id: "programs"},
-        {
-          name: "Blog",          id: "blog"},
-        {
-          name: "Contact",          id: "contact"},
       ]}
       brandName="CAEFA"
     />
@@ -47,58 +41,16 @@ export default function LandingPage() {
   <div id="hero" data-section="hero">
       <HeroSplitTestimonial
       useInvertedBackground={false}
-      background={{
+      background={{ variant: "gradient-bars" }}
-        variant: "gradient-bars"}}
       title="Central Asia Elite Football Academy"
       description="Train like professionals and unlock your football potential. We provide European-style training programs inspired by top clubs like Real Madrid."
       testimonials={[
-        {
+        { name: "Sarah J.", handle: "@parent", testimonial: "My son loves the training here! High quality coaching.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-man-with-football-ball_23-2148867389.jpg" },
-          name: "Sarah J.",          handle: "@parent",          testimonial: "My son loves the training here! High quality coaching.",          rating: 5,
+        { name: "David K.", handle: "@athlete", testimonial: "Best academy in the region, professional standards.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-boy-with-soccer-ball_23-2148186394.jpg" }
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-man-with-football-ball_23-2148867389.jpg"},
-        {
-          name: "David K.",          handle: "@athlete",          testimonial: "Best academy in the region, professional standards.",          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-boy-with-soccer-ball_23-2148186394.jpg"},
-        {
-          name: "Emily R.",          handle: "@coach",          testimonial: "Great programs and world class structure.",          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-man-with-football-ball_23-2148867378.jpg"},
-        {
-          name: "Michael C.",          handle: "@player",          testimonial: "Improved my skills significantly in months.",          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-soccer-player_23-2150904485.jpg"},
-        {
-          name: "Alex B.",          handle: "@parent",          testimonial: "Dedicated coaches and amazing football culture.",          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/sporty-girl-scores-goal-into-goal-football-concept-girl-football-field_169016-68215.jpg"},
-      ]}
-      buttons={[
-        {
-          text: "Join Now",          href: "#contact"},
       ]}
+      buttons={[{ text: "Join Now", href: "#contact" }]}
       imageSrc="http://img.b2bpic.net/free-photo/football-trainer-teaching-his-pupils_23-2149708033.jpg"
       mediaAnimation="slide-up"
-      avatars={[
-        {
-          src: "http://img.b2bpic.net/free-photo/portrait-young-man-with-football-ball_23-2148867389.jpg",          alt: "Student 1"},
-        {
-          src: "http://img.b2bpic.net/free-photo/portrait-smiling-boy-with-soccer-ball_23-2148186394.jpg",          alt: "Student 2"},
-        {
-          src: "http://img.b2bpic.net/free-photo/portrait-young-man-with-football-ball_23-2148867378.jpg",          alt: "Student 3"},
-        {
-          src: "http://img.b2bpic.net/free-photo/portrait-woman-soccer-player_23-2150904485.jpg",          alt: "Student 4"},
-        {
-          src: "http://img.b2bpic.net/free-photo/sporty-girl-scores-goal-into-goal-football-concept-girl-football-field_169016-68215.jpg",          alt: "Student 5"},
-      ]}
-      avatarText="Join 500+ aspiring athletes"
-      marqueeItems={[
-        {
-          type: "text",          text: "European Standards"},
-        {
-          type: "text",          text: "UEFA Licensed Coaches"},
-        {
-          type: "text",          text: "State-of-the-art Facilities"},
-        {
-          type: "text",          text: "Character Development"},
-        {
-          type: "text",          text: "Professional Pathways"},
-      ]}
     />
   </div>
 
@@ -107,94 +59,45 @@ export default function LandingPage() {
       useInvertedBackground={true}
       title="Our Mission"
       metrics={[
-        {
+        { icon: Users, label: "Students", value: "500+" },
-          icon: Users,
+        { icon: Award, label: "Elite Coaches", value: "25" },
-          label: "Students",          value: "500+"},
+        { icon: Zap, label: "Training Hours", value: "10k+" },
-        {
-          icon: Award,
-          label: "Elite Coaches",          value: "25"},
-        {
-          icon: Zap,
-          label: "Training Hours",          value: "10k+"},
       ]}
       metricsAnimation="slide-up"
     />
   </div>
 
-  <div id="programs" data-section="programs">
-      <FeatureCardNine
-      animationType="slide-up"
-      textboxLayout="default"
-      useInvertedBackground={false}
-      features={[
-        {
-          title: "Beginner Program (8–12)",          description: "Basic skills, fun training",          phoneOne: {
-            imageSrc: "http://img.b2bpic.net/free-photo/football-player-training_23-2147813188.jpg?_wi=1"},
-          phoneTwo: {
-            imageSrc: "http://img.b2bpic.net/free-photo/football-training-equipment_23-2147813194.jpg?_wi=1"},
-        },
-        {
-          title: "Advanced Program (13–18)",          description: "Tactical + physical training",          phoneOne: {
-            imageSrc: "http://img.b2bpic.net/free-photo/football-player-training_23-2147813188.jpg?_wi=2"},
-          phoneTwo: {
-            imageSrc: "http://img.b2bpic.net/free-photo/football-training-equipment_23-2147813194.jpg?_wi=2"},
-        },
-        {
-          title: "Elite Program",          description: "Professional-level training & competitions",          phoneOne: {
-            imageSrc: "http://img.b2bpic.net/free-photo/football-player-training_23-2147813188.jpg?_wi=3"},
-          phoneTwo: {
-            imageSrc: "http://img.b2bpic.net/free-photo/football-training-equipment_23-2147813194.jpg?_wi=3"},
-        },
-      ]}
-      showStepNumbers={true}
-      title="Our Programs"
-      description="We offer structured programs for all ages to develop players professionally."
-    />
-  </div>
-
   <div id="blog" data-section="blog">
-      <BlogCardThree
+      <BlogCardTwo
       animationType="slide-up"
-      textboxLayout="default"
+      textboxLayout="split"
-      useInvertedBackground={true}
+      useInvertedBackground={false}
-      title="Academy Insights"
+      title="Academy Blog"
-      description="Stay updated with training tips and success stories."
+      description="Insights, tips, and benefits from our football development experts."
       blogs={[
-        {
+        { id: "1", category: "Professional", title: "Becoming a Professional Player", excerpt: "Learn the roadmap to professional football success at our academy.", imageSrc: "http://img.b2bpic.net/free-photo/football-player-training_23-2147813188.jpg", authorName: "Admin", authorAvatar: "", date: "Oct 2023" },
-          id: "1",          category: "Training",          title: "How to Become a Professional Football Player",          excerpt: "Focus on discipline, technique, and fitness.",          imageSrc: "http://img.b2bpic.net/free-photo/shallow-focus-shot-caucasian-male-doing-workout-park_181624-48787.jpg?_wi=1",          authorName: "Academy Staff",          authorAvatar: "http://img.b2bpic.net/free-photo/portrait-young-man-with-football-ball_23-2148867389.jpg",          date: "Jan 2024"},
+        { id: "2", category: "Academy", title: "Benefits of Joining an Academy", excerpt: "Why structured development at a young age is crucial.", imageSrc: "http://img.b2bpic.net/free-photo/football-training-equipment_23-2147813194.jpg", authorName: "Admin", authorAvatar: "", date: "Nov 2023" }
-        {
-          id: "2",          category: "Growth",          title: "Benefits of Joining a Football Academy",          excerpt: "Teamwork, discipline, and structured development.",          imageSrc: "http://img.b2bpic.net/free-photo/trainer-talking-players-side-view_23-2149742088.jpg",          authorName: "Academy Staff",          authorAvatar: "http://img.b2bpic.net/free-photo/portrait-smiling-boy-with-soccer-ball_23-2148186394.jpg",          date: "Feb 2024"},
-        {
-          id: "3",          category: "Tips",          title: "Nutrition for Young Athletes",          excerpt: "Fuelling your performance for football success.",          imageSrc: "http://img.b2bpic.net/free-photo/shallow-focus-shot-caucasian-male-doing-workout-park_181624-48787.jpg?_wi=2",          authorName: "Academy Staff",          authorAvatar: "http://img.b2bpic.net/free-photo/portrait-young-man-with-football-ball_23-2148867378.jpg",          date: "Mar 2024"},
       ]}
     />
   </div>
 
   <div id="contact" data-section="contact">
-      <ContactCTA
+      <ContactText
+      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}
-      background={{
-        variant: "plain"}}
-      tag="Contact Us"
-      title="Start Your Football Journey Today"
-      description="Send us a message to learn more about registration and schedules."
-      buttons={[
-        {
-          text: "Send Message"},
-      ]}
     />
   </div>
 
   <div id="footer" data-section="footer">
       <FooterLogoReveal
       logoText="CAEFA"
-      leftLink={{
+      leftLink={{ text: "© 2024 CAEFA", href: "#" }}
-        text: "© 2024 CAEFA",        href: "#"}}
+      rightLink={{ text: "Privacy Policy", href: "#" }}
-      rightLink={{
-        text: "Privacy Policy",        href: "#"}}
     />
   </div>
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}

src/app/programs/page.tsx

@@ -0,0 +1,31 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ReactLenis from "lenis/react";
+import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
+import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
+
+export default function ProgramsPage() {
+  return (
+    <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"
+        />
+        <FooterLogoReveal logoText="CAEFA" leftLink={{ text: "© 2024 CAEFA", href: "#" }} rightLink={{ text: "Privacy Policy", href: "#" }} />
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}