Merge version_2 into main

Merge version_2 into main

src/app/about/page.tsx

@@ -3,11 +3,11 @@
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
 import FooterCard from '@/components/sections/footer/FooterCard';
-import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
+import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
 import TeamCardTwo from '@/components/sections/team/TeamCardTwo';
 import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
 
-export default function LandingPage() {
+export default function AboutPage() {
   return (
     <ThemeProvider
         defaultButtonVariant="text-stagger"
@@ -23,24 +23,12 @@ export default function LandingPage() {
     >
       <ReactLenis root>
   <div id="nav" data-section="nav">
-      <NavbarStyleFullscreen
+      <NavbarStyleCentered
       navItems={[
-        {
-          name: "Home",
-          id: "/",
-        },
-        {
-          name: "Shop",
-          id: "/shop",
-        },
-        {
-          name: "Register",
-          id: "/register",
-        },
-        {
-          name: "About",
-          id: "/about",
-        },
+        { name: "Home", id: "/" },
+        { name: "Shop", id: "/shop" },
+        { name: "Register", id: "/register" },
+        { name: "About", id: "/about" },
       ]}
       brandName="NextGen SP"
     />
@@ -51,9 +39,7 @@ export default function LandingPage() {
       useInvertedBackground={false}
       title="Our Story"
       description={[
-        "Founded in Centurion, we saw a gap for a faith-driven soccer environment.",
-        "NextGen SP was born to bridge professional coaching with community values.",
-      ]}
+        "Founded in Centurion, we saw a gap for a faith-driven soccer environment.",        "NextGen SP was born to bridge professional coaching with community values."]}
     />
   </div>
 
@@ -67,19 +53,9 @@ export default function LandingPage() {
       description="Dedicated leaders serving the community."
       members={[
         {
-          id: "m1",
-          name: "John Doe",
-          role: "Director",
-          description: "Passionate about youth mentorship.",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BecCjvhDpYWzoIT1tFDAH5uDyt/a-high-energy-cinematic-shot-of-diverse--1774852893585-b34e0b33.png?_wi=4",
-        },
+          id: "m1",          name: "John Doe",          role: "Director",          description: "Passionate about youth mentorship.",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BecCjvhDpYWzoIT1tFDAH5uDyt/a-high-energy-cinematic-shot-of-diverse--1774852893585-b34e0b33.png?_wi=4"},
         {
-          id: "m2",
-          name: "Jane Smith",
-          role: "Head Coach",
-          description: "Former pro player with years of experience.",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BecCjvhDpYWzoIT1tFDAH5uDyt/a-high-energy-cinematic-shot-of-diverse--1774852893585-b34e0b33.png?_wi=5",
-        },
+          id: "m2",          name: "Jane Smith",          role: "Head Coach",          description: "Former pro player with years of experience.",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BecCjvhDpYWzoIT1tFDAH5uDyt/a-high-energy-cinematic-shot-of-diverse--1774852893585-b34e0b33.png?_wi=5"},
       ]}
     />
   </div>

src/app/page.tsx

@@ -7,7 +7,7 @@ import FeatureHoverPattern from '@/components/sections/feature/featureHoverPatte
 import FooterCard from '@/components/sections/footer/FooterCard';
 import HeroLogoBillboardSplit from '@/components/sections/hero/HeroLogoBillboardSplit';
 import MetricCardFourteen from '@/components/sections/metrics/MetricCardFourteen';
-import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
+import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
 import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
 import { Heart, Trophy, Users } from "lucide-react";
 
@@ -27,24 +27,12 @@ export default function LandingPage() {
     >
       <ReactLenis root>
   <div id="nav" data-section="nav">
-      <NavbarStyleFullscreen
+      <NavbarStyleCentered
       navItems={[
-        {
-          name: "Home",
-          id: "/",
-        },
-        {
-          name: "Shop",
-          id: "/shop",
-        },
-        {
-          name: "Register",
-          id: "/register",
-        },
-        {
-          name: "About",
-          id: "/about",
-        },
+        { name: "Home", id: "/" },
+        { name: "Shop", id: "/shop" },
+        { name: "Register", id: "/register" },
+        { name: "About", id: "/about" },
       ]}
       brandName="NextGen SP"
     />
@@ -53,19 +41,14 @@ export default function LandingPage() {
   <div id="home-hero" data-section="home-hero">
       <HeroLogoBillboardSplit
       background={{
-        variant: "radial-gradient",
-      }}
+        variant: "radial-gradient"}}
       logoText="NextGen Soccer Project"
       description="Built on faith, driven by purpose. We develop excellence on and off the pitch in Centurion."
       buttons={[
         {
-          text: "Shop Merch",
-          href: "/shop",
-        },
+          text: "Shop Merch",          href: "/shop"},
         {
-          text: "Register Now",
-          href: "/register",
-        },
+          text: "Register Now",          href: "/register"},
       ]}
       layoutOrder="default"
       imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BecCjvhDpYWzoIT1tFDAH5uDyt/a-high-energy-cinematic-shot-of-diverse--1774852893585-b34e0b33.png?_wi=1"
@@ -84,19 +67,13 @@ export default function LandingPage() {
       features={[
         {
           icon: Users,
-          title: "Mentorship",
-          description: "Guided by experienced coaches who care about your growth.",
-        },
+          title: "Mentorship",          description: "Guided by experienced coaches who care about your growth."},
         {
           icon: Trophy,
-          title: "Technical Excellence",
-          description: "Advanced training modules to master the beautiful game.",
-        },
+          title: "Technical Excellence",          description: "Advanced training modules to master the beautiful game."},
         {
           icon: Heart,
-          title: "Community",
-          description: "Building friendships that last a lifetime.",
-        },
+          title: "Community",          description: "Building friendships that last a lifetime."},
       ]}
     />
   </div>
@@ -109,21 +86,9 @@ export default function LandingPage() {
       description="Hear what our players and parents have to say about the NextGen journey."
       testimonials={[
         {
-          id: "t1",
-          title: "Great Experience",
-          quote: "The focus on character development is unmatched.",
-          name: "Sarah M.",
-          role: "Parent",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BecCjvhDpYWzoIT1tFDAH5uDyt/a-high-energy-cinematic-shot-of-diverse--1774852893585-b34e0b33.png?_wi=2",
-        },
+          id: "t1",          title: "Great Experience",          quote: "The focus on character development is unmatched.",          name: "Sarah M.",          role: "Parent",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BecCjvhDpYWzoIT1tFDAH5uDyt/a-high-energy-cinematic-shot-of-diverse--1774852893585-b34e0b33.png?_wi=2"},
         {
-          id: "t2",
-          title: "Life Changing",
-          quote: "I've become a better player and a better person here.",
-          name: "Thabo L.",
-          role: "Player",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BecCjvhDpYWzoIT1tFDAH5uDyt/a-high-energy-cinematic-shot-of-diverse--1774852893585-b34e0b33.png?_wi=3",
-        },
+          id: "t2",          title: "Life Changing",          quote: "I've become a better player and a better person here.",          name: "Thabo L.",          role: "Player",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BecCjvhDpYWzoIT1tFDAH5uDyt/a-high-energy-cinematic-shot-of-diverse--1774852893585-b34e0b33.png?_wi=3"},
       ]}
     />
   </div>
@@ -135,20 +100,11 @@ export default function LandingPage() {
       tag="Growing Community"
       metrics={[
         {
-          id: "m1",
-          value: "150+",
-          description: "Active Players",
-        },
+          id: "m1",          value: "150+",          description: "Active Players"},
         {
-          id: "m2",
-          value: "10+",
-          description: "Coaches",
-        },
+          id: "m2",          value: "10+",          description: "Coaches"},
         {
-          id: "m3",
-          value: "100%",
-          description: "Faith-based",
-        },
+          id: "m3",          value: "100%",          description: "Faith-based"},
       ]}
       metricsAnimation="slide-up"
     />
@@ -158,8 +114,7 @@ export default function LandingPage() {
       <ContactCenter
       useInvertedBackground={false}
       background={{
-        variant: "plain",
-      }}
+        variant: "plain"}}
       title="Stay Connected"
       tag="Newsletter"
       description="Get the latest updates and tournament schedules directly to your inbox."

src/app/register/page.tsx

@@ -4,10 +4,10 @@ import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
 import FaqDouble from '@/components/sections/faq/FaqDouble';
 import FooterCard from '@/components/sections/footer/FooterCard';
-import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
+import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
 import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
 
-export default function LandingPage() {
+export default function RegisterPage() {
   return (
     <ThemeProvider
         defaultButtonVariant="text-stagger"
@@ -23,24 +23,12 @@ export default function LandingPage() {
     >
       <ReactLenis root>
   <div id="nav" data-section="nav">
-      <NavbarStyleFullscreen
+      <NavbarStyleCentered
       navItems={[
-        {
-          name: "Home",
-          id: "/",
-        },
-        {
-          name: "Shop",
-          id: "/shop",
-        },
-        {
-          name: "Register",
-          id: "/register",
-        },
-        {
-          name: "About",
-          id: "/about",
-        },
+        { name: "Home", id: "/" },
+        { name: "Shop", id: "/shop" },
+        { name: "Register", id: "/register" },
+        { name: "About", id: "/about" },
       ]}
       brandName="NextGen SP"
     />
@@ -51,14 +39,10 @@ export default function LandingPage() {
       useInvertedBackground={false}
       title="Join the Family"
       description={[
-        "Registration is open to youth of all skill levels.",
-        "We prioritize development, sportsmanship, and faith.",
-      ]}
+        "Registration is open to youth of all skill levels.",        "We prioritize development, sportsmanship, and faith."]}
       buttons={[
         {
-          text: "Sign Up",
-          href: "/register",
-        },
+          text: "Sign Up",          href: "/register"},
       ]}
     />
   </div>
@@ -71,15 +55,9 @@ export default function LandingPage() {
       description="Everything you need to know about joining."
       faqs={[
         {
-          id: "f1",
-          title: "Who can join?",
-          content: "All youth aged 6-18 are welcome.",
-        },
+          id: "f1",          title: "Who can join?",          content: "All youth aged 6-18 are welcome."},
         {
-          id: "f2",
-          title: "What is the cost?",
-          content: "We offer tiered pricing based on family needs.",
-        },
+          id: "f2",          title: "What is the cost?",          content: "We offer tiered pricing based on family needs."},
       ]}
       faqsAnimation="slide-up"
     />

src/app/shop/page.tsx

@@ -4,10 +4,10 @@ import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
 import FooterCard from '@/components/sections/footer/FooterCard';
 import HeroOverlay from '@/components/sections/hero/HeroOverlay';
-import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
+import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
 import ProductCardFour from '@/components/sections/product/ProductCardFour';
 
-export default function LandingPage() {
+export default function ShopPage() {
   return (
     <ThemeProvider
         defaultButtonVariant="text-stagger"
@@ -23,24 +23,12 @@ export default function LandingPage() {
     >
       <ReactLenis root>
   <div id="nav" data-section="nav">
-      <NavbarStyleFullscreen
+      <NavbarStyleCentered
       navItems={[
-        {
-          name: "Home",
-          id: "/",
-        },
-        {
-          name: "Shop",
-          id: "/shop",
-        },
-        {
-          name: "Register",
-          id: "/register",
-        },
-        {
-          name: "About",
-          id: "/about",
-        },
+        { name: "Home", id: "/" },
+        { name: "Shop", id: "/shop" },
+        { name: "Register", id: "/register" },
+        { name: "About", id: "/about" },
       ]}
       brandName="NextGen SP"
     />
@@ -54,34 +42,17 @@ export default function LandingPage() {
       useInvertedBackground={false}
       products={[
         {
-          id: "p1",
-          name: "Saved by Grace Tee",
-          price: "R200",
-          variant: "Black/White",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BecCjvhDpYWzoIT1tFDAH5uDyt/a-high-quality-studio-photography-shot-o-1774852892085-0e482bb6.png?_wi=1",
-        },
+          id: "p1",          name: "Saved by Grace Tee",          price: "R200",          variant: "Black/White",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BecCjvhDpYWzoIT1tFDAH5uDyt/a-high-quality-studio-photography-shot-o-1774852892085-0e482bb6.png?_wi=1"},
         {
-          id: "p2",
-          name: "Faith Over Fear Tee",
-          price: "R200",
-          variant: "Black/White",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BecCjvhDpYWzoIT1tFDAH5uDyt/a-high-quality-studio-photography-shot-o-1774852893809-950c3d1d.png",
-        },
+          id: "p2",          name: "Faith Over Fear Tee",          price: "R200",          variant: "Black/White",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BecCjvhDpYWzoIT1tFDAH5uDyt/a-high-quality-studio-photography-shot-o-1774852893809-950c3d1d.png"},
         {
-          id: "p3",
-          name: "Faith Cross Cap",
-          price: "R150",
-          variant: "One Size",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BecCjvhDpYWzoIT1tFDAH5uDyt/a-high-quality-studio-photography-shot-o-1774852893464-d60caf4a.png",
-        },
+          id: "p3",          name: "Faith Cross Cap",          price: "R150",          variant: "One Size",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BecCjvhDpYWzoIT1tFDAH5uDyt/a-high-quality-studio-photography-shot-o-1774852893464-d60caf4a.png"},
       ]}
       title="Support the NextGen SP"
       description="Look great while representing our mission."
       buttons={[
         {
-          text: "Order via WhatsApp",
-          href: "https://wa.me/27738558483",
-        },
+          text: "Order via WhatsApp",          href: "https://wa.me/27738558483"},
       ]}
     />
   </div>