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

---
 src/app/page.tsx | 380 +++++++----------------------------------------
 1 file changed, 57 insertions(+), 323 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 699a36e..62426e6 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -32,26 +32,11 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarStyleFullscreen
       navItems={[
-        {
-          name: "Home",
-          id: "hero",
-        },
-        {
-          name: "About",
-          id: "about",
-        },
-        {
-          name: "Services",
-          id: "services",
-        },
-        {
-          name: "Reviews",
-          id: "reviews",
-        },
-        {
-          name: "Contact",
-          id: "contact",
-        },
+        { name: "Home", id: "hero" },
+        { name: "About", id: "about" },
+        { name: "Services", id: "services" },
+        { name: "Reviews", id: "reviews" },
+        { name: "Contact", id: "contact" },
       ]}
       brandName="Y&S Barbers"
     />
@@ -59,104 +44,36 @@ export default function LandingPage() {
 
   <div id="hero" data-section="hero">
       <HeroSplitTestimonial
-      background={{
-        variant: "gradient-bars",
-      }}
+      background={{ variant: "gradient-bars" }}
       imagePosition="right"
       title="Sharp Cuts. Friendly Service. Premium Barbering in Battersea."
       description="Expert cuts, hot towel service, shampooing, shoulder massage, and a welcoming atmosphere from barbers customers have trusted for years."
       testimonials={[
-        {
-          name: "James R.",
-          handle: "@battersea-local",
-          testimonial: "I've trusted Yazzy and Seyhan for over 8 years. Highly professional.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-sexy-handsome-fashion-male-model-man-dressed-elegant-suit-black-studio-lights-background_158538-9659.jpg?_wi=1",
-        },
-        {
-          name: "Mark S.",
-          handle: "@local-guy",
-          testimonial: "Best fade I have had in London. Always precise.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/man-posing-with-white-t-shirt_329181-3701.jpg",
-        },
-        {
-          name: "Tom B.",
-          handle: "@style-fan",
-          testimonial: "They take their time and ensure the style is perfect every time.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/man-posing-with-white-t-shirt_329181-3690.jpg",
-        },
-        {
-          name: "Ben W.",
-          handle: "@regular-cli",
-          testimonial: "Fantastic service, especially the shoulder massage.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-sunbathed-fashion-man-model-wearing-white-shirt-clothes-posing-street_158538-2395.jpg",
-        },
-        {
-          name: "Harry P.",
-          handle: "@hair-pro",
-          testimonial: "The atmosphere is always welcoming. Great neighbourhood shop.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/closeup-portrait-handsome-confident-stylish-hipster-lambersexual-model-sexy-modern-man-dressed-elegant-beige-suit-fashion-male-with-curly-hairstyle-posing-studio-isolated_158538-26638.jpg",
-        },
+        { name: "James R.", handle: "@battersea-local", testimonial: "I've trusted Yazzy and Seyhan for over 8 years. Highly professional.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-sexy-handsome-fashion-male-model-man-dressed-elegant-suit-black-studio-lights-background_158538-9659.jpg" },
+        { name: "Mark S.", handle: "@local-guy", testimonial: "Best fade I have had in London. Always precise.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/man-posing-with-white-t-shirt_329181-3701.jpg" },
+        { name: "Tom B.", handle: "@style-fan", testimonial: "They take their time and ensure the style is perfect every time.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/man-posing-with-white-t-shirt_329181-3690.jpg" },
+        { name: "Ben W.", handle: "@regular-cli", testimonial: "Fantastic service, especially the shoulder massage.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-sunbathed-fashion-man-model-wearing-white-shirt-clothes-posing-street_158538-2395.jpg" },
+        { name: "Harry P.", handle: "@hair-pro", testimonial: "The atmosphere is always welcoming. Great neighbourhood shop.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/closeup-portrait-handsome-confident-stylish-hipster-lambersexual-model-sexy-modern-man-dressed-elegant-beige-suit-fashion-male-with-curly-hairstyle-posing-studio-isolated_158538-26638.jpg" },
       ]}
       buttons={[
-        {
-          text: "Call Now",
-          href: "tel:07378291029",
-        },
-        {
-          text: "Book / Visit Today",
-          href: "#contact",
-        },
+        { text: "Call Now", href: "tel:07378291029" },
+        { text: "Book / Visit Today", href: "#contact" },
       ]}
-      imageSrc="http://img.b2bpic.net/free-photo/various-trimmers-dressing-table_107420-94767.jpg?_wi=1"
+      imageSrc="http://img.b2bpic.net/free-photo/various-trimmers-dressing-table_107420-94767.jpg"
       mediaAnimation="slide-up"
       avatars={[
-        {
-          src: "http://img.b2bpic.net/free-photo/brown-vintage-leather-chair-stylish-barber-shop_627829-6180.jpg",
-          alt: "Barber chair interior",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/front-view-leather-barber-shop-chair_23-2148256927.jpg",
-          alt: "Barber chair leather",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/barber-shop-interior_1163-2009.jpg",
-          alt: "Barbershop interior",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/barber-shop-tools-arrangement_23-2149167462.jpg",
-          alt: "Barber tool arrangement",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/hair-salon-chair-with-towel-armchair_23-2148242777.jpg",
-          alt: "Hair salon chair",
-        },
+        { src: "http://img.b2bpic.net/free-photo/brown-vintage-leather-chair-stylish-barber-shop_627829-6180.jpg", alt: "Barber chair interior" },
+        { src: "http://img.b2bpic.net/free-photo/front-view-leather-barber-shop-chair_23-2148256927.jpg", alt: "Barber chair leather" },
+        { src: "http://img.b2bpic.net/free-photo/barber-shop-interior_1163-2009.jpg", alt: "Barbershop interior" },
+        { src: "http://img.b2bpic.net/free-photo/barber-shop-tools-arrangement_23-2149167462.jpg", alt: "Barber tool arrangement" },
+        { src: "http://img.b2bpic.net/free-photo/hair-salon-chair-with-towel-armchair_23-2148242777.jpg", alt: "Hair salon chair" },
       ]}
       marqueeItems={[
-        {
-          type: "text",
-          text: "Precision Cuts",
-        },
-        {
-          type: "text",
-          text: "Hot Towel Shaves",
-        },
-        {
-          type: "text",
-          text: "Battersea Local",
-        },
-        {
-          type: "text",
-          text: "Expert Styling",
-        },
-        {
-          type: "text",
-          text: "Premium Grooming",
-        },
+        { type: "text", text: "Precision Cuts" },
+        { type: "text", text: "Hot Towel Shaves" },
+        { type: "text", text: "Battersea Local" },
+        { type: "text", text: "Expert Styling" },
+        { type: "text", text: "Premium Grooming" },
       ]}
     />
   </div>
@@ -168,18 +85,9 @@ export default function LandingPage() {
       title="Trusted by Locals for Years"
       description="Y&S Barbers is renowned for high-quality haircuts, attention to detail, friendly service, and exceptional value. Yazzy and Seyhan bring consistency and skill to every cut, making us a Battersea favourite."
       bulletPoints={[
-        {
-          title: "Expert Care",
-          description: "Professional barbering from experienced staff.",
-        },
-        {
-          title: "Local Tradition",
-          description: "Battersea's trusted neighbourhood choice.",
-        },
-        {
-          title: "Value & Quality",
-          description: "Premium service without the premium price.",
-        },
+        { title: "Expert Care", description: "Professional barbering from experienced staff." },
+        { title: "Local Tradition", description: "Battersea's trusted neighbourhood choice." },
+        { title: "Value & Quality", description: "Premium service without the premium price." },
       ]}
       imageSrc="http://img.b2bpic.net/free-photo/barber-shop-retro-vintage-style_1150-17931.jpg"
     />
@@ -192,28 +100,13 @@ export default function LandingPage() {
       useInvertedBackground={false}
       features={[
         {
-          title: "Skilled Barbers",
-          description: "Years of expertise in every cut.",
-          bentoComponent: "reveal-icon",
-          icon: Scissors,
-          imageSrc: "http://img.b2bpic.net/free-photo/worldface-italian-guy-white-background_53876-148047.jpg",
-          imageAlt: "man haircut detailed fade",
+          title: "Skilled Barbers",          description: "Years of expertise in every cut.",          bentoComponent: "reveal-icon",          icon: Scissors,
         },
         {
-          title: "Atmosphere",
-          description: "Welcoming, clean, and comfortable shop.",
-          bentoComponent: "reveal-icon",
-          icon: Coffee,
-          imageSrc: "http://img.b2bpic.net/free-photo/various-trimmers-dressing-table_107420-94767.jpg?_wi=2",
-          imageAlt: "man haircut detailed fade",
+          title: "Atmosphere",          description: "Welcoming, clean, and comfortable shop.",          bentoComponent: "reveal-icon",          icon: Coffee,
         },
         {
-          title: "Detail-Focused",
-          description: "We ensure every detail is perfect.",
-          bentoComponent: "reveal-icon",
-          icon: CheckCircle,
-          imageSrc: "http://img.b2bpic.net/free-photo/professional-hairdresser-wearing-protective-face-mask-make-haircut-european-bearded-brutal-man-beauty-salon_343596-4460.jpg?_wi=1",
-          imageAlt: "man haircut detailed fade",
+          title: "Detail-Focused",          description: "We ensure every detail is perfect.",          bentoComponent: "reveal-icon",          icon: CheckCircle,
         },
       ]}
       title="Why Choose Y&S Barbers"
@@ -228,42 +121,12 @@ export default function LandingPage() {
       gridVariant="three-columns-all-equal-width"
       useInvertedBackground={false}
       products={[
-        {
-          id: "s1",
-          name: "Haircut",
-          price: "From £20",
-          imageSrc: "http://img.b2bpic.net/free-photo/professional-hairdresser-wearing-protective-face-mask-make-haircut-european-bearded-brutal-man-beauty-salon_343596-4460.jpg?_wi=2",
-        },
-        {
-          id: "s2",
-          name: "Skin Fade",
-          price: "From £25",
-          imageSrc: "http://img.b2bpic.net/free-photo/front-view-barbershop-concept_23-2148506188.jpg",
-        },
-        {
-          id: "s3",
-          name: "Beard Trim",
-          price: "From £15",
-          imageSrc: "http://img.b2bpic.net/free-photo/sideways-customer-with-eyes-closed_23-2148256865.jpg?_wi=1",
-        },
-        {
-          id: "s4",
-          name: "Kids' Haircuts",
-          price: "From £15",
-          imageSrc: "http://img.b2bpic.net/free-photo/bearded-man-getting-his-haircut-barber-s-shop_23-2149186488.jpg",
-        },
-        {
-          id: "s5",
-          name: "Hot Towel Service",
-          price: "Included",
-          imageSrc: "http://img.b2bpic.net/free-photo/man-cuts-his-beard-barbershop_1157-16218.jpg?_wi=1",
-        },
-        {
-          id: "s6",
-          name: "Shoulder Massage",
-          price: "Included",
-          imageSrc: "http://img.b2bpic.net/free-photo/bearded-client-just-got-good-beardcare-from-talanted-trendy-barber_613910-21575.jpg",
-        },
+        { id: "s1", name: "Haircut", price: "From £20", imageSrc: "http://img.b2bpic.net/free-photo/professional-hairdresser-wearing-protective-face-mask-make-haircut-european-bearded-brutal-man-beauty-salon_343596-4460.jpg" },
+        { id: "s2", name: "Skin Fade", price: "From £25", imageSrc: "http://img.b2bpic.net/free-photo/front-view-barbershop-concept_23-2148506188.jpg" },
+        { id: "s3", name: "Beard Trim", price: "From £15", imageSrc: "http://img.b2bpic.net/free-photo/sideways-customer-with-eyes-closed_23-2148256865.jpg" },
+        { id: "s4", name: "Kids' Haircuts", price: "From £15", imageSrc: "http://img.b2bpic.net/free-photo/bearded-man-getting-his-haircut-barber-s-shop_23-2149186488.jpg" },
+        { id: "s5", name: "Hot Towel Service", price: "Included", imageSrc: "http://img.b2bpic.net/free-photo/man-cuts-his-beard-barbershop_1157-16218.jpg" },
+        { id: "s6", name: "Shoulder Massage", price: "Included", imageSrc: "http://img.b2bpic.net/free-photo/bearded-client-just-got-good-beardcare-from-talanted-trendy-barber_613910-21575.jpg" },
       ]}
       title="Our Services"
       description="Professional grooming tailored for you."
@@ -275,61 +138,11 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={false}
       testimonials={[
-        {
-          id: "1",
-          name: "John D.",
-          date: "1 week ago",
-          title: "Excellent Service",
-          quote: "My haircut was awesome, and the hot towel and massage were perfect.",
-          tag: "5 stars",
-          avatarSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-sunbathed-fashion-man-model-wearing-white-shirt-clothes-posing-street_158538-2382.jpg",
-          imageSrc: "http://img.b2bpic.net/free-photo/various-trimmers-dressing-table_107420-94767.jpg?_wi=3",
-          imageAlt: "man smiling portrait",
-        },
-        {
-          id: "2",
-          name: "Sarah K.",
-          date: "2 weeks ago",
-          title: "Highly Recommended",
-          quote: "Professional, friendly, and great with my son.",
-          tag: "5 stars",
-          avatarSrc: "http://img.b2bpic.net/free-photo/serious-unshaven-young-man-stylish-dark-green-turtleneck-sweatshirt-expressing-suspicion-looking-away-from-his-eyebrows-handsome-guy-with-beard-posing-having-intense-look_343059-4781.jpg",
-          imageSrc: "http://img.b2bpic.net/free-photo/professional-hairdresser-wearing-protective-face-mask-make-haircut-european-bearded-brutal-man-beauty-salon_343596-4460.jpg?_wi=3",
-          imageAlt: "man smiling portrait",
-        },
-        {
-          id: "3",
-          name: "Mike P.",
-          date: "3 weeks ago",
-          title: "Best in Battersea",
-          quote: "I've been going to these guys for 10 years. Always consistent.",
-          tag: "5 stars",
-          avatarSrc: "http://img.b2bpic.net/free-photo/thoughtful-redhead-bearded-hipster-male-dressed-red-fleece-shirt_613910-1582.jpg",
-          imageSrc: "http://img.b2bpic.net/free-photo/sideways-customer-with-eyes-closed_23-2148256865.jpg?_wi=2",
-          imageAlt: "man smiling portrait",
-        },
-        {
-          id: "4",
-          name: "David L.",
-          date: "1 month ago",
-          title: "Top Quality",
-          quote: "Attention to detail is second to none.",
-          tag: "5 stars",
-          avatarSrc: "http://img.b2bpic.net/free-photo/elegant-young-handsome-man-studio-fashion-portrait_1301-3980.jpg",
-          imageSrc: "http://img.b2bpic.net/free-photo/man-cuts-his-beard-barbershop_1157-16218.jpg?_wi=2",
-          imageAlt: "man smiling portrait",
-        },
-        {
-          id: "5",
-          name: "Paul M.",
-          date: "1 month ago",
-          title: "Great Experience",
-          quote: "Yazzy and Seyhan provide the best cut in London.",
-          tag: "5 stars",
-          avatarSrc: "http://img.b2bpic.net/free-photo/young-successful-businessman-posing-dark-wall_176420-54.jpg",
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-sexy-handsome-fashion-male-model-man-dressed-elegant-suit-black-studio-lights-background_158538-9659.jpg?_wi=2",
-          imageAlt: "man smiling portrait",
-        },
+        { id: "1", name: "John D.", date: "1 week ago", title: "Excellent Service", quote: "My haircut was awesome, and the hot towel and massage were perfect.", tag: "5 stars", avatarSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-sunbathed-fashion-man-model-wearing-white-shirt-clothes-posing-street_158538-2382.jpg", imageSrc: "http://img.b2bpic.net/free-photo/various-trimmers-dressing-table_107420-94767.jpg", imageAlt: "man smiling portrait" },
+        { id: "2", name: "Sarah K.", date: "2 weeks ago", title: "Highly Recommended", quote: "Professional, friendly, and great with my son.", tag: "5 stars", avatarSrc: "http://img.b2bpic.net/free-photo/serious-unshaven-young-man-stylish-dark-green-turtleneck-sweatshirt-expressing-suspicion-looking-away-from-his-eyebrows-handsome-guy-with-beard-posing-having-intense-look_343059-4781.jpg", imageSrc: "http://img.b2bpic.net/free-photo/professional-hairdresser-wearing-protective-face-mask-make-haircut-european-bearded-brutal-man-beauty-salon_343596-4460.jpg", imageAlt: "man smiling portrait" },
+        { id: "3", name: "Mike P.", date: "3 weeks ago", title: "Best in Battersea", quote: "I've been going to these guys for 10 years. Always consistent.", tag: "5 stars", avatarSrc: "http://img.b2bpic.net/free-photo/thoughtful-redhead-bearded-hipster-male-dressed-red-fleece-shirt_613910-1582.jpg", imageSrc: "http://img.b2bpic.net/free-photo/sideways-customer-with-eyes-closed_23-2148256865.jpg", imageAlt: "man smiling portrait" },
+        { id: "4", name: "David L.", date: "1 month ago", title: "Top Quality", quote: "Attention to detail is second to none.", tag: "5 stars", avatarSrc: "http://img.b2bpic.net/free-photo/elegant-young-handsome-man-studio-fashion-portrait_1301-3980.jpg", imageSrc: "http://img.b2bpic.net/free-photo/man-cuts-his-beard-barbershop_1157-16218.jpg", imageAlt: "man smiling portrait" },
+        { id: "5", name: "Paul M.", date: "1 month ago", title: "Great Experience", quote: "Yazzy and Seyhan provide the best cut in London.", tag: "5 stars", avatarSrc: "http://img.b2bpic.net/free-photo/young-successful-businessman-posing-dark-wall_176420-54.jpg", imageSrc: "http://img.b2bpic.net/free-photo/portrait-sexy-handsome-fashion-male-model-man-dressed-elegant-suit-black-studio-lights-background_158538-9659.jpg", imageAlt: "man smiling portrait" },
       ]}
       title="What Our Customers Say"
       description="Trusted by the Battersea community."
@@ -342,24 +155,9 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={false}
       metrics={[
-        {
-          id: "m1",
-          icon: Award,
-          title: "Years Trusted",
-          value: "10+",
-        },
-        {
-          id: "m2",
-          icon: Star,
-          title: "Local Rating",
-          value: "5.0",
-        },
-        {
-          id: "m3",
-          icon: Smile,
-          title: "Happy Clients",
-          value: "1000+",
-        },
+        { id: "m1", icon: Award, title: "Years Trusted", value: "10+" },
+        { id: "m2", icon: Star, title: "Local Rating", value: "5.0" },
+        { id: "m3", icon: Smile, title: "Happy Clients", value: "1000+" },
       ]}
       title="Why Locals Choose Us"
       description="Proven quality in every service."
@@ -373,18 +171,9 @@ export default function LandingPage() {
       title="Our Shop & Results"
       description="Take a look at the shop and our recent work."
       bulletPoints={[
-        {
-          title: "Fresh Cuts",
-          description: "Professional transformations.",
-        },
-        {
-          title: "Modern Interior",
-          description: "Clean and premium setup.",
-        },
-        {
-          title: "Signature Styles",
-          description: "Beard shaping and fades.",
-        },
+        { title: "Fresh Cuts", description: "Professional transformations." },
+        { title: "Modern Interior", description: "Clean and premium setup." },
+        { title: "Signature Styles", description: "Beard shaping and fades." },
       ]}
       imageSrc="http://img.b2bpic.net/free-vector/golden-ribbon-collection_1390-32.jpg"
     />
@@ -394,26 +183,10 @@ export default function LandingPage() {
       <FaqSplitText
       useInvertedBackground={false}
       faqs={[
-        {
-          id: "q1",
-          title: "Do you accept walk-ins?",
-          content: "Yes, walk-ins are always welcome at Y&S Barbers.",
-        },
-        {
-          id: "q2",
-          title: "Do you cut children's hair?",
-          content: "Absolutely, we are very patient and experienced with children.",
-        },
-        {
-          id: "q3",
-          title: "Do you offer beard trims?",
-          content: "Yes, we specialise in beard shaping and trimming.",
-        },
-        {
-          id: "q4",
-          title: "Where are you based?",
-          content: "We are located in the heart of Battersea, London.",
-        },
+        { id: "q1", title: "Do you accept walk-ins?", content: "Yes, walk-ins are always welcome at Y&S Barbers." },
+        { id: "q2", title: "Do you cut children's hair?", content: "Absolutely, we are very patient and experienced with children." },
+        { id: "q3", title: "Do you offer beard trims?", content: "Yes, we specialise in beard shaping and trimming." },
+        { id: "q4", title: "Where are you based?", content: "We are located in the heart of Battersea, London." },
       ]}
       sideTitle="Common Questions"
       sideDescription="Everything you need to know about your visit."
@@ -427,21 +200,10 @@ export default function LandingPage() {
       title="Visit Y&S Barbers Today"
       description="Ready for your next cut? Call us or walk in."
       inputs={[
-        {
-          name: "name",
-          type: "text",
-          placeholder: "Your Name",
-        },
-        {
-          name: "phone",
-          type: "tel",
-          placeholder: "Phone Number",
-        },
+        { name: "name", type: "text", placeholder: "Your Name" },
+        { name: "phone", type: "tel", placeholder: "Phone Number" },
       ]}
-      textarea={{
-        name: "message",
-        placeholder: "Any specific requests?",
-      }}
+      textarea={{ name: "message", placeholder: "Any specific requests?" }}
       imageSrc="http://img.b2bpic.net/free-photo/hairdresser-cutting-man-s-hair-barber-shop_23-2149186473.jpg"
       buttonText="Call Now"
     />
@@ -451,37 +213,9 @@ export default function LandingPage() {
       <FooterBaseCard
       logoText="Y&S Barbers"
       columns={[
-        {
-          title: "Location",
-          items: [
-            {
-              label: "Battersea, London",
-              href: "#",
-            },
-          ],
-        },
-        {
-          title: "Services",
-          items: [
-            {
-              label: "Haircuts",
-              href: "#services",
-            },
-            {
-              label: "Beard Trim",
-              href: "#services",
-            },
-          ],
-        },
-        {
-          title: "Contact",
-          items: [
-            {
-              label: "07378 291029",
-              href: "tel:07378291029",
-            },
-          ],
-        },
+        { title: "Location", items: [{ label: "Battersea, London", href: "#" }] },
+        { title: "Services", items: [{ label: "Haircuts", href: "#services" }, { label: "Beard Trim", href: "#services" }] },
+        { title: "Contact", items: [{ label: "07378 291029", href: "tel:07378291029" }] },
       ]}
       copyrightText="© 2025 Y&S Barbers — Precision cuts, friendly service, and premium barbering in Battersea."
     />
-- 
2.49.1