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

---
 src/app/page.tsx | 252 ++++++++++-------------------------------------
 1 file changed, 50 insertions(+), 202 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index cf5c56d..8d35469 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -32,21 +32,13 @@ export default function LandingPage() {
       <NavbarLayoutFloatingOverlay
       navItems={[
         {
-          name: "About",
-          id: "about",
-        },
+          name: "About",          id: "about"},
         {
-          name: "Services",
-          id: "services",
-        },
+          name: "Services",          id: "services"},
         {
-          name: "Testimonials",
-          id: "testimonials",
-        },
+          name: "Testimonials",          id: "testimonials"},
         {
-          name: "Contact",
-          id: "contact",
-        },
+          name: "Contact",          id: "contact"},
       ]}
       brandName="A.P's Barbershop"
     />
@@ -55,103 +47,55 @@ export default function LandingPage() {
   <div id="hero" data-section="hero">
       <HeroBillboardTestimonial
       background={{
-        variant: "plain",
-      }}
+        variant: "plain"}}
       title="Precision Cuts for the Modern Gentleman"
       description="At A.P's, we combine traditional techniques with modern style. Experience the difference of a professional cut tailored just for you."
       testimonials={[
         {
-          name: "James D.",
-          handle: "@jamesd",
-          testimonial: "Best fade I've had in years. Professional and welcoming vibe.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-details-hairdresser-salon_23-2149205856.jpg?_wi=1",
-          imageAlt: "barbershop interior modern dark aesthetic",
-        },
+          name: "James D.",          handle: "@jamesd",          testimonial: "Best fade I've had in years. Professional and welcoming vibe.",          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/close-up-details-hairdresser-salon_23-2149205856.jpg",          imageAlt: "barbershop interior modern dark aesthetic"},
         {
-          name: "Michael R.",
-          handle: "@miker",
-          testimonial: "A.P is a master of his craft. Never leaving disappointed.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/blank-paper-clipboard-flat-lay-with-barber-tools-job-career-concept_53876-153514.jpg?_wi=1",
-          imageAlt: "barbershop interior modern dark aesthetic",
-        },
+          name: "Michael R.",          handle: "@miker",          testimonial: "A.P is a master of his craft. Never leaving disappointed.",          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/blank-paper-clipboard-flat-lay-with-barber-tools-job-career-concept_53876-153514.jpg",          imageAlt: "barbershop interior modern dark aesthetic"},
         {
-          name: "Chris T.",
-          handle: "@christ",
-          testimonial: "Solid shop, consistent results every time.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/man-taking-good-care-his-face-home_23-2148883814.jpg?_wi=1",
-          imageAlt: "barbershop interior modern dark aesthetic",
-        },
+          name: "Chris T.",          handle: "@christ",          testimonial: "Solid shop, consistent results every time.",          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/man-taking-good-care-his-face-home_23-2148883814.jpg",          imageAlt: "barbershop interior modern dark aesthetic"},
         {
-          name: "Robert B.",
-          handle: "@robertb",
-          testimonial: "Great atmosphere, good conversation, and an even better haircut.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-hairdresser-holding-hair-dryer_23-2149220573.jpg?_wi=1",
-          imageAlt: "barbershop interior modern dark aesthetic",
-        },
+          name: "Robert B.",          handle: "@robertb",          testimonial: "Great atmosphere, good conversation, and an even better haircut.",          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/close-up-hairdresser-holding-hair-dryer_23-2149220573.jpg",          imageAlt: "barbershop interior modern dark aesthetic"},
         {
-          name: "David W.",
-          handle: "@davidw",
-          testimonial: "Friendly service and attention to detail. Highly recommend.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/man-with-moisturizing-mask-towel-his-head_1303-32261.jpg?_wi=1",
-          imageAlt: "barbershop interior modern dark aesthetic",
-        },
+          name: "David W.",          handle: "@davidw",          testimonial: "Friendly service and attention to detail. Highly recommend.",          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/man-with-moisturizing-mask-towel-his-head_1303-32261.jpg",          imageAlt: "barbershop interior modern dark aesthetic"},
       ]}
       buttons={[
         {
-          text: "Book Now",
-          href: "#contact",
-        },
+          text: "Book Now",          href: "#contact"},
       ]}
-      imageSrc="http://img.b2bpic.net/free-photo/close-up-details-hairdresser-salon_23-2149205856.jpg?_wi=2"
+      imageSrc="http://img.b2bpic.net/free-photo/close-up-details-hairdresser-salon_23-2149205856.jpg"
       imageAlt="A modern barbershop interior with a classic aesthetic"
       avatars={[
         {
-          src: "http://img.b2bpic.net/free-photo/barber-shop-interior_1163-2009.jpg",
-          alt: "Portrait of client 1",
-        },
+          src: "http://img.b2bpic.net/free-photo/barber-shop-interior_1163-2009.jpg",          alt: "Portrait of client 1"},
         {
-          src: "http://img.b2bpic.net/free-photo/hairdressing-chair-vintage-barber-shop_23-2148298304.jpg",
-          alt: "Portrait of client 2",
-        },
+          src: "http://img.b2bpic.net/free-photo/hairdressing-chair-vintage-barber-shop_23-2148298304.jpg",          alt: "Portrait of client 2"},
         {
-          src: "http://img.b2bpic.net/free-photo/barber-shop-retro-vintage-style_1150-17931.jpg",
-          alt: "Portrait of client 3",
-        },
+          src: "http://img.b2bpic.net/free-photo/barber-shop-retro-vintage-style_1150-17931.jpg",          alt: "Portrait of client 3"},
         {
-          src: "http://img.b2bpic.net/free-photo/front-view-baber-shop-chiar_23-2148506341.jpg",
-          alt: "Portrait of client 4",
-        },
+          src: "http://img.b2bpic.net/free-photo/front-view-baber-shop-chiar_23-2148506341.jpg",          alt: "Portrait of client 4"},
         {
-          src: "http://img.b2bpic.net/free-photo/vintage-paper-clipboard-salon-tools-jobs-career-concept_53876-128909.jpg",
-          alt: "Portrait of client 5",
-        },
+          src: "http://img.b2bpic.net/free-photo/vintage-paper-clipboard-salon-tools-jobs-career-concept_53876-128909.jpg",          alt: "Portrait of client 5"},
       ]}
       marqueeItems={[
         {
-          type: "text",
-          text: "Classic Style",
-        },
+          type: "text",          text: "Classic Style"},
         {
-          type: "text",
-          text: "Expert Barbers",
-        },
+          type: "text",          text: "Expert Barbers"},
         {
-          type: "text",
-          text: "Premium Care",
-        },
+          type: "text",          text: "Premium Care"},
         {
-          type: "text",
-          text: "Local Favorite",
-        },
+          type: "text",          text: "Local Favorite"},
         {
-          type: "text",
-          text: "Modern Vibe",
-        },
+          type: "text",          text: "Modern Vibe"},
       ]}
     />
   </div>
@@ -160,7 +104,6 @@ export default function LandingPage() {
       <TextAbout
       useInvertedBackground={true}
       title="More Than Just a Cut"
-      description="Established with a passion for excellence, A.P's Barbershop is dedicated to providing high-quality grooming services in a relaxing, classic atmosphere. We believe a great haircut is the foundation of a confident man."
     />
   </div>
 
@@ -171,26 +114,11 @@ export default function LandingPage() {
       useInvertedBackground={false}
       features={[
         {
-          id: "1",
-          title: "Precision Techniques",
-          subtitle: "Trained by masters",
-          category: "Style",
-          value: "Expertise",
-        },
+          id: "1",          title: "Precision Techniques",          subtitle: "Trained by masters",          category: "Style",          value: "Expertise"},
         {
-          id: "2",
-          title: "Classic Atmosphere",
-          subtitle: "Authentic barber shop feel",
-          category: "Vibe",
-          value: "Comfort",
-        },
+          id: "2",          title: "Classic Atmosphere",          subtitle: "Authentic barber shop feel",          category: "Vibe",          value: "Comfort"},
         {
-          id: "3",
-          title: "Premium Products",
-          subtitle: "Only the best for your hair",
-          category: "Quality",
-          value: "Standard",
-        },
+          id: "3",          title: "Premium Products",          subtitle: "Only the best for your hair",          category: "Quality",          value: "Standard"},
       ]}
       title="Why Choose A.P's?"
       description="We take pride in our craft, ensuring every client leaves feeling their absolute best."
@@ -205,47 +133,17 @@ export default function LandingPage() {
       useInvertedBackground={true}
       products={[
         {
-          id: "p1",
-          name: "Classic Cut",
-          price: "$30",
-          variant: "Men's Standard",
-          imageSrc: "http://img.b2bpic.net/free-photo/blank-paper-clipboard-flat-lay-with-barber-tools-job-career-concept_53876-153514.jpg?_wi=2",
-        },
+          id: "p1",          name: "Classic Cut",          price: "$30",          variant: "Men's Standard",          imageSrc: "http://img.b2bpic.net/free-photo/blank-paper-clipboard-flat-lay-with-barber-tools-job-career-concept_53876-153514.jpg"},
         {
-          id: "p2",
-          name: "Beard Trim",
-          price: "$15",
-          variant: "Grooming",
-          imageSrc: "http://img.b2bpic.net/free-photo/man-taking-good-care-his-face-home_23-2148883814.jpg?_wi=2",
-        },
+          id: "p2",          name: "Beard Trim",          price: "$15",          variant: "Grooming",          imageSrc: "http://img.b2bpic.net/free-photo/man-taking-good-care-his-face-home_23-2148883814.jpg"},
         {
-          id: "p3",
-          name: "Skin Fade",
-          price: "$35",
-          variant: "Premium",
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-hairdresser-holding-hair-dryer_23-2149220573.jpg?_wi=2",
-        },
+          id: "p3",          name: "Skin Fade",          price: "$35",          variant: "Premium",          imageSrc: "http://img.b2bpic.net/free-photo/close-up-hairdresser-holding-hair-dryer_23-2149220573.jpg"},
         {
-          id: "p4",
-          name: "Hot Towel Shave",
-          price: "$25",
-          variant: "Relaxation",
-          imageSrc: "http://img.b2bpic.net/free-photo/man-with-moisturizing-mask-towel-his-head_1303-32261.jpg?_wi=2",
-        },
+          id: "p4",          name: "Hot Towel Shave",          price: "$25",          variant: "Relaxation",          imageSrc: "http://img.b2bpic.net/free-photo/man-with-moisturizing-mask-towel-his-head_1303-32261.jpg"},
         {
-          id: "p5",
-          name: "Buzz Cut",
-          price: "$20",
-          variant: "Quick",
-          imageSrc: "http://img.b2bpic.net/free-photo/young-confident-blonde-male-barber-uniform-holds-face-trimming-beard-with-hair-clipper-isolated-green-space-with-copy-space_141793-60152.jpg",
-        },
+          id: "p5",          name: "Buzz Cut",          price: "$20",          variant: "Quick",          imageSrc: "http://img.b2bpic.net/free-photo/young-confident-blonde-male-barber-uniform-holds-face-trimming-beard-with-hair-clipper-isolated-green-space-with-copy-space_141793-60152.jpg"},
         {
-          id: "p6",
-          name: "Kids Cut",
-          price: "$25",
-          variant: "Family",
-          imageSrc: "http://img.b2bpic.net/free-photo/front-view-man-hair-salon_23-2150665449.jpg",
-        },
+          id: "p6",          name: "Kids Cut",          price: "$25",          variant: "Family",          imageSrc: "http://img.b2bpic.net/free-photo/front-view-man-hair-salon_23-2150665449.jpg"},
       ]}
       title="Our Services"
       description="From classic trims to modern fades, we have you covered."
@@ -259,40 +157,15 @@ export default function LandingPage() {
       useInvertedBackground={false}
       testimonials={[
         {
-          id: "1",
-          name: "Sarah",
-          handle: "@sarah",
-          testimonial: "My husband looks great after every visit.",
-          imageSrc: "http://img.b2bpic.net/free-photo/excited-young-male-barber-wearing-glasses-red-shirt-barber-apron-holding-barbering-tools-looking-camera-showing-thumb-up-isolated-blue-background_141793-138548.jpg",
-        },
+          id: "1",          name: "Sarah",          handle: "@sarah",          testimonial: "My husband looks great after every visit.",          imageSrc: "http://img.b2bpic.net/free-photo/excited-young-male-barber-wearing-glasses-red-shirt-barber-apron-holding-barbering-tools-looking-camera-showing-thumb-up-isolated-blue-background_141793-138548.jpg"},
         {
-          id: "2",
-          name: "Mark",
-          handle: "@mark",
-          testimonial: "Best barber in the city, hands down.",
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-two-male-barbers-looking-camera_23-2147839857.jpg",
-        },
+          id: "2",          name: "Mark",          handle: "@mark",          testimonial: "Best barber in the city, hands down.",          imageSrc: "http://img.b2bpic.net/free-photo/portrait-two-male-barbers-looking-camera_23-2147839857.jpg"},
         {
-          id: "3",
-          name: "Alex",
-          handle: "@alex",
-          testimonial: "Very professional and friendly staff.",
-          imageSrc: "http://img.b2bpic.net/free-photo/great-beautiful-young-female-shows-thumbs-up-smiling-looking-camera_651396-3868.jpg",
-        },
+          id: "3",          name: "Alex",          handle: "@alex",          testimonial: "Very professional and friendly staff.",          imageSrc: "http://img.b2bpic.net/free-photo/great-beautiful-young-female-shows-thumbs-up-smiling-looking-camera_651396-3868.jpg"},
         {
-          id: "4",
-          name: "John",
-          handle: "@john",
-          testimonial: "Clean shop, fast service, great haircut.",
-          imageSrc: "http://img.b2bpic.net/free-photo/beauty-man_633478-244.jpg",
-        },
+          id: "4",          name: "John",          handle: "@john",          testimonial: "Clean shop, fast service, great haircut.",          imageSrc: "http://img.b2bpic.net/free-photo/beauty-man_633478-244.jpg"},
         {
-          id: "5",
-          name: "Leo",
-          handle: "@leo",
-          testimonial: "Highly recommend their hot towel service.",
-          imageSrc: "http://img.b2bpic.net/free-photo/positive-blond-bearded-male-dressed-plaid-shirt-denim-jacket-posing-grey-vignette-background_613910-11758.jpg",
-        },
+          id: "5",          name: "Leo",          handle: "@leo",          testimonial: "Highly recommend their hot towel service.",          imageSrc: "http://img.b2bpic.net/free-photo/positive-blond-bearded-male-dressed-plaid-shirt-denim-jacket-posing-grey-vignette-background_613910-11758.jpg"},
       ]}
       title="What Our Clients Say"
       description="Don't just take our word for it."
@@ -304,14 +177,7 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={true}
       names={[
-        "Barber Weekly",
-        "City Gazette",
-        "Metro Monthly",
-        "Local Life",
-        "Style Today",
-        "Grooming News",
-        "Neighborhood Spot",
-      ]}
+        "Barber Weekly",        "City Gazette",        "Metro Monthly",        "Local Life",        "Style Today",        "Grooming News",        "Neighborhood Spot"]}
       title="Trusted by the Local Community"
       description="Proudly serving our neighborhood for years."
     />
@@ -322,20 +188,11 @@ export default function LandingPage() {
       useInvertedBackground={false}
       faqs={[
         {
-          id: "f1",
-          title: "Do I need an appointment?",
-          content: "Walk-ins are welcome, but appointments are recommended for guaranteed service.",
-        },
+          id: "f1",          title: "Do I need an appointment?",          content: "Walk-ins are welcome, but appointments are recommended for guaranteed service."},
         {
-          id: "f2",
-          title: "What payment methods do you accept?",
-          content: "We accept cash and major credit cards.",
-        },
+          id: "f2",          title: "What payment methods do you accept?",          content: "We accept cash and major credit cards."},
         {
-          id: "f3",
-          title: "How long do haircuts typically take?",
-          content: "Most services take 30 to 45 minutes depending on the complexity.",
-        },
+          id: "f3",          title: "How long do haircuts typically take?",          content: "Most services take 30 to 45 minutes depending on the complexity."},
       ]}
       sideTitle="Frequently Asked Questions"
       faqsAnimation="slide-up"
@@ -346,8 +203,7 @@ export default function LandingPage() {
       <ContactSplit
       useInvertedBackground={true}
       background={{
-        variant: "plain",
-      }}
+        variant: "plain"}}
       tag="Visit Us"
       title="Book Your Appointment"
       description="Ready for a fresh look? Reach out today."
@@ -363,25 +219,17 @@ export default function LandingPage() {
         {
           items: [
             {
-              label: "About",
-              href: "#about",
-            },
+              label: "About",              href: "#about"},
             {
-              label: "Services",
-              href: "#services",
-            },
+              label: "Services",              href: "#services"},
           ],
         },
         {
           items: [
             {
-              label: "Contact",
-              href: "#contact",
-            },
+              label: "Contact",              href: "#contact"},
             {
-              label: "Privacy Policy",
-              href: "#",
-            },
+              label: "Privacy Policy",              href: "#"},
           ],
         },
       ]}
-- 
2.49.1