From ef09ba9be76477fd540ec7603a45a97796eff9b5 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Wed, 22 Apr 2026 21:32:11 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 210 +++++++++--------------------------------------
 1 file changed, 41 insertions(+), 169 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 3195abe..77aaa27 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -28,106 +28,51 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarLayoutFloatingInline
       navItems={[
-        {
-          name: "Shop",
-          id: "shop",
-        },
-        {
-          name: "About",
-          id: "about",
-        },
-        {
-          name: "Contact",
-          id: "contact",
-        },
+        { name: "Shop", id: "shop" },
+        { name: "About", id: "about" },
+        { name: "Contact", id: "contact" },
       ]}
       brandName="HOODBOY."
+      button={{ text: "Get Started", href: "#" }}
     />
   </div>
 
   <div id="hero" data-section="hero">
       <HeroBillboardCarousel
       background={{
-        variant: "gradient-bars",
-      }}
+        variant: "gradient-bars"}}
       title="BUILT DIFFERENT."
       description="Authentic street culture from Thessaloniki. Raw energy, uncompromising style."
       buttons={[
         {
-          text: "Shop Now",
-          href: "#shop",
-        },
+          text: "Shop Now",          href: "#shop"},
       ]}
       mediaItems={[
-        {
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CjKF33fZ0emi5Ug1prlrLWTlNT/uploaded-1776893474062-n1efusz8.jpg?_wi=1",
-          imageAlt: "Streetwear lifestyle shot",
-        },
-        {
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CjKF33fZ0emi5Ug1prlrLWTlNT/uploaded-1776893474062-2g3ripyb.png",
-          imageAlt: "Streetwear lifestyle shot",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/young-person-wearing-hoodie-mockup_23-2149246205.jpg?_wi=1",
-          imageAlt: "Streetwear lifestyle shot",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-underground-hip-hop-musician_23-2150932933.jpg?_wi=1",
-          imageAlt: "Streetwear lifestyle shot",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/cute-young-woman-outdoor_624325-2453.jpg?_wi=1",
-          imageAlt: "Streetwear lifestyle shot",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/cowboy-silhouette-against-warm-light_23-2149334101.jpg?_wi=1",
-          imageAlt: "Streetwear lifestyle shot",
-        },
+        { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CjKF33fZ0emi5Ug1prlrLWTlNT/uploaded-1776893474062-n1efusz8.jpg", imageAlt: "Streetwear lifestyle shot" },
+        { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CjKF33fZ0emi5Ug1prlrLWTlNT/uploaded-1776893474062-2g3ripyb.png", imageAlt: "Streetwear lifestyle shot" },
+        { imageSrc: "http://img.b2bpic.net/free-photo/young-person-wearing-hoodie-mockup_23-2149246205.jpg", imageAlt: "Streetwear lifestyle shot" },
+        { imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-underground-hip-hop-musician_23-2150932933.jpg", imageAlt: "Streetwear lifestyle shot" },
+        { imageSrc: "http://img.b2bpic.net/free-photo/cute-young-woman-outdoor_624325-2453.jpg", imageAlt: "Streetwear lifestyle shot" },
+        { imageSrc: "http://img.b2bpic.net/free-photo/cowboy-silhouette-against-warm-light_23-2149334101.jpg", imageAlt: "Streetwear lifestyle shot" },
       ]}
     />
   </div>
 
   <div id="features" data-section="features">
       <FeatureCardTwentyFour
+      animationType="slide-up"
       textboxLayout="split"
       useInvertedBackground={false}
       features={[
         {
-          id: "f1",
-          title: "RAW ENERGY",
-          author: "HOODBOY",
-          description: "Unpolished aesthetic for the real ones.",
-          tags: [
-            "street",
-            "raw",
-          ],
-          imageSrc: "http://img.b2bpic.net/free-photo/young-person-wearing-hoodie-mockup_23-2149246205.jpg?_wi=2",
-          imageAlt: "Raw style",
-        },
+          id: "f1",          title: "RAW ENERGY",          author: "HOODBOY",          description: "Unpolished aesthetic for the real ones.",          tags: ["street", "raw"],
+          imageSrc: "http://img.b2bpic.net/free-photo/young-person-wearing-hoodie-mockup_23-2149246205.jpg",          imageAlt: "Raw style"},
         {
-          id: "f2",
-          title: "AUTHENTIC ROOTS",
-          author: "HOODBOY",
-          description: "Born in Thessaloniki, built for the world.",
-          tags: [
-            "authentic",
-            "roots",
-          ],
-          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-underground-hip-hop-musician_23-2150932933.jpg?_wi=2",
-          imageAlt: "Authentic",
-        },
+          id: "f2",          title: "AUTHENTIC ROOTS",          author: "HOODBOY",          description: "Born in Thessaloniki, built for the world.",          tags: ["authentic", "roots"],
+          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-underground-hip-hop-musician_23-2150932933.jpg",          imageAlt: "Authentic"},
         {
-          id: "f3",
-          title: "STREET CULTURE",
-          author: "HOODBOY",
-          description: "Not just clothes, a movement.",
-          tags: [
-            "culture",
-            "movement",
-          ],
-          imageSrc: "http://img.b2bpic.net/free-photo/cute-young-woman-outdoor_624325-2453.jpg?_wi=2",
-          imageAlt: "Culture",
-        },
+          id: "f3",          title: "STREET CULTURE",          author: "HOODBOY",          description: "Not just clothes, a movement.",          tags: ["culture", "movement"],
+          imageSrc: "http://img.b2bpic.net/free-photo/cute-young-woman-outdoor_624325-2453.jpg",          imageAlt: "Culture"},
       ]}
       title="THE ESSENCE"
       description="Why we do what we do."
@@ -142,47 +87,17 @@ export default function LandingPage() {
       useInvertedBackground={false}
       products={[
         {
-          id: "p1",
-          name: "Tag Hoodie",
-          price: "€59.90",
-          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-young-man-sitting-chair_23-2149359874.jpg",
-          imageAlt: "Hoodie",
-        },
+          id: "p1",          name: "Tag Hoodie",          price: "€59.90",          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-young-man-sitting-chair_23-2149359874.jpg",          imageAlt: "Hoodie"},
         {
-          id: "p2",
-          name: "Logo Tee",
-          price: "€29.90",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=irv1ag",
-          imageAlt: "Tee",
-        },
+          id: "p2",          name: "Logo Tee",          price: "€29.90",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=irv1ag",          imageAlt: "Tee"},
         {
-          id: "p3",
-          name: "Puffer Jacket",
-          price: "€99.90",
-          imageSrc: "http://img.b2bpic.net/free-photo/romantic-couple-city-night_23-2149215118.jpg",
-          imageAlt: "Jacket",
-        },
+          id: "p3",          name: "Puffer Jacket",          price: "€99.90",          imageSrc: "http://img.b2bpic.net/free-photo/romantic-couple-city-night_23-2149215118.jpg",          imageAlt: "Jacket"},
         {
-          id: "p4",
-          name: "Cargo Pants",
-          price: "€64.90",
-          imageSrc: "http://img.b2bpic.net/free-photo/cowboy-silhouette-against-warm-light_23-2149334101.jpg?_wi=2",
-          imageAlt: "Pants",
-        },
+          id: "p4",          name: "Cargo Pants",          price: "€64.90",          imageSrc: "http://img.b2bpic.net/free-photo/cowboy-silhouette-against-warm-light_23-2149334101.jpg",          imageAlt: "Pants"},
         {
-          id: "p5",
-          name: "Beanie",
-          price: "€19.90",
-          imageSrc: "http://img.b2bpic.net/free-photo/woman-put-up-collar-her-wool-grey-cardigan_633478-2602.jpg",
-          imageAlt: "Beanie",
-        },
+          id: "p5",          name: "Beanie",          price: "€19.90",          imageSrc: "http://img.b2bpic.net/free-photo/woman-put-up-collar-her-wool-grey-cardigan_633478-2602.jpg",          imageAlt: "Beanie"},
         {
-          id: "p6",
-          name: "Cap",
-          price: "€24.90",
-          imageSrc: "http://img.b2bpic.net/free-photo/skater-wearing-trucker-hat_23-2149431181.jpg",
-          imageAlt: "Cap",
-        },
+          id: "p6",          name: "Cap",          price: "€24.90",          imageSrc: "http://img.b2bpic.net/free-photo/skater-wearing-trucker-hat_23-2149431181.jpg",          imageAlt: "Cap"},
       ]}
       title="LATEST DROP"
       description="Cop the latest essentials."
@@ -191,44 +106,20 @@ export default function LandingPage() {
 
   <div id="testimonials" data-section="testimonials">
       <TestimonialCardTwo
+      animationType="slide-up"
       textboxLayout="default"
       useInvertedBackground={false}
       testimonials={[
         {
-          id: "t1",
-          name: "Alex K.",
-          role: "Collector",
-          testimonial: "The raw energy is unmatched.",
-          imageSrc: "http://img.b2bpic.net/free-photo/teenage-girl-lifestyle-concept_23-2148093997.jpg",
-        },
+          id: "t1",          name: "Alex K.",          role: "Collector",          testimonial: "The raw energy is unmatched.",          imageSrc: "http://img.b2bpic.net/free-photo/teenage-girl-lifestyle-concept_23-2148093997.jpg"},
         {
-          id: "t2",
-          name: "Maria S.",
-          role: "Stylist",
-          testimonial: "Hoodboy defines the current scene.",
-          imageSrc: "http://img.b2bpic.net/free-photo/young-hipster-blonde-girl-casual-clothes-sunglasses-sitting-steps-against-skyscraper-resting-after-riding-skateboard_613910-6605.jpg",
-        },
+          id: "t2",          name: "Maria S.",          role: "Stylist",          testimonial: "Hoodboy defines the current scene.",          imageSrc: "http://img.b2bpic.net/free-photo/young-hipster-blonde-girl-casual-clothes-sunglasses-sitting-steps-against-skyscraper-resting-after-riding-skateboard_613910-6605.jpg"},
         {
-          id: "t3",
-          name: "John D.",
-          role: "Street Artist",
-          testimonial: "Real designs, real people.",
-          imageSrc: "http://img.b2bpic.net/free-photo/cheerful-woman-using-instant-camera_53876-40579.jpg",
-        },
+          id: "t3",          name: "John D.",          role: "Street Artist",          testimonial: "Real designs, real people.",          imageSrc: "http://img.b2bpic.net/free-photo/cheerful-woman-using-instant-camera_53876-40579.jpg"},
         {
-          id: "t4",
-          name: "Lena M.",
-          role: "Fan",
-          testimonial: "Staple pieces for every wardrobe.",
-          imageSrc: "http://img.b2bpic.net/free-photo/woman-outdoors-with-flowers-grocery-bags_23-2148781482.jpg",
-        },
+          id: "t4",          name: "Lena M.",          role: "Fan",          testimonial: "Staple pieces for every wardrobe.",          imageSrc: "http://img.b2bpic.net/free-photo/woman-outdoors-with-flowers-grocery-bags_23-2148781482.jpg"},
         {
-          id: "t5",
-          name: "Chris B.",
-          role: "Creative",
-          testimonial: "Uncompromised streetwear quality.",
-          imageSrc: "http://img.b2bpic.net/free-photo/handsome-stylish-man-wearing-denim-jacket-posing-stairs-outside-looking-camera_613910-17923.jpg",
-        },
+          id: "t5",          name: "Chris B.",          role: "Creative",          testimonial: "Uncompromised streetwear quality.",          imageSrc: "http://img.b2bpic.net/free-photo/handsome-stylish-man-wearing-denim-jacket-posing-stairs-outside-looking-camera_613910-17923.jpg"},
       ]}
       title="COMMUNITY"
       description="See what the streets are saying."
@@ -240,20 +131,11 @@ export default function LandingPage() {
       useInvertedBackground={false}
       faqs={[
         {
-          id: "faq1",
-          title: "Shipping time?",
-          content: "3-5 business days.",
-        },
+          id: "faq1",          title: "Shipping time?",          content: "3-5 business days."},
         {
-          id: "faq2",
-          title: "Returns?",
-          content: "14 days no questions asked.",
-        },
+          id: "faq2",          title: "Returns?",          content: "14 days no questions asked."},
         {
-          id: "faq3",
-          title: "Quality?",
-          content: "Premium materials only.",
-        },
+          id: "faq3",          title: "Quality?",          content: "Premium materials only."},
       ]}
       sideTitle="NEED HELP?"
       sideDescription="Ask us anything."
@@ -263,33 +145,23 @@ export default function LandingPage() {
 
   <div id="footer" data-section="footer">
       <FooterMedia
-      imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CjKF33fZ0emi5Ug1prlrLWTlNT/uploaded-1776893474062-n1efusz8.jpg?_wi=2"
+      imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CjKF33fZ0emi5Ug1prlrLWTlNT/uploaded-1776893474062-n1efusz8.jpg"
       logoText="HOODBOY."
       columns={[
         {
-          title: "Quick Links",
-          items: [
+          title: "Quick Links",          items: [
             {
-              label: "Shop",
-              href: "#shop",
-            },
+              label: "Shop",              href: "#shop"},
             {
-              label: "About",
-              href: "#about",
-            },
+              label: "About",              href: "#about"},
           ],
         },
         {
-          title: "Support",
-          items: [
+          title: "Support",          items: [
             {
-              label: "Contact",
-              href: "#contact",
-            },
+              label: "Contact",              href: "#contact"},
             {
-              label: "FAQ",
-              href: "#faq",
-            },
+              label: "FAQ",              href: "#faq"},
           ],
         },
       ]}
-- 
2.49.1