Update src/app/about/page.tsx

Merge version_3 into main

src/app/about/page.tsx

@@ -0,0 +1,55 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
+import SplitAbout from '@/components/sections/about/SplitAbout';
+import FooterCard from '@/components/sections/footer/FooterCard';
+import ReactLenis from "lenis/react";
+
+export default function AboutPage() {
+  return (
+    <ThemeProvider
+      defaultButtonVariant="text-stagger"
+      defaultTextAnimation="reveal-blur"
+      borderRadius="soft"
+      contentWidth="mediumSmall"
+      sizing="mediumSizeLargeTitles"
+      background="blurBottom"
+      cardStyle="glass-elevated"
+      primaryButtonStyle="gradient"
+      secondaryButtonStyle="glass"
+      headingFontWeight="extrabold"
+    >
+      <ReactLenis root>
+        <div id="nav" data-section="nav">
+          <NavbarLayoutFloatingInline
+            navItems={[
+              { name: "Home", id: "/" },
+              { name: "About", id: "/about" },
+              { name: "Contact", id: "/contact" },
+            ]}
+            brandName="Midnimo Athletics"
+            button={{ text: "Get Started" }}
+          />
+        </div>
+
+        <div id="about" data-section="about" className="py-24">
+          <SplitAbout
+            useInvertedBackground={false}
+            title="Our Mission at Midnimo Athletics"
+            tag="About Us"
+            description="Midnimo Athletics is a dedicated after-school coaching program specifically designed for students from Kindergarten through 8th grade. Our mission is to build character, confidence, and agility in our youth by providing high-quality athletic training that fosters both personal growth and athletic excellence. We pride ourselves on creating an inclusive environment where every young athlete is supported in their unique development stage."
+            textboxLayout="default"
+            bulletPoints={[]}
+          />
+        </div>
+
+        <div id="footer" data-section="footer">
+          <FooterCard
+            logoText="Midnimo Athletics"
+          />
+        </div>
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}

src/app/layout.tsx

@@ -11,8 +11,8 @@ import { Open_Sans } from "next/font/google";
 
 
 export const metadata: Metadata = {
-  title: 'Midnimo Athletics | Elite Youth Coaching',
-  description: 'Premium after-school athletics program focused on building confidence and agility.',
+  title: 'About Us | Midnimo Athletics',
+  description: 'Learn about Midnimo Athletics, our mission, and our programs for K-8 students.',
   openGraph: {
     "title": "Midnimo Athletics",
     "description": "Transforming youth through sports.",

src/app/page.tsx

@@ -2,15 +2,15 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
-import ContactSplit from '@/components/sections/contact/ContactSplit';
-import FaqSplitText from '@/components/sections/faq/FaqSplitText';
+import ContactCenter from '@/components/sections/contact/ContactCenter';
+import FaqDouble from '@/components/sections/faq/FaqDouble';
 import FeatureCardThree from '@/components/sections/feature/featureCardThree/FeatureCardThree';
-import FooterCard from '@/components/sections/footer/FooterCard';
+import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
 import HeroBillboardTestimonial from '@/components/sections/hero/HeroBillboardTestimonial';
 import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
 import PricingCardEight from '@/components/sections/pricing/PricingCardEight';
 import TeamCardTwo from '@/components/sections/team/TeamCardTwo';
-import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
+import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
 import TextAbout from '@/components/sections/about/TextAbout';
 
 export default function LandingPage() {
@@ -31,22 +31,10 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarStyleCentered
       navItems={[
-        {
-          name: "About",
-          id: "#about",
-        },
-        {
-          name: "Programs",
-          id: "#features",
-        },
-        {
-          name: "Pricing",
-          id: "#pricing",
-        },
-        {
-          name: "Contact",
-          id: "#contact",
-        },
+        { name: "About", id: "/about" },
+        { name: "Programs", id: "#features" },
+        { name: "Pricing", id: "#pricing" },
+        { name: "Contact", id: "#contact" },
       ]}
       brandName="Midnimo Athletics"
     />
@@ -54,112 +42,20 @@ export default function LandingPage() {
 
   <div id="hero" data-section="hero">
       <HeroBillboardTestimonial
-      background={{
-        variant: "gradient-bars",
-      }}
+      background={{ variant: "gradient-bars" }}
       title="Unleash Potential at Midnimo Athletics"
-      description="Building character, confidence, and agility through elite after-school athletic coaching for the next generation of leaders."
-      testimonials={[
-        {
-          name: "Sarah J.",
-          handle: "@parent",
-          testimonial: "My son has gained so much confidence. Excellent program!",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/view-children-practicing-health-wellness-activity_23-2151401946.jpg?_wi=1",
-          imageAlt: "student athletes running athletics track",
-        },
-        {
-          name: "Mark D.",
-          handle: "@parent",
-          testimonial: "Professional coaches and clear athletic progression.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/smiley-woman-man-meditating-outdoors-yoga-mat_23-2148988369.jpg",
-          imageAlt: "student athletes running athletics track",
-        },
-        {
-          name: "Lisa T.",
-          handle: "@parent",
-          testimonial: "Fantastic after-school environment. Highly recommend.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/men-sports-clothes-have-rest-after-training-park_1157-30672.jpg?_wi=1",
-          imageAlt: "student athletes running athletics track",
-        },
-        {
-          name: "Kevin L.",
-          handle: "@parent",
-          testimonial: "My daughter loves every minute of the training.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/healthy-lifestyle-running-outdoors_23-2151847264.jpg?_wi=1",
-          imageAlt: "student athletes running athletics track",
-        },
-        {
-          name: "Elena R.",
-          handle: "@parent",
-          testimonial: "Midnimo changed our family fitness routine for the better.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/cheerful-children-joining-hands-together_23-2148308692.jpg?_wi=1",
-          imageAlt: "student athletes running athletics track",
-        },
-      ]}
+      description="Building character, confidence, and agility through elite after-school athletic coaching for K-8th grade student athletes."
+      testimonials={[]}
       imageSrc="http://img.b2bpic.net/free-photo/view-children-practicing-health-wellness-activity_23-2151401946.jpg?_wi=2"
       mediaAnimation="slide-up"
-      avatars={[
-        {
-          src: "http://img.b2bpic.net/free-photo/full-shot-friends-spending-time-outdoors_23-2150245515.jpg",
-          alt: "Full shot friends spending time outdoors",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/children-group-playing-tug-war-park_1150-3895.jpg",
-          alt: "Children group playing tug of war at the park",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/medium-shot-kids-playing-with-water-gun_23-2149073658.jpg",
-          alt: "Medium shot kids playing with water gun",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/medium-shot-smiley-kid-holding-ball_23-2149351786.jpg",
-          alt: "Medium shot smiley kid holding ball",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/medium-shot-happy-couple-outdoors_23-2148970179.jpg",
-          alt: "Medium shot happy couple outdoors",
-        },
-      ]}
-      marqueeItems={[
-        {
-          type: "text",
-          text: "Strength",
-        },
-        {
-          type: "text",
-          text: "Agility",
-        },
-        {
-          type: "text",
-          text: "Teamwork",
-        },
-        {
-          type: "text",
-          text: "Discipline",
-        },
-        {
-          type: "text",
-          text: "Excellence",
-        },
-      ]}
     />
   </div>
 
   <div id="about" data-section="about">
       <TextAbout
       useInvertedBackground={false}
-      title="Driven by Excellence & Community"
-      buttons={[
-        {
-          text: "Learn More",
-          href: "#contact",
-        },
-      ]}
+      title="Empowering Somali Youth Through Sport"
+      buttons={[{ text: "Learn More", href: "/about" }]}
     />
   </div>
 
@@ -170,24 +66,12 @@ export default function LandingPage() {
       gridVariant="three-columns-all-equal-width"
       useInvertedBackground={false}
       features={[
-        {
-          title: "Fundamental Skills",
-          description: "Core mechanics for every young athlete.",
-          imageSrc: "http://img.b2bpic.net/free-photo/men-sports-clothes-have-rest-after-training-park_1157-30672.jpg?_wi=2",
-        },
-        {
-          title: "Agility & Speed",
-          description: "Dynamic drills to improve quickness.",
-          imageSrc: "http://img.b2bpic.net/free-photo/healthy-lifestyle-running-outdoors_23-2151847264.jpg?_wi=2",
-        },
-        {
-          title: "Team Building",
-          description: "Developing collaborative skills through sports.",
-          imageSrc: "http://img.b2bpic.net/free-photo/cheerful-children-joining-hands-together_23-2148308692.jpg?_wi=2",
-        },
+        { title: "Fundamentals (K-4)", description: "Building basic motor skills and coordination for early grade levels.", imageSrc: "http://img.b2bpic.net/free-photo/men-sports-clothes-have-rest-after-training-park_1157-30672.jpg?_wi=2" },
+        { title: "Agility & Drills (5-8)", description: "Advanced training for older students to improve speed and focus.", imageSrc: "http://img.b2bpic.net/free-photo/healthy-lifestyle-running-outdoors_23-2151847264.jpg?_wi=2" },
+        { title: "Character Coaching", description: "Building confidence and discipline in every young athlete.", imageSrc: "http://img.b2bpic.net/free-photo/cheerful-children-joining-hands-together_23-2148308692.jpg?_wi=2" },
       ]}
-      title="Comprehensive Coaching Modules"
-      description="Designed for all skill levels, our programs ensure balanced athletic growth."
+      title="Curriculum for All Skill Levels"
+      description="Our programs are carefully tailored to support students from Kindergarten through 8th Grade."
     />
   </div>
 
@@ -197,62 +81,11 @@ export default function LandingPage() {
       textboxLayout="split"
       useInvertedBackground={false}
       plans={[
-        {
-          id: "basic",
-          badge: "Beginner",
-          price: "$150/mo",
-          subtitle: "Weekly coaching sessions",
-          buttons: [
-            {
-              text: "Join Now",
-              href: "#contact",
-            },
-          ],
-          features: [
-            "1 Session/week",
-            "Basic drills",
-            "Coach access",
-          ],
-        },
-        {
-          id: "pro",
-          badge: "Popular",
-          price: "$250/mo",
-          subtitle: "Complete athletic focus",
-          buttons: [
-            {
-              text: "Join Now",
-              href: "#contact",
-            },
-          ],
-          features: [
-            "3 Sessions/week",
-            "Advanced drills",
-            "Personal feedback",
-            "Team jerseys",
-          ],
-        },
-        {
-          id: "elite",
-          badge: "Advanced",
-          price: "$400/mo",
-          subtitle: "Performance & mentoring",
-          buttons: [
-            {
-              text: "Join Now",
-              href: "#contact",
-            },
-          ],
-          features: [
-            "Unlimited sessions",
-            "Performance tracking",
-            "Priority support",
-            "Monthly reports",
-          ],
-        },
+        { id: "junior", badge: "K-4", price: "$120/mo", subtitle: "Fundamentals & Play", buttons: [{ text: "Join", href: "#contact" }], features: ["Skill building", "Team fun", "Mentorship"] },
+        { id: "senior", badge: "5-8", price: "$180/mo", subtitle: "Focus & Performance", buttons: [{ text: "Join", href: "#contact" }], features: ["Agility drills", "Leadership training", "Coach feedback"] },
       ]}
-      title="Flexible Training Plans"
-      description="Choose a plan that fits your family's schedule."
+      title="Grade-Specific Training Plans"
+      description="Choose the plan that suits your student's stage of development."
     />
   </div>
 
@@ -262,120 +95,56 @@ export default function LandingPage() {
       textboxLayout="split"
       gridVariant="four-items-2x2-equal-grid"
       useInvertedBackground={false}
-      members={[
-        {
-          id: "c1",
-          name: "Coach Adam",
-          role: "Head Athletics",
-          description: "15+ years experience in track and field.",
-          imageSrc: "http://img.b2bpic.net/free-photo/closeup-young-bearded-man_273609-16035.jpg",
-        },
-        {
-          id: "c2",
-          name: "Coach Elena",
-          role: "Skills Developer",
-          description: "Expert in pediatric development and agility.",
-          imageSrc: "http://img.b2bpic.net/free-photo/view-soccer-players-before-show_23-2150885867.jpg",
-        },
-        {
-          id: "c3",
-          name: "Coach Marcus",
-          role: "Performance Lead",
-          description: "Former college athlete and mentor.",
-          imageSrc: "http://img.b2bpic.net/free-photo/diverse-friends-are-going-journey-they-are-planning-using-globe-bright-living-room_1157-47898.jpg",
-        },
-        {
-          id: "c4",
-          name: "Coach Sarah",
-          role: "Team Dynamics",
-          description: "Specialist in youth team collaborative sport.",
-          imageSrc: "http://img.b2bpic.net/free-photo/side-view-boy-learning-boxing_23-2150399971.jpg",
-        },
-      ]}
-      title="Expert Coaching Staff"
-      description="Mentors with years of professional athletic experience."
+      members={[]}
+      title="Meet Our Coaches"
+      description="Dedicated mentors guiding students to athletic and academic success."
     />
   </div>
 
   <div id="testimonials" data-section="testimonials">
-      <TestimonialCardTwelve
+      <TestimonialCardSixteen
+      title="Our Community Impact"
+      description="See how families and students are thriving in our programs."
+      kpiItems={[{ value: "500+", label: "Students" }, { value: "95%", label: "Retention" }, { value: "10+", label: "Years" }]}
+      animationType="slide-up"
+      textboxLayout="split"
       useInvertedBackground={false}
-      testimonials={[
-        {
-          id: "t1",
-          name: "Sarah J.",
-          imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-happy-couple-smiling_181624-21367.jpg",
-        },
-        {
-          id: "t2",
-          name: "Mark D.",
-          imageSrc: "http://img.b2bpic.net/free-photo/bright-father-with-mechanical-leg-with-daughter-beach-mid-adult-man-little-dark-haired-girl-sitting-surfboards-resting-after-training-family-leisure-active-lifestyle-concept_74855-22199.jpg",
-        },
-        {
-          id: "t3",
-          name: "Lisa T.",
-          imageSrc: "http://img.b2bpic.net/free-photo/young-father-his-little-son-giving-high-five_171337-16330.jpg",
-        },
-        {
-          id: "t4",
-          name: "Kevin L.",
-          imageSrc: "http://img.b2bpic.net/free-photo/kid-his-father-doing-sport-home_23-2148553613.jpg",
-        },
-        {
-          id: "t5",
-          name: "Elena R.",
-          imageSrc: "http://img.b2bpic.net/free-photo/low-angle-mother-daughter-running_23-2148503236.jpg",
-        },
-      ]}
-      cardTitle="Parents Trust Midnimo"
-      cardTag="Community Voices"
-      cardAnimation="slide-up"
+      testimonials={[]}
     />
   </div>
 
   <div id="faq" data-section="faq">
-      <FaqSplitText
-      useInvertedBackground={false}
+      <FaqDouble
+      title="Frequently Asked Questions"
+      description="Everything you need to know about our K-8 athletic programs."
       faqs={[
-        {
-          id: "q1",
-          title: "Who can join?",
-          content: "Our programs are open to children aged 7-14.",
-        },
-        {
-          id: "q2",
-          title: "Do I need gear?",
-          content: "We recommend athletic shoes and water, we provide the rest.",
-        },
-        {
-          id: "q3",
-          title: "Can we join anytime?",
-          content: "Yes, we have rolling enrollment throughout the season.",
-        },
+        { id: "a", title: "Is it open to all grades?", content: "Yes, we serve students from Kindergarten through 8th Grade." },
+        { id: "b", title: "What is the Somali-focus approach?", content: "We incorporate culturally responsive mentorship and inclusive community building in all our training." },
+        { id: "c", title: "Are there equipment requirements?", content: "Just athletic gear—we take care of the rest!" },
       ]}
-      sideTitle="Common Questions"
       faqsAnimation="slide-up"
+      textboxLayout="split"
+      useInvertedBackground={false}
     />
   </div>
 
   <div id="contact" data-section="contact">
-      <ContactSplit
+      <ContactCenter
+      tag="Join Us"
+      title="Register Your Athlete"
+      description="Start your student's journey today with Midnimo Athletics."
+      background={{ variant: "plain" }}
       useInvertedBackground={false}
-      background={{
-        variant: "plain",
-      }}
-      tag="Get Started"
-      title="Join the Athletics Program"
-      description="Sign up today to reserve your child's spot in our upcoming sessions."
-      imageSrc="http://img.b2bpic.net/free-photo/full-lenght-photo-young-african-sports-man-standing-with-crossed-hands_171337-9491.jpg"
-      mediaAnimation="slide-up"
     />
   </div>
 
   <div id="footer" data-section="footer">
-      <FooterCard
+      <FooterBaseCard
       logoText="Midnimo Athletics"
-      copyrightText="© 2025 Midnimo Athletics"
+      columns={[
+        { title: "Programs", items: [{ label: "K-4 Fundamentals", href: "#" }, { label: "5-8 Performance", href: "#" }] },
+        { title: "Company", items: [{ label: "About Us", href: "/about" }, { label: "Contact", href: "#contact" }] },
+      ]}
     />
   </div>
       </ReactLenis>

src/app/styles/variables.css

@@ -10,15 +10,15 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #f5f5f5;
-  --card: #ffffff;
-  --foreground: #1c1c1c;
-  --primary-cta: #1f3251;
-  --primary-cta-text: #f5f5f5;
+  --background: #fafffb;
+  --card: #f7fffa;
+  --foreground: #001a0a;
+  --primary-cta: #0a7039;
+  --primary-cta-text: #ffffff;
   --secondary-cta: #ffffff;
-  --secondary-cta-text: #1c1c1c;
-  --accent: #15479c;
-  --background-accent: #a8cce8;
+  --secondary-cta-text: #1e1b18;
+  --accent: #a8d9be;
+  --background-accent: #6bbf8e;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);