Update src/app/page.tsx

Merge version_1 into main

src/app/page.tsx

@@ -4,11 +4,12 @@ import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
 import ContactSplit from '@/components/sections/contact/ContactSplit';
 import FooterBase from '@/components/sections/footer/FooterBase';
-import HeroSplit from '@/components/sections/hero/HeroSplit';
-import MediaAbout from '@/components/sections/about/MediaAbout';
-import MetricCardEleven from '@/components/sections/metrics/MetricCardEleven';
+import HeroBillboardScroll from '@/components/sections/hero/HeroBillboardScroll';
+import AboutMetric from '@/components/sections/about/AboutMetric';
+import MetricCardSeven from '@/components/sections/metrics/MetricCardSeven';
 import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
-import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
+import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
+import { Users, Target, Zap, Award, BookOpenText } from "lucide-react";
 
 export default function LandingPage() {
   return (
@@ -28,215 +29,78 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarLayoutFloatingOverlay
       navItems={[
-        {
-          name: "Home",
-          id: "hero",
-        },
-        {
-          name: "Journey",
-          id: "about",
-        },
-        {
-          name: "Stats",
-          id: "metrics",
-        },
-        {
-          name: "Testimonials",
-          id: "testimonials",
-        },
-        {
-          name: "Contact",
-          id: "contact",
-        },
+        { name: "Home", id: "hero" },
+        { name: "Journey", id: "about" },
+        { name: "Stats", id: "metrics" },
+        { name: "Testimonials", id: "testimonials" },
+        { name: "Contact", id: "contact" },
       ]}
       brandName="BENETT STIRTZ"
     />
   </div>
 
   <div id="hero" data-section="hero">
-      <HeroSplit
-      background={{
-        variant: "rotated-rays-static",
-      }}
+      <HeroBillboardScroll
+      background={{ variant: "sparkles-gradient" }}
       title="UNSTOPPABLE. ELEVATED."
       description="Benett Stirtz isn’t just a name—it’s a presence. Experience the fusion of precision, discipline, and raw athleticism rising out of Iowa."
-      buttons={[
-        {
-          text: "Watch the Rise",
-          href: "#about",
-        },
-      ]}
-      imageSrc="http://img.b2bpic.net/free-photo/blurred-nightlights-city_23-2149049650.jpg"
-      imageAlt="Benett Stirtz in action"
-      mediaAnimation="blur-reveal"
-      avatars={[
-        {
-          src: "http://img.b2bpic.net/free-photo/close-up-smiley-man-posing_23-2148747394.jpg",
-          alt: "Scout",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/smiling-portrait-male-athlete-race-track-stadium_23-2148162198.jpg",
-          alt: "Teammate",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/young-sports-man-happy-expression_1194-1586.jpg",
-          alt: "Coach",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/fencing_654080-2272.jpg",
-          alt: "Manager",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/serous-mid-adult-male-athlete-putting-earphones_1262-5583.jpg",
-          alt: "Athlete",
-        },
-      ]}
-      marqueeItems={[
-        {
-          type: "text",
-          text: "PRECISION",
-        },
-        {
-          type: "text",
-          text: "INTENSITY",
-        },
-        {
-          type: "text",
-          text: "ELITE PERFORMANCE",
-        },
-        {
-          type: "text",
-          text: "IOWA BORN",
-        },
-        {
-          type: "text",
-          text: "UNSTOPPABLE",
-        },
-      ]}
+      buttons={[{ text: "Watch the Rise", href: "#about" }]}
+      imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BidN79lTY6yAwtwGRjZWTmcXmo/uploaded-1774976928264-q8i7z6hq.webp"
     />
   </div>
 
   <div id="about" data-section="about">
-      <MediaAbout
-      useInvertedBackground={false}
+      <AboutMetric
       title="The Evolution of Grit"
-      description="Every frame tells a story of hunger and evolution. Benett represents the next chapter of Iowa basketball, built on relentless work ethic and a vision for the future."
-      imageSrc="http://img.b2bpic.net/free-photo/serous-mid-adult-male-athlete-putting-earphones_1262-5583.jpg"
-      imageAlt="Benett Stirtz portrait"
+      metrics={[
+        { icon: Zap, label: "Intensity", value: "100%" },
+        { icon: Target, label: "Precision", value: "Elite" },
+        { icon: Award, label: "Performance", value: "Rising" },
+      ]}
+      metricsAnimation="slide-up"
+      useInvertedBackground={false}
     />
   </div>
 
   <div id="metrics" data-section="metrics">
-      <MetricCardEleven
+      <MetricCardSeven
       animationType="slide-up"
+      title="Defining Moments"
+      description="Precision performance stats that define the standard."
       textboxLayout="split"
       useInvertedBackground={false}
       metrics={[
-        {
-          id: "m1",
-          value: "24.5",
-          title: "PPG",
-          description: "Average points per game.",
-          imageSrc: "http://img.b2bpic.net/free-photo/disabled-female-athlete-competing-official-paralympic-games_23-2151586429.jpg",
-        },
-        {
-          id: "m2",
-          value: "8.2",
-          title: "REB",
-          description: "Consistent presence on the boards.",
-          imageSrc: "http://img.b2bpic.net/free-photo/business-colleagues-banner-concept-with-copy-space_23-2149601492.jpg",
-        },
-        {
-          id: "m3",
-          value: "6.1",
-          title: "AST",
-          description: "High IQ court vision.",
-          imageSrc: "http://img.b2bpic.net/free-vector/medical-infographic-with-photo_23-2148458697.jpg",
-        },
+        { id: "m1", value: "19.8", title: "PPG", items: ["Consistent scoring", "Efficiency focused"] },
+        { id: "m2", value: "2.6 ", title: "REB", items: ["Dominant boards", "Aggressive positioning"] },
+        { id: "m3", value: "4.4 ", title: "AST", items: ["High basketball IQ", "Court vision"] },
       ]}
-      title="Defining Moments"
-      description="Precision performance stats that define the standard."
     />
   </div>
 
   <div id="testimonials" data-section="testimonials">
-      <TestimonialCardSixteen
+      <TestimonialCardThirteen
+      title="What They See"
+      description="Hear from the voices surrounding the rise."
+      showRating={true}
       animationType="slide-up"
       textboxLayout="split"
       useInvertedBackground={false}
       testimonials={[
-        {
-          id: "1",
-          name: "Alex Rivers",
-          role: "Head Scout",
-          company: "National Pro-Track",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-smiley-man-posing_23-2148747394.jpg?_wi=1",
-        },
-        {
-          id: "2",
-          name: "Jordan Smith",
-          role: "Teammate",
-          company: "Iowa Varsity",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/smiling-portrait-male-athlete-race-track-stadium_23-2148162198.jpg",
-        },
-        {
-          id: "3",
-          name: "Marcus Thorne",
-          role: "Coach",
-          company: "Elite Academy",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/young-sports-man-happy-expression_1194-1586.jpg",
-        },
-        {
-          id: "4",
-          name: "Elena Vance",
-          role: "Brand Dir",
-          company: "Future Stars",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/fencing_654080-2272.jpg",
-        },
-        {
-          id: "5",
-          name: "David Wu",
-          role: "Journalist",
-          company: "Sports Weekly",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-smiley-man-posing_23-2148747394.jpg?_wi=2",
-        },
+        { id: "1", name: "Alex Rivers", handle: "@scout_alex", testimonial: "The most focused athlete I've seen in a decade.", rating: 5, icon: Users },
+        { id: "2", name: "Jordan Smith", handle: "@teammate_js", testimonial: "Benett pushes everyone to be better everyday.", rating: 5, icon: Zap },
+        { id: "3", name: "Marcus Thorne", handle: "@coach_mt", testimonial: "Tactical perfection.", rating: 5, icon: BookOpenText },
       ]}
-      kpiItems={[
-        {
-          value: "15+",
-          label: "Recruitment Offers",
-        },
-        {
-          value: "100%",
-          label: "Work Ethic",
-        },
-        {
-          value: "99",
-          label: "Basketball IQ",
-        },
-      ]}
-      title="What They See"
-      description="Hear from the voices surrounding the rise."
     />
   </div>
 
   <div id="contact" data-section="contact">
       <ContactSplit
       useInvertedBackground={false}
-      background={{
-        variant: "plain",
-      }}
+      background={{ variant: "plain" }}
       tag="Connect"
       title="Join the Journey"
       description="Recruiters, brands, and fans—get in touch to follow the rise of Benett Stirtz."
       imageSrc="http://img.b2bpic.net/free-photo/black-man-doing-sports-playing-basketball-sunrise-silhouette_285396-1455.jpg"
-      imageAlt="Court photography"
-      mediaAnimation="opacity"
     />
   </div>
 
@@ -244,33 +108,16 @@ export default function LandingPage() {
       <FooterBase
       columns={[
         {
-          title: "Connect",
-          items: [
-            {
-              label: "Instagram",
-              href: "#",
-            },
-            {
-              label: "Twitter",
-              href: "#",
-            },
-            {
-              label: "Media Inquiries",
-              href: "#",
-            },
+          title: "Connect",          items: [
+            { label: "Instagram", href: "#" },
+            { label: "Twitter", href: "#" },
+            { label: "Media Inquiries", href: "#" },
           ],
         },
         {
-          title: "Legal",
-          items: [
-            {
-              label: "Privacy Policy",
-              href: "#",
-            },
-            {
-              label: "Terms of Use",
-              href: "#",
-            },
+          title: "Legal",          items: [
+            { label: "Privacy Policy", href: "#" },
+            { label: "Terms of Use", href: "#" },
           ],
         },
       ]}
@@ -281,4 +128,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}