From a3a81a93b8dffa1128b43bce24fa17951126d619 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Wed, 6 May 2026 16:35:32 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 372 +++++++++++------------------------------------
 1 file changed, 86 insertions(+), 286 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index c3f0348..3df42ad 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -32,27 +32,18 @@ export default function LandingPage() {
       <NavbarLayoutFloatingOverlay
       navItems={[
         {
-          name: "Home",
-          id: "hero",
-        },
+          name: "Home",          id: "hero"},
         {
-          name: "Services",
-          id: "services",
-        },
+          name: "Services",          id: "services"},
         {
-          name: "Prices",
-          id: "pricing",
-        },
+          name: "Prices",          id: "pricing"},
         {
-          name: "Contact",
-          id: "contact",
-        },
+          name: "Contact",          id: "contact"},
       ]}
       brandName="DOC BARNET"
+      logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DMGxfgFdRWLXzYqe2HfYt6JE4x/uploaded-1778085314330-0z5ji9s5.jpg"
       button={{
-        text: "BOOK NOW",
-        href: "#contact",
-      }}
+        text: "BOOK NOW",        href: "#contact"}}
     />
   </div>
 
@@ -60,102 +51,57 @@ export default function LandingPage() {
       <HeroBillboardTestimonial
       useInvertedBackground={false}
       background={{
-        variant: "gradient-bars",
-      }}
+        variant: "gradient-bars"}}
       title="NOW OPEN AT GLOUCESTER QUAYS"
       description="Premium Grooming. Expert Styling. Experience the pinnacle of grooming excellence."
       testimonials={[
         {
-          name: "James R.",
-          handle: "@jamesr",
-          testimonial: "Best haircut I've had in years. Professional and high quality.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/portriat-beautiful-business-woman-standing_23-2148317282.jpg",
-        },
+          name: "James R.",          handle: "@jamesr",          testimonial: "Best haircut I've had in years. Professional and high quality.",          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/portriat-beautiful-business-woman-standing_23-2148317282.jpg"},
         {
-          name: "Sophie M.",
-          handle: "@sophiem",
-          testimonial: "Amazing Balayage treatment, truly premium experience.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/attractive-woman-dark-wall_329181-7280.jpg",
-        },
+          name: "Sophie M.",          handle: "@sophiem",          testimonial: "Amazing Balayage treatment, truly premium experience.",          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/attractive-woman-dark-wall_329181-7280.jpg"},
         {
-          name: "Mark D.",
-          handle: "@markd",
-          testimonial: "The attention to detail on the fade was spot on. 5 stars.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/handsome-bearded-man-barbershop-barber-work_627829-7351.jpg",
-        },
+          name: "Mark D.",          handle: "@markd",          testimonial: "The attention to detail on the fade was spot on. 5 stars.",          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/handsome-bearded-man-barbershop-barber-work_627829-7351.jpg"},
         {
-          name: "Elena P.",
-          handle: "@elenap",
-          testimonial: "Professional, welcoming, and perfectly styled. Highly recommend.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-with-dandruff-looking-mirror_23-2149311387.jpg",
-        },
+          name: "Elena P.",          handle: "@elenap",          testimonial: "Professional, welcoming, and perfectly styled. Highly recommend.",          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-with-dandruff-looking-mirror_23-2149311387.jpg"},
         {
-          name: "Chris W.",
-          handle: "@chrisw",
-          testimonial: "Classic barbering with a modern, luxury edge. Exceptional.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/stylish-room-with-blurred-effect_1203-554.jpg",
-        },
+          name: "Chris W.",          handle: "@chrisw",          testimonial: "Classic barbering with a modern, luxury edge. Exceptional.",          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/stylish-room-with-blurred-effect_1203-554.jpg"},
       ]}
       buttons={[
         {
-          text: "BOOK NOW",
-          href: "#contact",
-        },
+          text: "BOOK NOW",          href: "#contact"},
         {
-          text: "VIEW PRICES",
-          href: "#pricing",
-        },
+          text: "VIEW PRICES",          href: "#pricing"},
       ]}
       imageSrc="http://img.b2bpic.net/free-photo/close-up-details-hairdresser-salon_23-2149205856.jpg"
       imageAlt="Doc Barnet Luxury Salon"
       avatars={[
         {
-          src: "http://img.b2bpic.net/free-photo/shaving-process-small-dog-sits-table-dog-shaved-by-professional_1157-48807.jpg",
-          alt: "Shaving process",
-        },
+          src: "http://img.b2bpic.net/free-photo/shaving-process-small-dog-sits-table-dog-shaved-by-professional_1157-48807.jpg",          alt: "Shaving process"},
         {
-          src: "http://img.b2bpic.net/free-photo/haircuting-process-small-dog-sits-table-dog-with-professional_1157-48820.jpg",
-          alt: "Haircut process",
-        },
+          src: "http://img.b2bpic.net/free-photo/haircuting-process-small-dog-sits-table-dog-with-professional_1157-48820.jpg",          alt: "Haircut process"},
         {
-          src: "http://img.b2bpic.net/free-photo/person-creating-online-content-with-their-pets_23-2151420269.jpg",
-          alt: "Creative content",
-        },
+          src: "http://img.b2bpic.net/free-photo/person-creating-online-content-with-their-pets_23-2151420269.jpg",          alt: "Creative content"},
         {
-          src: "http://img.b2bpic.net/free-photo/washing-process-small-dog-sits-table-dog-spaying-by-professional_1157-48817.jpg",
-          alt: "Washing process",
-        },
+          src: "http://img.b2bpic.net/free-photo/washing-process-small-dog-sits-table-dog-spaying-by-professional_1157-48817.jpg",          alt: "Washing process"},
         {
-          src: "http://img.b2bpic.net/free-photo/handsome-afro-american-traveler-brown-jacket-hat-with-backpack-stands-studio-isolated-dark-background_613910-6586.jpg",
-          alt: "Stylish traveler",
-        },
+          src: "http://img.b2bpic.net/free-photo/handsome-afro-american-traveler-brown-jacket-hat-with-backpack-stands-studio-isolated-dark-background_613910-6586.jpg",          alt: "Stylish traveler"},
       ]}
       marqueeItems={[
         {
-          type: "text",
-          text: "PRECISION CUTS",
-        },
+          type: "text",          text: "PRECISION CUTS"},
         {
-          type: "text",
-          text: "LUXURY COLOR",
-        },
+          type: "text",          text: "LUXURY COLOR"},
         {
-          type: "text",
-          text: "EXPERT STYLING",
-        },
+          type: "text",          text: "EXPERT STYLING"},
         {
-          type: "text",
-          text: "PREMIUM BEARD",
-        },
+          type: "text",          text: "PREMIUM BEARD"},
         {
-          type: "text",
-          text: "MODERN SALON",
-        },
+          type: "text",          text: "MODERN SALON"},
       ]}
     />
   </div>
@@ -165,20 +111,13 @@ export default function LandingPage() {
       useInvertedBackground={false}
       heading={[
         {
-          type: "text",
-          content: "THE DOC BARNET EXPERIENCE",
-        },
+          type: "text",          content: "THE DOC BARNET EXPERIENCE"},
         {
-          type: "image",
-          src: "http://img.b2bpic.net/free-photo/barber-applying-cream-clients-beard_107420-94778.jpg",
-          alt: "Barber at work",
-        },
+          type: "image",          src: "http://img.b2bpic.net/free-photo/barber-applying-cream-clients-beard_107420-94778.jpg",          alt: "Barber at work"},
       ]}
       buttons={[
         {
-          text: "DISCOVER MORE",
-          href: "#services",
-        },
+          text: "DISCOVER MORE",          href: "#services"},
       ]}
     />
   </div>
@@ -191,23 +130,11 @@ export default function LandingPage() {
       useInvertedBackground={false}
       features={[
         {
-          title: "Gents Haircuts",
-          description: "Precision styling tailored to your unique look.",
-          imageSrc: "http://img.b2bpic.net/free-photo/studio-portrait-fashionable-modern-male-grey-t-shirt_613910-532.jpg",
-          imageAlt: "Gents Haircut",
-        },
+          title: "Gents Haircuts",          description: "Precision styling tailored to your unique look.",          imageSrc: "http://img.b2bpic.net/free-photo/studio-portrait-fashionable-modern-male-grey-t-shirt_613910-532.jpg",          imageAlt: "Gents Haircut"},
         {
-          title: "Ladies Styling",
-          description: "Wash, cut, and blow dry services for sophisticated style.",
-          imageSrc: "http://img.b2bpic.net/free-photo/woman-with-hairdryer-hairbrush_1385-2900.jpg",
-          imageAlt: "Ladies Styling",
-        },
+          title: "Ladies Styling",          description: "Wash, cut, and blow dry services for sophisticated style.",          imageSrc: "http://img.b2bpic.net/free-photo/woman-with-hairdryer-hairbrush_1385-2900.jpg",          imageAlt: "Ladies Styling"},
         {
-          title: "Beard & Facial",
-          description: "Expert beard shaping, hot towel shaves, and facial treatments.",
-          imageSrc: "http://img.b2bpic.net/free-photo/woman-helping-man-applying-facial-mask_23-2148784320.jpg",
-          imageAlt: "Facial treatment",
-        },
+          title: "Beard & Facial",          description: "Expert beard shaping, hot towel shaves, and facial treatments.",          imageSrc: "http://img.b2bpic.net/free-photo/woman-helping-man-applying-facial-mask_23-2148784320.jpg",          imageAlt: "Facial treatment"},
       ]}
       title="PREMIUM SERVICES"
       description="Comprehensive grooming and hair solutions for gentlemen and ladies."
@@ -221,57 +148,28 @@ export default function LandingPage() {
       useInvertedBackground={false}
       plans={[
         {
-          id: "p1",
-          badge: "Most Popular",
-          price: "£35",
-          subtitle: "Premium Haircut & Styling",
-          buttons: [
+          id: "p1",          badge: "Most Popular",          price: "£35",          subtitle: "Premium Haircut & Styling",          buttons: [
             {
-              text: "Book Now",
-              href: "#contact",
-            },
+              text: "Book Now",              href: "#contact"},
           ],
           features: [
-            "Consultation",
-            "Precision Cut",
-            "Style Advice",
-            "Finish",
-          ],
+            "Consultation",            "Precision Cut",            "Style Advice",            "Finish"],
         },
         {
-          id: "p2",
-          badge: "Essential",
-          price: "£55",
-          subtitle: "Cut, Wash & Blow Dry",
-          buttons: [
+          id: "p2",          badge: "Essential",          price: "£55",          subtitle: "Cut, Wash & Blow Dry",          buttons: [
             {
-              text: "Book Now",
-              href: "#contact",
-            },
+              text: "Book Now",              href: "#contact"},
           ],
           features: [
-            "Head Massage",
-            "Professional Cut",
-            "Styling",
-          ],
+            "Head Massage",            "Professional Cut",            "Styling"],
         },
         {
-          id: "p3",
-          badge: "Luxury",
-          price: "£85",
-          subtitle: "Balayage & Treatment",
-          buttons: [
+          id: "p3",          badge: "Luxury",          price: "£85",          subtitle: "Balayage & Treatment",          buttons: [
             {
-              text: "Book Now",
-              href: "#contact",
-            },
+              text: "Book Now",              href: "#contact"},
           ],
           features: [
-            "Consultation",
-            "Expert Colour",
-            "Treatment",
-            "Finish",
-          ],
+            "Consultation",            "Expert Colour",            "Treatment",            "Finish"],
         },
       ]}
       title="PRICE LIST"
@@ -287,59 +185,23 @@ export default function LandingPage() {
       useInvertedBackground={false}
       products={[
         {
-          id: "g1",
-          name: "Classic Fade",
-          brand: "Styling",
-          price: "Transformation",
-          rating: 5,
-          reviewCount: "2024",
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-stylish-male-who-himself-shaving-while-sitting-barber-chair-hairdressing-salon_613910-18649.jpg",
-        },
+          id: "g1",          name: "Classic Fade",          brand: "Styling",          price: "Transformation",          rating: 5,
+          reviewCount: "2024",          imageSrc: "http://img.b2bpic.net/free-photo/portrait-stylish-male-who-himself-shaving-while-sitting-barber-chair-hairdressing-salon_613910-18649.jpg"},
         {
-          id: "g2",
-          name: "Balayage",
-          brand: "Colour",
-          price: "Transformation",
-          rating: 5,
-          reviewCount: "2024",
-          imageSrc: "http://img.b2bpic.net/free-photo/woman-wears-grey-hair-wig_633478-1316.jpg",
-        },
+          id: "g2",          name: "Balayage",          brand: "Colour",          price: "Transformation",          rating: 5,
+          reviewCount: "2024",          imageSrc: "http://img.b2bpic.net/free-photo/woman-wears-grey-hair-wig_633478-1316.jpg"},
         {
-          id: "g3",
-          name: "Salon Interior",
-          brand: "Style",
-          price: "Luxury Space",
-          rating: 5,
-          reviewCount: "2024",
-          imageSrc: "http://img.b2bpic.net/free-photo/professional-hairdresser-sitting-barber-chair-waiting-customer_613910-3902.jpg",
-        },
+          id: "g3",          name: "Salon Interior",          brand: "Style",          price: "Luxury Space",          rating: 5,
+          reviewCount: "2024",          imageSrc: "http://img.b2bpic.net/free-photo/professional-hairdresser-sitting-barber-chair-waiting-customer_613910-3902.jpg"},
         {
-          id: "g4",
-          name: "Lighting Design",
-          brand: "Design",
-          price: "Atmosphere",
-          rating: 5,
-          reviewCount: "2024",
-          imageSrc: "http://img.b2bpic.net/free-photo/high-angle-barber-s-instruments-shop_23-2149186524.jpg",
-        },
+          id: "g4",          name: "Lighting Design",          brand: "Design",          price: "Atmosphere",          rating: 5,
+          reviewCount: "2024",          imageSrc: "http://img.b2bpic.net/free-photo/high-angle-barber-s-instruments-shop_23-2149186524.jpg"},
         {
-          id: "g5",
-          name: "Tools",
-          brand: "Precision",
-          price: "Detail",
-          rating: 5,
-          reviewCount: "2024",
-          imageSrc: "http://img.b2bpic.net/free-photo/model-career-kit-still-life-top-view_23-2150217977.jpg",
-        },
+          id: "g5",          name: "Tools",          brand: "Precision",          price: "Detail",          rating: 5,
+          reviewCount: "2024",          imageSrc: "http://img.b2bpic.net/free-photo/model-career-kit-still-life-top-view_23-2150217977.jpg"},
         {
-          id: "g6",
-          name: "Blow Dry",
-          brand: "Styling",
-          price: "Treatment",
-          rating: 5,
-          reviewCount: "2024",
-          imageSrc: "http://img.b2bpic.net/free-photo/woman-drying-hair-hairsalon_1157-27184.jpg",
-        },
+          id: "g6",          name: "Blow Dry",          brand: "Styling",          price: "Treatment",          rating: 5,
+          reviewCount: "2024",          imageSrc: "http://img.b2bpic.net/free-photo/woman-drying-hair-hairsalon_1157-27184.jpg"},
       ]}
       title="OUR WORK"
       description="Visual highlights from our salon floor."
@@ -353,59 +215,28 @@ export default function LandingPage() {
       useInvertedBackground={false}
       testimonials={[
         {
-          id: "1",
-          name: "Sarah H.",
-          role: "Client",
-          company: "Local Resident",
-          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",
-        },
+          id: "1",          name: "Sarah H.",          role: "Client",          company: "Local Resident",          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"},
         {
-          id: "2",
-          name: "David L.",
-          role: "Client",
-          company: "Businessman",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-stylish-woman-posing-fashionable-outfit_23-2149021828.jpg",
-        },
+          id: "2",          name: "David L.",          role: "Client",          company: "Businessman",          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/portrait-stylish-woman-posing-fashionable-outfit_23-2149021828.jpg"},
         {
-          id: "3",
-          name: "Emily B.",
-          role: "Client",
-          company: "Frequent Visitor",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/professional-barber-working-with-client-hairdressing-salon-styling-beard-with-trimmer_613910-18291.jpg",
-        },
+          id: "3",          name: "Emily B.",          role: "Client",          company: "Frequent Visitor",          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/professional-barber-working-with-client-hairdressing-salon-styling-beard-with-trimmer_613910-18291.jpg"},
         {
-          id: "4",
-          name: "John D.",
-          role: "Client",
-          company: "Styling Enthusiast",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-man-barbershop-with-classic-styling_618663-34.jpg",
-        },
+          id: "4",          name: "John D.",          role: "Client",          company: "Styling Enthusiast",          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/portrait-man-barbershop-with-classic-styling_618663-34.jpg"},
         {
-          id: "5",
-          name: "Clara R.",
-          role: "Client",
-          company: "New Guest",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/two-businessman-discussing-their-chart-coffee-shop_1150-6422.jpg",
-        },
+          id: "5",          name: "Clara R.",          role: "Client",          company: "New Guest",          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/two-businessman-discussing-their-chart-coffee-shop_1150-6422.jpg"},
       ]}
       kpiItems={[
         {
-          value: "17+",
-          label: "Years Experience",
-        },
+          value: "17+",          label: "Years Experience"},
         {
-          value: "5000+",
-          label: "Happy Clients",
-        },
+          value: "5000+",          label: "Happy Clients"},
         {
-          value: "100%",
-          label: "Satisfaction Rate",
-        },
+          value: "100%",          label: "Satisfaction Rate"},
       ]}
       title="WHAT OUR CLIENTS SAY"
       description="We pride ourselves on the highest standards of service and style."
@@ -416,8 +247,7 @@ export default function LandingPage() {
       <ContactCenter
       useInvertedBackground={false}
       background={{
-        variant: "gradient-bars",
-      }}
+        variant: "gradient-bars"}}
       tag="LIMITED OFFER"
       title="20% OFF YOUR FIRST VISIT"
       description="Join our club and enjoy premium grooming at a special introductory rate."
@@ -430,20 +260,11 @@ export default function LandingPage() {
       useInvertedBackground={false}
       faqs={[
         {
-          id: "f1",
-          title: "Opening Hours",
-          content: "Mon-Sat: 9am - 7pm | Sun: 10am - 4pm",
-        },
+          id: "f1",          title: "Opening Hours",          content: "Mon-Sat: 9am - 7pm | Sun: 10am - 4pm"},
         {
-          id: "f2",
-          title: "Appointments",
-          content: "01452 224220 / 07495 044457",
-        },
+          id: "f2",          title: "Appointments",          content: "01452 224220 / 07495 044457"},
         {
-          id: "f3",
-          title: "Location",
-          content: "Gloucester Quays Designer Outlet",
-        },
+          id: "f3",          title: "Location",          content: "Gloucester Quays Designer Outlet"},
       ]}
       imageSrc="http://img.b2bpic.net/free-photo/hairdressing-equipment-white-background_23-2147711627.jpg"
       mediaAnimation="slide-up"
@@ -459,54 +280,33 @@ export default function LandingPage() {
       logoText="DOC BARNET"
       columns={[
         {
-          title: "Services",
-          items: [
+          title: "Services",          items: [
             {
-              label: "Gents Hair",
-              href: "#services",
-            },
+              label: "Gents Hair",              href: "#services"},
             {
-              label: "Ladies Cut",
-              href: "#services",
-            },
+              label: "Ladies Cut",              href: "#services"},
             {
-              label: "Beard Grooming",
-              href: "#services",
-            },
+              label: "Beard Grooming",              href: "#services"},
           ],
         },
         {
-          title: "Company",
-          items: [
+          title: "Company",          items: [
             {
-              label: "About Us",
-              href: "#about",
-            },
+              label: "About Us",              href: "#about"},
             {
-              label: "Contact",
-              href: "#contact",
-            },
+              label: "Contact",              href: "#contact"},
             {
-              label: "Book Now",
-              href: "#contact",
-            },
+              label: "Book Now",              href: "#contact"},
           ],
         },
         {
-          title: "Social",
-          items: [
+          title: "Social",          items: [
             {
-              label: "Instagram",
-              href: "#",
-            },
+              label: "Instagram",              href: "#"},
             {
-              label: "Facebook",
-              href: "#",
-            },
+              label: "Facebook",              href: "#"},
             {
-              label: "Privacy Policy",
-              href: "#",
-            },
+              label: "Privacy Policy",              href: "#"},
           ],
         },
       ]}
@@ -515,4 +315,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}
\ No newline at end of file
-- 
2.49.1