Update src/app/page.tsx

Merge version_1 into main

src/app/page.tsx

@@ -2,7 +2,7 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarLayoutFloatingOverlay from "@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay";
-import HeroLogoBillboard from "@/components/sections/hero/HeroLogoBillboard";
+import HeroOverlay from "@/components/sections/hero/HeroOverlay";
 import ProductCardFour from "@/components/sections/product/ProductCardFour";
 import TextSplitAbout from "@/components/sections/about/TextSplitAbout";
 import MetricCardSeven from "@/components/sections/metrics/MetricCardSeven";
@@ -34,23 +34,27 @@ export default function LandingPage() {
             { name: "About", id: "about" },
           ]}
           button={{
-            text: "Shop Collection",            href: "#products"}}
+            text: "Shop Collection",            href: "#products"
+          }}
         />
       </div>
 
       <div id="hero" data-section="hero">
-        <HeroLogoBillboard
+        <HeroOverlay
-          logoText="UNBRKABLE"
+          title="UNBRKABLE"
           description="No Matter What."
           buttons={[
             {
-              text: "Shop Collection",              href: "#products"},
+              text: "Shop Collection",              href: "#products"
+            },
           ]}
-          background={{ variant: "plain" }}
           imageSrc="http://img.b2bpic.net/free-photo/low-angle-view-muscular-build-man-doing-deadlift-while-exercising-with-barbell-gym_637285-2489.jpg?_wi=1"
           imageAlt="Athlete training with discipline and power"
-          mediaAnimation="opacity"
+          videoSrc=""
-          frameStyle="card"
+          videoAriaLabel="Hero video"
+          textPosition="bottom-left"
+          showBlur={true}
+          showDimOverlay={false}
           buttonAnimation="slide-up"
         />
       </div>
@@ -85,7 +89,8 @@ export default function LandingPage() {
         <TextSplitAbout
           title="For The Disciplined"
           description={[
-            "For those rebuilding themselves.",            "For those chasing purpose.",            "For those who refuse to quit."]}
+            "For those rebuilding themselves.",            "For those chasing purpose.",            "For those who refuse to quit."
+          ]}
           useInvertedBackground={false}
           showBorder={true}
         />
@@ -121,13 +126,17 @@ export default function LandingPage() {
           description="A movement of people committed to transformation."
           testimonials={[
             {
-              id: "1",              name: "Alex Rivera",              role: "Transformed 60 days",              testimonial: "UNBRKABLE isn't just apparel—it's a commitment to yourself.",              imageSrc: "http://img.b2bpic.net/free-photo/sports-group-standing-gum_1157-32139.jpg?_wi=1",              imageAlt: "Community member transformation"},
+              id: "1",              name: "Alex Rivera",              role: "Transformed 60 days",              testimonial: "UNBRKABLE isn't just apparel—it's a commitment to yourself.",              imageSrc: "http://img.b2bpic.net/free-photo/sports-group-standing-gum_1157-32139.jpg?_wi=1",              imageAlt: "Community member transformation"
+            },
             {
-              id: "2",              name: "Jordan Cole",              role: "Challenge Winner",              testimonial: "The quality and mindset behind this brand changed my entire approach to fitness.",              imageSrc: "http://img.b2bpic.net/free-photo/beautiful-fitness-couple-posing-studio_613910-15420.jpg?_wi=1",              imageAlt: "Challenge winner athlete"},
+              id: "2",              name: "Jordan Cole",              role: "Challenge Winner",              testimonial: "The quality and mindset behind this brand changed my entire approach to fitness.",              imageSrc: "http://img.b2bpic.net/free-photo/beautiful-fitness-couple-posing-studio_613910-15420.jpg?_wi=1",              imageAlt: "Challenge winner athlete"
+            },
             {
-              id: "3",              name: "Morgan Blake",              role: "Regular Member",              testimonial: "Wearing UNBRKABLE reminds me daily that I'm capable of more than I think.",              imageSrc: "http://img.b2bpic.net/free-photo/sports-group-standing-gum_1157-32139.jpg?_wi=2",              imageAlt: "Community athlete training"},
+              id: "3",              name: "Morgan Blake",              role: "Regular Member",              testimonial: "Wearing UNBRKABLE reminds me daily that I'm capable of more than I think.",              imageSrc: "http://img.b2bpic.net/free-photo/sports-group-standing-gum_1157-32139.jpg?_wi=2",              imageAlt: "Community athlete training"
+            },
             {
-              id: "4",              name: "Casey Stone",              role: "Transformation Journey",              testimonial: "This is the gear I trust when I'm pushing my limits.",              imageSrc: "http://img.b2bpic.net/free-photo/beautiful-fitness-couple-posing-studio_613910-15420.jpg?_wi=2",              imageAlt: "Athlete in transformation"},
+              id: "4",              name: "Casey Stone",              role: "Transformation Journey",              testimonial: "This is the gear I trust when I'm pushing my limits.",              imageSrc: "http://img.b2bpic.net/free-photo/beautiful-fitness-couple-posing-studio_613910-15420.jpg?_wi=2",              imageAlt: "Athlete in transformation"
+            },
           ]}
           animationType="slide-up"
           textboxLayout="default"
@@ -161,9 +170,11 @@ export default function LandingPage() {
         <FooterLogoReveal
           logoText="UNBRKABLE"
           leftLink={{
-            text: "Privacy Policy",            href: "#"}}
+            text: "Privacy Policy",            href: "#"
+          }}
           rightLink={{
-            text: "Terms of Service",            href: "#"}}
+            text: "Terms of Service",            href: "#"
+          }}
         />
       </div>
     </ThemeProvider>