From 3e295766035e1cba5c11feccb932e4c97d897bb2 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Sat, 2 May 2026 22:27:00 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 220 ++++++++---------------------------------------
 1 file changed, 35 insertions(+), 185 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 27cabc2..a2f0c7e 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -32,22 +32,10 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarStyleCentered
       navItems={[
-        {
-          name: "About",
-          id: "#about",
-        },
-        {
-          name: "Services",
-          id: "#services",
-        },
-        {
-          name: "Team",
-          id: "#team",
-        },
-        {
-          name: "Contact",
-          id: "#contact",
-        },
+        { name: "About", id: "#about" },
+        { name: "Services", id: "#services" },
+        { name: "Team", id: "#team" },
+        { name: "Contact", id: "#contact" },
       ]}
       brandName="West Coast Barbershop"
     />
@@ -55,32 +43,15 @@ export default function LandingPage() {
 
   <div id="hero" data-section="hero">
       <HeroBillboardGallery
-      background={{
-        variant: "rotated-rays-animated",
-      }}
+      background={{ variant: "rotated-rays-animated" }}
       title="Spartanburg's Finest Barbershop"
       description="Where West Coast cool meets Southern charm. Experience precision cuts and a high-end atmosphere designed for the modern gentleman."
       mediaItems={[
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/world-theatre-day-celebration_23-2151185640.jpg?_wi=1",
-          imageAlt: "vintage barbershop interior leather chairs",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/seascape-with-silhouettes-palm-trees-pink-clouds_181624-31007.jpg?_wi=1",
-          imageAlt: "sunset palm trees ocean vibe",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-composition-shaving-objects_23-2148121947.jpg",
-          imageAlt: "barber clippers and straight razor tools",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/side-view-barber-cutting-client-s-beard_23-2148242865.jpg",
-          imageAlt: "vintage barbershop interior leather chairs",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/tropical-vacation-spot_23-2151982384.jpg",
-          imageAlt: "sunset palm trees ocean vibe",
-        },
+        { imageSrc: "http://img.b2bpic.net/free-photo/world-theatre-day-celebration_23-2151185640.jpg", imageAlt: "vintage barbershop interior leather chairs" },
+        { imageSrc: "http://img.b2bpic.net/free-photo/seascape-with-silhouettes-palm-trees-pink-clouds_181624-31007.jpg", imageAlt: "sunset palm trees ocean vibe" },
+        { imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-composition-shaving-objects_23-2148121947.jpg", imageAlt: "barber clippers and straight razor tools" },
+        { imageSrc: "http://img.b2bpic.net/free-photo/side-view-barber-cutting-client-s-beard_23-2148242865.jpg", imageAlt: "vintage barbershop interior leather chairs" },
+        { imageSrc: "http://img.b2bpic.net/free-photo/tropical-vacation-spot_23-2151982384.jpg", imageAlt: "sunset palm trees ocean vibe" },
       ]}
       mediaAnimation="blur-reveal"
     />
@@ -103,56 +74,16 @@ export default function LandingPage() {
       useInvertedBackground={false}
       plans={[
         {
-          id: "p1",
-          badge: "Classic",
-          price: "$30",
-          subtitle: "Precision haircut experience",
-          buttons: [
-            {
-              text: "Book Now",
-              href: "#",
-            },
-          ],
-          features: [
-            "Classic haircut",
-            "Neck shave",
-            "Hot towel treatment",
-          ],
+          id: "p1",          badge: "Classic",          price: "$30",          subtitle: "Precision haircut experience",          buttons: [{ text: "Book Now", href: "#" }],
+          features: ["Classic haircut", "Neck shave", "Hot towel treatment"],
         },
         {
-          id: "p2",
-          badge: "Signature",
-          price: "$55",
-          subtitle: "The full experience",
-          buttons: [
-            {
-              text: "Book Now",
-              href: "#",
-            },
-          ],
-          features: [
-            "Signature haircut",
-            "Beard trim/shave",
-            "Scalp massage",
-          ],
+          id: "p2",          badge: "Signature",          price: "$55",          subtitle: "The full experience",          buttons: [{ text: "Book Now", href: "#" }],
+          features: ["Signature haircut", "Beard trim/shave", "Scalp massage"],
         },
         {
-          id: "p3",
-          badge: "Elite",
-          price: "$75",
-          subtitle: "Luxury grooming service",
-          buttons: [
-            {
-              text: "Book Now",
-              href: "#",
-            },
-          ],
-          features: [
-            "Full service cut",
-            "Deluxe shave",
-            "Face massage",
-            "Essential oil treatment",
-          ],
+          id: "p3",          badge: "Elite",          price: "$75",          subtitle: "Luxury grooming service",          buttons: [{ text: "Book Now", href: "#" }],
+          features: ["Full service cut", "Deluxe shave", "Face massage", "Essential oil treatment"],
         },
       ]}
       title="Our Signature Services"
@@ -166,30 +97,9 @@ export default function LandingPage() {
       textboxLayout="split"
       useInvertedBackground={true}
       features={[
-        {
-          title: "Expert Stylists",
-          description: "Highly trained master barbers skilled in all hair types and beard styles.",
-          bentoComponent: "reveal-icon",
-          icon: Scissors,
-          imageSrc: "http://img.b2bpic.net/free-photo/mustache-razors-white-background_23-2147736984.jpg",
-          imageAlt: "barber clippers and straight razor tools",
-        },
-        {
-          title: "Premium Products",
-          description: "We only use top-tier, high-end grooming products for every service.",
-          bentoComponent: "reveal-icon",
-          icon: Sparkles,
-          imageSrc: "http://img.b2bpic.net/free-photo/world-theatre-day-celebration_23-2151185640.jpg?_wi=2",
-          imageAlt: "barber clippers and straight razor tools",
-        },
-        {
-          title: "Relaxed Vibe",
-          description: "An inviting, stylish atmosphere where you can kick back, relax, and look your best.",
-          bentoComponent: "reveal-icon",
-          icon: Coffee,
-          imageSrc: "http://img.b2bpic.net/free-photo/seascape-with-silhouettes-palm-trees-pink-clouds_181624-31007.jpg?_wi=2",
-          imageAlt: "barber clippers and straight razor tools",
-        },
+        { title: "Expert Stylists", description: "Highly trained master barbers skilled in all hair types and beard styles.", bentoComponent: "reveal-icon", icon: Scissors },
+        { title: "Premium Products", description: "We only use top-tier, high-end grooming products for every service.", bentoComponent: "reveal-icon", icon: Sparkles },
+        { title: "Relaxed Vibe", description: "An inviting, stylish atmosphere where you can kick back, relax, and look your best.", bentoComponent: "reveal-icon", icon: Coffee },
       ]}
       title="Why Choose Us"
       description="We define the Spartanburg standard."
@@ -200,42 +110,18 @@ export default function LandingPage() {
       <TestimonialCardSix
       textboxLayout="split"
       useInvertedBackground={false}
+      animationType="blur-reveal"
       testimonials={[
         {
-          id: "t1",
-          name: "John D.",
-          handle: "@johndoe",
-          testimonial: "Best fade I've had in Spartanburg. The vibe is immaculate.",
-          imageSrc: "http://img.b2bpic.net/free-photo/front-view-barber-shop-concept_23-2148506342.jpg",
-        },
+          id: "t1",          name: "John D.",          handle: "@johndoe",          testimonial: "Best fade I've had in Spartanburg. The vibe is immaculate.",          imageSrc: "http://img.b2bpic.net/free-photo/front-view-barber-shop-concept_23-2148506342.jpg"},
         {
-          id: "t2",
-          name: "Mike S.",
-          handle: "@mikes",
-          testimonial: "Very professional and friendly atmosphere. Highly recommend.",
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-pensive-man-with-receive-moustache-beard-trimming-procedure-barbershop_613910-15033.jpg",
-        },
+          id: "t2",          name: "Mike S.",          handle: "@mikes",          testimonial: "Very professional and friendly atmosphere. Highly recommend.",          imageSrc: "http://img.b2bpic.net/free-photo/portrait-pensive-man-with-receive-moustache-beard-trimming-procedure-barbershop_613910-15033.jpg"},
         {
-          id: "t3",
-          name: "David R.",
-          handle: "@drdave",
-          testimonial: "High-end quality without the stuffy vibe. I'm a regular now.",
-          imageSrc: "http://img.b2bpic.net/free-photo/pleased-looking-side-young-male-barber-wearing-uniform-holding-barber-tools-isolated-olive-green-wall_141793-106088.jpg",
-        },
+          id: "t3",          name: "David R.",          handle: "@drdave",          testimonial: "High-end quality without the stuffy vibe. I'm a regular now.",          imageSrc: "http://img.b2bpic.net/free-photo/pleased-looking-side-young-male-barber-wearing-uniform-holding-barber-tools-isolated-olive-green-wall_141793-106088.jpg"},
         {
-          id: "t4",
-          name: "Sam L.",
-          handle: "@saml",
-          testimonial: "Consistent, clean cuts every single time I visit.",
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-male-hairdresser-with-electric-trimmer_23-2147839779.jpg",
-        },
+          id: "t4",          name: "Sam L.",          handle: "@saml",          testimonial: "Consistent, clean cuts every single time I visit.",          imageSrc: "http://img.b2bpic.net/free-photo/portrait-male-hairdresser-with-electric-trimmer_23-2147839779.jpg"},
         {
-          id: "t5",
-          name: "Alex P.",
-          handle: "@alexp",
-          testimonial: "The hot towel service is an absolute game-changer.",
-          imageSrc: "http://img.b2bpic.net/free-photo/man-hair-salon-looking-sideways_23-2148242781.jpg",
-        },
+          id: "t5",          name: "Alex P.",          handle: "@alexp",          testimonial: "The hot towel service is an absolute game-changer.",          imageSrc: "http://img.b2bpic.net/free-photo/man-hair-salon-looking-sideways_23-2148242781.jpg"},
       ]}
       title="Client Feedback"
       description="What our guests say about us."
@@ -247,25 +133,14 @@ export default function LandingPage() {
       useInvertedBackground={true}
       title="Meet The Crew"
       tag="Master Barbers"
+      membersAnimation="slide-up"
       members={[
         {
-          id: "m1",
-          name: "Marcus West",
-          imageSrc: "http://img.b2bpic.net/free-photo/pleased-young-afro-american-male-barber-wearing-uniform-holding-barber-tools-pointing-them_141793-116999.jpg",
-          imageAlt: "professional barber smiling in apron",
-        },
+          id: "m1",          name: "Marcus West",          imageSrc: "http://img.b2bpic.net/free-photo/pleased-young-afro-american-male-barber-wearing-uniform-holding-barber-tools-pointing-them_141793-116999.jpg",          imageAlt: "professional barber smiling in apron"},
         {
-          id: "m2",
-          name: "James South",
-          imageSrc: "http://img.b2bpic.net/free-photo/business-owner-with-apron-break_23-2148366601.jpg",
-          imageAlt: "barber with tattoos looking professional",
-        },
+          id: "m2",          name: "James South",          imageSrc: "http://img.b2bpic.net/free-photo/business-owner-with-apron-break_23-2148366601.jpg",          imageAlt: "barber with tattoos looking professional"},
         {
-          id: "m3",
-          name: "Leo C.",
-          imageSrc: "http://img.b2bpic.net/free-photo/pleased-young-caucasian-male-barber-wearing-glasses-wavy-hair-band-uniform-holding-comb-scissors-isolated-white-background_141793-31598.jpg",
-          imageAlt: "barber expert tools in hand",
-        },
+          id: "m3",          name: "Leo C.",          imageSrc: "http://img.b2bpic.net/free-photo/pleased-young-caucasian-male-barber-wearing-glasses-wavy-hair-band-uniform-holding-comb-scissors-isolated-white-background_141793-31598.jpg",          imageAlt: "barber expert tools in hand"},
       ]}
       memberVariant="card"
     />
@@ -277,24 +152,9 @@ export default function LandingPage() {
       textboxLayout="split"
       useInvertedBackground={false}
       metrics={[
-        {
-          id: "m1",
-          icon: Award,
-          title: "Awards Won",
-          value: "12+",
-        },
-        {
-          id: "m2",
-          icon: Users,
-          title: "Happy Clients",
-          value: "5000+",
-        },
-        {
-          id: "m3",
-          icon: Calendar,
-          title: "Years Experience",
-          value: "10+",
-        },
+        { id: "m1", icon: Award, title: "Awards Won", value: "12+" },
+        { id: "m2", icon: Users, title: "Happy Clients", value: "5000+" },
+        { id: "m3", icon: Calendar, title: "Years Experience", value: "10+" },
       ]}
       title="Our Impact"
       description="Growing strong in the local community."
@@ -304,9 +164,7 @@ export default function LandingPage() {
   <div id="contact" data-section="contact">
       <ContactCenter
       useInvertedBackground={true}
-      background={{
-        variant: "plain",
-      }}
+      background={{ variant: "plain" }}
       tag="Contact"
       title="Book Your Spot"
       description="Ready for a fresh cut? Send us a message."
@@ -318,16 +176,8 @@ export default function LandingPage() {
       logoText="West Coast Barbershop"
       copyrightText="© 2025 | West Coast Barbershop. All rights reserved."
       socialLinks={[
-        {
-          icon: Instagram,
-          href: "#",
-          ariaLabel: "Instagram",
-        },
-        {
-          icon: Facebook,
-          href: "#",
-          ariaLabel: "Facebook",
-        },
+        { icon: Instagram, href: "#", ariaLabel: "Instagram" },
+        { icon: Facebook, href: "#", ariaLabel: "Facebook" },
       ]}
     />
   </div>
-- 
2.49.1