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

---
 src/app/page.tsx | 287 ++++++++---------------------------------------
 1 file changed, 47 insertions(+), 240 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 6aead13..6783706 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -28,26 +28,10 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarStyleApple
       navItems={[
-        {
-          name: "Home",
-          id: "hero",
-        },
-        {
-          name: "Services",
-          id: "services",
-        },
-        {
-          name: "Gallery",
-          id: "gallery",
-        },
-        {
-          name: "Barbers",
-          id: "team",
-        },
-        {
-          name: "Contact",
-          id: "contact",
-        },
+        { name: "Home", id: "hero" },
+        { name: "Services", id: "services" },
+        { name: "Barbers", id: "team" },
+        { name: "Contact", id: "contact" }
       ]}
       brandName="Wallys Barbershop"
     />
@@ -55,109 +39,33 @@ export default function LandingPage() {
 
   <div id="hero" data-section="hero">
       <HeroBillboardTestimonial
-      background={{
-        variant: "gradient-bars",
-      }}
+      background={{ variant: "gradient-bars" }}
       title="Sharp Cuts. Clean Fades. Local Barbers You Can Trust."
       description="Walk in or book today—precision cuts in a welcoming shop."
       testimonials={[
-        {
-          name: "John Doe",
-          handle: "@jdoe",
-          testimonial: "Best fade I've had in Kansas City. Highly recommended!",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/serious-blond-bearded-man-white-shirt-classic-elegant-jacket-dark-background_613910-11234.jpg?_wi=1",
-          imageAlt: "professional barber haircut studio lighting",
-        },
-        {
-          name: "Mike Smith",
-          handle: "@msmith",
-          testimonial: "Friendly atmosphere and top-tier service every time.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-details-hairdresser-salon_23-2149205858.jpg?_wi=1",
-          imageAlt: "professional barber haircut studio lighting",
-        },
-        {
-          name: "Alex K.",
-          handle: "@ak",
-          testimonial: "Kevin is the man! Master with the clippers.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/closeup-portrait-beauty-mulatto-woman-with-long-lashes_633478-2727.jpg?_wi=1",
-          imageAlt: "professional barber haircut studio lighting",
-        },
-        {
-          name: "Sarah W.",
-          handle: "@sw",
-          testimonial: "Got my son's haircut here, they were patient and skilled.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/crop-hand-trimming-moustache-customer_23-2147778871.jpg?_wi=1",
-          imageAlt: "professional barber haircut studio lighting",
-        },
-        {
-          name: "David R.",
-          handle: "@dr",
-          testimonial: "Professional, clean, and exactly what I asked for.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/people-lifestyle-concept-isolated-handsome-fashionable-tattooed-man-with-fuzzy-beard-shaved-head-posing-indoors-with-arms-folded-having-confident-facial-expression_343059-1711.jpg?_wi=1",
-          imageAlt: "professional barber haircut studio lighting",
-        },
+        { name: "John Doe", handle: "@jdoe", testimonial: "Best fade I've had in Kansas City. Highly recommended!", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/serious-blond-bearded-man-white-shirt-classic-elegant-jacket-dark-background_613910-11234.jpg", imageAlt: "professional barber haircut studio lighting" },
+        { name: "Mike Smith", handle: "@msmith", testimonial: "Friendly atmosphere and top-tier service every time.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/close-up-details-hairdresser-salon_23-2149205858.jpg", imageAlt: "professional barber haircut studio lighting" },
+        { name: "Alex K.", handle: "@ak", testimonial: "Kevin is the man! Master with the clippers.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/closeup-portrait-beauty-mulatto-woman-with-long-lashes_633478-2727.jpg", imageAlt: "professional barber haircut studio lighting" },
+        { name: "Sarah W.", handle: "@sw", testimonial: "Got my son's haircut here, they were patient and skilled.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/crop-hand-trimming-moustache-customer_23-2147778871.jpg", imageAlt: "professional barber haircut studio lighting" },
+        { name: "David R.", handle: "@dr", testimonial: "Professional, clean, and exactly what I asked for.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/people-lifestyle-concept-isolated-handsome-fashionable-tattooed-man-with-fuzzy-beard-shaved-head-posing-indoors-with-arms-folded-having-confident-facial-expression_343059-1711.jpg", imageAlt: "professional barber haircut studio lighting" }
       ]}
-      buttons={[
-        {
-          text: "Call Now",
-          href: "tel:+18165550123",
-        },
-        {
-          text: "Book Appointment",
-          href: "#contact",
-        },
-      ]}
-      imageSrc="http://img.b2bpic.net/free-photo/serious-blond-bearded-man-white-shirt-classic-elegant-jacket-dark-background_613910-11234.jpg?_wi=2"
+      buttons={[{ text: "Call Now", href: "tel:+18165550123" }, { text: "Book Appointment", href: "#contact" }]}
+      imageSrc="http://img.b2bpic.net/free-photo/serious-blond-bearded-man-white-shirt-classic-elegant-jacket-dark-background_613910-11234.jpg"
       imageAlt="Professional barber finishing a clean fade haircut"
       avatars={[
-        {
-          src: "http://img.b2bpic.net/free-photo/front-view-man-posing-chair_23-2149518251.jpg",
-          alt: "Front view man posing on chair",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/close-up-portrait-blond-bearded-male-dressed-black-leather-jacket_613910-11915.jpg",
-          alt: "Close up portrait of blond bearded male dressed in a black leather jacket.",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/portrait-stylish-bearded-man-black-glance-shirt-with-tattoo-his-chest_613910-8981.jpg",
-          alt: "Portrait of stylish bearded man in black glance shirt with tattoo on his chest.",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/hipster-style-bearded-man-black-shirt-studio-white-background_158595-1835.jpg",
-          alt: "Hipster style bearded man black shirt in studio over white background",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/portrait-stylish-blond-bearded-male-dressed-suit-grey-background_613910-11879.jpg",
-          alt: "Portrait of stylish blond bearded male dressed in a suit over grey background.",
-        },
+        { src: "http://img.b2bpic.net/free-photo/front-view-man-posing-chair_23-2149518251.jpg", alt: "Front view man posing on chair" },
+        { src: "http://img.b2bpic.net/free-photo/close-up-portrait-blond-bearded-male-dressed-black-leather-jacket_613910-11915.jpg", alt: "Close up portrait of blond bearded male dressed in a black leather jacket." },
+        { src: "http://img.b2bpic.net/free-photo/portrait-stylish-bearded-man-black-glance-shirt-with-tattoo-his-chest_613910-8981.jpg", alt: "Portrait of stylish bearded man in black glance shirt with tattoo on his chest." },
+        { src: "http://img.b2bpic.net/free-photo/hipster-style-bearded-man-black-shirt-studio-white-background_158595-1835.jpg", alt: "Hipster style bearded man black shirt in studio over white background" },
+        { src: "http://img.b2bpic.net/free-photo/portrait-stylish-blond-bearded-male-dressed-suit-grey-background_613910-11879.jpg", alt: "Portrait of stylish blond bearded male dressed in a suit over grey background." }
       ]}
       avatarText="Trusted by 500+ locals"
       marqueeItems={[
-        {
-          type: "text",
-          text: "Precision Fades",
-        },
-        {
-          type: "text",
-          text: "Classic Shaves",
-        },
-        {
-          type: "text",
-          text: "Beard Sculpting",
-        },
-        {
-          type: "text",
-          text: "Modern Styling",
-        },
-        {
-          type: "text",
-          text: "Walk-ins Welcome",
-        },
+        { type: "text", text: "Precision Fades" },
+        { type: "text", text: "Classic Shaves" },
+        { type: "text", text: "Beard Sculpting" },
+        { type: "text", text: "Modern Styling" },
+        { type: "text", text: "Walk-ins Welcome" }
       ]}
     />
   </div>
@@ -169,21 +77,9 @@ export default function LandingPage() {
       gridVariant="three-columns-all-equal-width"
       useInvertedBackground={false}
       features={[
-        {
-          title: "Precision Cuts",
-          description: "Professional scissor and clipper cuts tailored to your unique style.",
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-details-hairdresser-salon_23-2149205858.jpg?_wi=2",
-        },
-        {
-          title: "Fades & Tapers",
-          description: "Expertly executed skin fades and tapers for a clean, professional finish.",
-          imageSrc: "http://img.b2bpic.net/free-photo/closeup-portrait-beauty-mulatto-woman-with-long-lashes_633478-2727.jpg?_wi=2",
-        },
-        {
-          title: "Beard Grooming",
-          description: "Precision beard trims and shaping to enhance your facial features.",
-          imageSrc: "http://img.b2bpic.net/free-photo/crop-hand-trimming-moustache-customer_23-2147778871.jpg?_wi=2",
-        },
+        { title: "Precision Cuts", description: "Professional scissor and clipper cuts tailored to your unique style.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-details-hairdresser-salon_23-2149205858.jpg" },
+        { title: "Fades & Tapers", description: "Expertly executed skin fades and tapers for a clean, professional finish.", imageSrc: "http://img.b2bpic.net/free-photo/closeup-portrait-beauty-mulatto-woman-with-long-lashes_633478-2727.jpg" },
+        { title: "Beard Grooming", description: "Precision beard trims and shaping to enhance your facial features.", imageSrc: "http://img.b2bpic.net/free-photo/crop-hand-trimming-moustache-customer_23-2147778871.jpg" }
       ]}
       title="Our Expert Services"
       description="We specialize in precision cuts, custom designs, and professional grooming to keep you looking your best."
@@ -192,28 +88,14 @@ export default function LandingPage() {
 
   <div id="team" data-section="team">
       <TeamCardSix
+      animationType="slide-up"
       textboxLayout="default"
       gridVariant="three-columns-all-equal-width"
       useInvertedBackground={false}
       members={[
-        {
-          id: "1",
-          name: "Kevin",
-          role: "Lead Barber",
-          imageSrc: "http://img.b2bpic.net/free-photo/people-lifestyle-concept-isolated-handsome-fashionable-tattooed-man-with-fuzzy-beard-shaved-head-posing-indoors-with-arms-folded-having-confident-facial-expression_343059-1711.jpg?_wi=2",
-        },
-        {
-          id: "2",
-          name: "Sarah",
-          role: "Barber",
-          imageSrc: "http://img.b2bpic.net/free-photo/hairdresser-grooming-their-client_23-2149205873.jpg",
-        },
-        {
-          id: "3",
-          name: "David",
-          role: "Junior Barber",
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-bearded-hairstylist-looking-camera_23-2147839834.jpg",
-        },
+        { id: "1", name: "Kevin", role: "Lead Barber", imageSrc: "http://img.b2bpic.net/free-photo/people-lifestyle-concept-isolated-handsome-fashionable-tattooed-man-with-fuzzy-beard-shaved-head-posing-indoors-with-arms-folded-having-confident-facial-expression_343059-1711.jpg" },
+        { id: "2", name: "Sarah", role: "Barber", imageSrc: "http://img.b2bpic.net/free-photo/hairdresser-grooming-their-client_23-2149205873.jpg" },
+        { id: "3", name: "David", role: "Junior Barber", imageSrc: "http://img.b2bpic.net/free-photo/portrait-bearded-hairstylist-looking-camera_23-2147839834.jpg" }
       ]}
       title="Meet The Barbers"
       description="Our friendly team of skilled professionals is dedicated to giving you a great experience."
@@ -225,61 +107,11 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={false}
       testimonials={[
-        {
-          id: "1",
-          name: "Sarah Johnson",
-          date: "March 2024",
-          title: "Great Experience",
-          quote: "Friendly but professional atmosphere. Loved the cut!",
-          tag: "Expertise",
-          avatarSrc: "http://img.b2bpic.net/free-photo/professional-barber-working-with-client-hairdressing-salon-uses-hair-dryer-men-s-haircut-barbershop_613910-5061.jpg",
-          imageSrc: "http://img.b2bpic.net/free-photo/serious-blond-bearded-man-white-shirt-classic-elegant-jacket-dark-background_613910-11234.jpg?_wi=3",
-          imageAlt: "satisfied client at barbershop",
-        },
-        {
-          id: "2",
-          name: "Michael Chen",
-          date: "February 2024",
-          title: "Perfect Cut",
-          quote: "Exactly what I asked for. Best barbershop in town.",
-          tag: "Precision",
-          avatarSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-using-dry-shampoo-home_23-2150689656.jpg",
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-details-hairdresser-salon_23-2149205858.jpg?_wi=3",
-          imageAlt: "satisfied client at barbershop",
-        },
-        {
-          id: "3",
-          name: "Emily Rodriguez",
-          date: "January 2024",
-          title: "Professional",
-          quote: "Great experience watching the barbers work, very talented.",
-          tag: "Atmosphere",
-          avatarSrc: "http://img.b2bpic.net/free-photo/attractive-sporty-guy-by-window-athlete-posing-near-spacious-windows-gym-sports_78826-3420.jpg",
-          imageSrc: "http://img.b2bpic.net/free-photo/closeup-portrait-beauty-mulatto-woman-with-long-lashes_633478-2727.jpg?_wi=3",
-          imageAlt: "satisfied client at barbershop",
-        },
-        {
-          id: "4",
-          name: "David Kim",
-          date: "January 2024",
-          title: "Highly Recommend",
-          quote: "Found my new permanent barbershop. Amazing fades.",
-          tag: "Clean",
-          avatarSrc: "http://img.b2bpic.net/free-photo/portrait-stylish-blond-bearded-male-dressed-suit-grey-background_613910-11862.jpg",
-          imageSrc: "http://img.b2bpic.net/free-photo/crop-hand-trimming-moustache-customer_23-2147778871.jpg?_wi=3",
-          imageAlt: "satisfied client at barbershop",
-        },
-        {
-          id: "5",
-          name: "Jane Smith",
-          date: "December 2023",
-          title: "Reliable",
-          quote: "Consistent quality every time. Never disappointed.",
-          tag: "Reliable",
-          avatarSrc: "http://img.b2bpic.net/free-photo/front-view-barber-shop-concept_23-2148506342.jpg",
-          imageSrc: "http://img.b2bpic.net/free-photo/people-lifestyle-concept-isolated-handsome-fashionable-tattooed-man-with-fuzzy-beard-shaved-head-posing-indoors-with-arms-folded-having-confident-facial-expression_343059-1711.jpg?_wi=3",
-          imageAlt: "satisfied client at barbershop",
-        },
+        { id: "1", name: "Sarah Johnson", date: "March 2024", title: "Great Experience", quote: "Friendly but professional atmosphere. Loved the cut!", tag: "Expertise", avatarSrc: "http://img.b2bpic.net/free-photo/professional-barber-working-with-client-hairdressing-salon-uses-hair-dryer-men-s-haircut-barbershop_613910-5061.jpg", imageSrc: "http://img.b2bpic.net/free-photo/serious-blond-bearded-man-white-shirt-classic-elegant-jacket-dark-background_613910-11234.jpg" },
+        { id: "2", name: "Michael Chen", date: "February 2024", title: "Perfect Cut", quote: "Exactly what I asked for. Best barbershop in town.", tag: "Precision", avatarSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-using-dry-shampoo-home_23-2150689656.jpg", imageSrc: "http://img.b2bpic.net/free-photo/close-up-details-hairdresser-salon_23-2149205858.jpg" },
+        { id: "3", name: "Emily Rodriguez", date: "January 2024", title: "Professional", quote: "Great experience watching the barbers work, very talented.", tag: "Atmosphere", avatarSrc: "http://img.b2bpic.net/free-photo/attractive-sporty-guy-by-window-athlete-posing-near-spacious-windows-gym-sports_78826-3420.jpg", imageSrc: "http://img.b2bpic.net/free-photo/closeup-portrait-beauty-mulatto-woman-with-long-lashes_633478-2727.jpg" },
+        { id: "4", name: "David Kim", date: "January 2024", title: "Highly Recommend", quote: "Found my new permanent barbershop. Amazing fades.", tag: "Clean", avatarSrc: "http://img.b2bpic.net/free-photo/portrait-stylish-blond-bearded-male-dressed-suit-grey-background_613910-11862.jpg", imageSrc: "http://img.b2bpic.net/free-photo/crop-hand-trimming-moustache-customer_23-2147778871.jpg" },
+        { id: "5", name: "Jane Smith", date: "December 2023", title: "Reliable", quote: "Consistent quality every time. Never disappointed.", tag: "Reliable", avatarSrc: "http://img.b2bpic.net/free-photo/front-view-barber-shop-concept_23-2148506342.jpg", imageSrc: "http://img.b2bpic.net/free-photo/people-lifestyle-concept-isolated-handsome-fashionable-tattooed-man-with-fuzzy-beard-shaved-head-posing-indoors-with-arms-folded-having-confident-facial-expression_343059-1711.jpg" }
       ]}
       title="What Our Clients Say"
       description="Hear from our satisfied customers in the Gladstone community."
@@ -289,21 +121,13 @@ export default function LandingPage() {
   <div id="contact" data-section="contact">
       <ContactCTA
       useInvertedBackground={false}
-      background={{
-        variant: "radial-gradient",
-      }}
+      background={{ variant: "radial-gradient" }}
       tag="Visit Us"
       title="Ready to Look Your Best?"
       description="Book your appointment today or give us a call for any questions."
       buttons={[
-        {
-          text: "Call Now",
-          href: "tel:+18165550123",
-        },
-        {
-          text: "Book Online",
-          href: "https://booking.wallysbarbershop.com",
-        },
+        { text: "Call Now", href: "tel:+18165550123" },
+        { text: "Book Online", href: "https://booking.wallysbarbershop.com" }
       ]}
     />
   </div>
@@ -312,35 +136,18 @@ export default function LandingPage() {
       <FooterBase
       columns={[
         {
-          title: "Shop",
-          items: [
-            {
-              label: "About Us",
-              href: "#",
-            },
-            {
-              label: "Services",
-              href: "#services",
-            },
-            {
-              label: "Contact",
-              href: "#contact",
-            },
-          ],
+          title: "Shop",          items: [
+            { label: "About Us", href: "#" },
+            { label: "Services", href: "#services" },
+            { label: "Contact", href: "#contact" }
+          ]
         },
         {
-          title: "Legal",
-          items: [
-            {
-              label: "Privacy Policy",
-              href: "#",
-            },
-            {
-              label: "Terms of Service",
-              href: "#",
-            },
-          ],
-        },
+          title: "Legal",          items: [
+            { label: "Privacy Policy", href: "#" },
+            { label: "Terms of Service", href: "#" }
+          ]
+        }
       ]}
       logoText="Wallys Barbershop"
       copyrightText="© 2025 Wallys Barbershop | Gladstone, MO"
-- 
2.49.1