From 931ffbc47193b3e621de1b7096329046b069df23 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Thu, 7 May 2026 22:27:30 +0000
Subject: [PATCH] Update src/app/page.tsx

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

diff --git a/src/app/page.tsx b/src/app/page.tsx
index b21a843..925c8c4 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -31,26 +31,11 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarLayoutFloatingOverlay
       navItems={[
-        {
-          name: "Home",
-          id: "hero",
-        },
-        {
-          name: "About",
-          id: "about",
-        },
-        {
-          name: "Services",
-          id: "features",
-        },
-        {
-          name: "Pricing",
-          id: "pricing",
-        },
-        {
-          name: "Contact",
-          id: "contact",
-        },
+        { name: "Home", id: "hero" },
+        { name: "About", id: "about" },
+        { name: "Services", id: "features" },
+        { name: "Pricing", id: "pricing" },
+        { name: "Contact", id: "contact" },
       ]}
       brandName="Louie's BarberChop"
     />
@@ -58,48 +43,17 @@ export default function LandingPage() {
 
   <div id="hero" data-section="hero">
       <HeroBillboardRotatedCarousel
-      background={{
-        variant: "rotated-rays-animated",
-      }}
+      background={{ variant: "rotated-rays-animated" }}
       title="Precision Cuts & Classic Style"
       description="At Louie’s BarberChop, we believe a great haircut is the foundation of confidence. Experience superior grooming services tailored just for you."
-      buttons={[
-        {
-          text: "Book Now",
-          href: "#contact",
-        },
-      ]}
+      buttons={[{ text: "Book Now", href: "#contact" }]}
       carouselItems={[
-        {
-          id: "1",
-          imageSrc: "http://img.b2bpic.net/free-photo/barber-shop-retro-vintage-style_1150-17931.jpg?_wi=1",
-          imageAlt: "barbershop interior modern atmosphere",
-        },
-        {
-          id: "2",
-          imageSrc: "http://img.b2bpic.net/free-photo/top-view-male-self-care-setting-still-life_23-2150326539.jpg?_wi=1",
-          imageAlt: "sharp haircut barber shop style",
-        },
-        {
-          id: "3",
-          imageSrc: "http://img.b2bpic.net/free-photo/crop-barber-combing-moustache-client_23-2147778841.jpg?_wi=1",
-          imageAlt: "barber grooming man beard trim",
-        },
-        {
-          id: "4",
-          imageSrc: "http://img.b2bpic.net/free-photo/stylish-man-sitting-barbershop_1157-20492.jpg",
-          imageAlt: "barber cutting hair detail shot",
-        },
-        {
-          id: "5",
-          imageSrc: "http://img.b2bpic.net/free-photo/professional-hair-comb-with-copy-space_23-2148352919.jpg",
-          imageAlt: "barber shop interior modern classic",
-        },
-        {
-          id: "6",
-          imageSrc: "http://img.b2bpic.net/free-photo/hairstylist-giving-haircut-customer_23-2148506232.jpg",
-          imageAlt: "man getting fresh haircut",
-        },
+        { id: "1", imageSrc: "http://img.b2bpic.net/free-photo/barber-shop-retro-vintage-style_1150-17931.jpg", imageAlt: "barbershop interior modern atmosphere" },
+        { id: "2", imageSrc: "http://img.b2bpic.net/free-photo/top-view-male-self-care-setting-still-life_23-2150326539.jpg", imageAlt: "sharp haircut barber shop style" },
+        { id: "3", imageSrc: "http://img.b2bpic.net/free-photo/crop-barber-combing-moustache-client_23-2147778841.jpg", imageAlt: "barber grooming man beard trim" },
+        { id: "4", imageSrc: "http://img.b2bpic.net/free-photo/stylish-man-sitting-barbershop_1157-20492.jpg", imageAlt: "barber cutting hair detail shot" },
+        { id: "5", imageSrc: "http://img.b2bpic.net/free-photo/professional-hair-comb-with-copy-space_23-2148352919.jpg", imageAlt: "barber shop interior modern classic" },
+        { id: "6", imageSrc: "http://img.b2bpic.net/free-photo/hairstylist-giving-haircut-customer_23-2148506232.jpg", imageAlt: "man getting fresh haircut" },
       ]}
     />
   </div>
@@ -111,18 +65,9 @@ export default function LandingPage() {
       title="Craftsmanship in Every Cut"
       description="Louie’s BarberChop isn't just about haircuts; it's about the tradition of grooming. We bring together modern techniques and classic service to give you a look that defines excellence."
       bulletPoints={[
-        {
-          title: "Expert Stylists",
-          description: "Trained professionals focused on precision.",
-        },
-        {
-          title: "Premium Products",
-          description: "Using the best products for your hair.",
-        },
-        {
-          title: "Relaxing Environment",
-          description: "Unwind while you get refreshed.",
-        },
+        { title: "Expert Stylists", description: "Trained professionals focused on precision." },
+        { title: "Premium Products", description: "Using the best products for your hair." },
+        { title: "Relaxing Environment", description: "Unwind while you get refreshed." },
       ]}
       imageSrc="http://img.b2bpic.net/free-photo/male-barber-giving-his-client-nice-haircut_23-2149186489.jpg"
       mediaAnimation="slide-up"
@@ -137,46 +82,16 @@ export default function LandingPage() {
       useInvertedBackground={true}
       features={[
         {
-          title: "Classic Fade",
-          description: "Precision fades with sharp edges.",
-          phoneOne: {
-            imageSrc: "http://img.b2bpic.net/free-photo/young-excited-blonde-male-barber-uniform-smeared-face-with-shaving-foam-holding-shaving-brush_141793-31568.jpg",
-            imageAlt: "barber shop booking app screen",
-          },
-          phoneTwo: {
-            imageSrc: "http://img.b2bpic.net/free-photo/selfie-after-bath_1098-12978.jpg",
-            imageAlt: "barber shop loyalty program interface",
-          },
-          imageSrc: "http://img.b2bpic.net/free-photo/barber-shop-retro-vintage-style_1150-17931.jpg?_wi=2",
-          imageAlt: "barber shop booking app screen",
+          title: "Classic Fade",          description: "Precision fades with sharp edges.",          phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/young-excited-blonde-male-barber-uniform-smeared-face-with-shaving-foam-holding-shaving-brush_141793-31568.jpg", imageAlt: "barber shop booking app screen" },
+          phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/selfie-after-bath_1098-12978.jpg", imageAlt: "barber shop loyalty program interface" },
         },
         {
-          title: "Beard Sculpting",
-          description: "Detailed beard shaping and trimming.",
-          phoneOne: {
-            imageSrc: "http://img.b2bpic.net/free-photo/selfie-bathroom_1098-12983.jpg",
-            imageAlt: "barber shop booking app screen",
-          },
-          phoneTwo: {
-            imageSrc: "http://img.b2bpic.net/free-photo/friends-suffering-from-social-media-addiction_23-2149416011.jpg",
-            imageAlt: "barber shop loyalty program interface",
-          },
-          imageSrc: "http://img.b2bpic.net/free-photo/top-view-male-self-care-setting-still-life_23-2150326539.jpg?_wi=2",
-          imageAlt: "barber shop booking app screen",
+          title: "Beard Sculpting",          description: "Detailed beard shaping and trimming.",          phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/selfie-bathroom_1098-12983.jpg", imageAlt: "barber shop booking app screen" },
+          phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/friends-suffering-from-social-media-addiction_23-2149416011.jpg", imageAlt: "barber shop loyalty program interface" },
         },
         {
-          title: "Hot Towel Shave",
-          description: "A relaxing and rejuvenating experience.",
-          phoneOne: {
-            imageSrc: "http://img.b2bpic.net/free-photo/low-angle-costumer-barber-shop-looking-phone_23-2148242842.jpg",
-            imageAlt: "barber shop booking app screen",
-          },
-          phoneTwo: {
-            imageSrc: "http://img.b2bpic.net/free-photo/low-angle-client-barber-shop-looking-phone_23-2148242841.jpg",
-            imageAlt: "barber shop loyalty program interface",
-          },
-          imageSrc: "http://img.b2bpic.net/free-photo/crop-barber-combing-moustache-client_23-2147778841.jpg?_wi=2",
-          imageAlt: "barber shop booking app screen",
+          title: "Hot Towel Shave",          description: "A relaxing and rejuvenating experience.",          phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/low-angle-costumer-barber-shop-looking-phone_23-2148242842.jpg", imageAlt: "barber shop booking app screen" },
+          phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/low-angle-client-barber-shop-looking-phone_23-2148242841.jpg", imageAlt: "barber shop loyalty program interface" },
         },
       ]}
       showStepNumbers={true}
@@ -192,55 +107,16 @@ export default function LandingPage() {
       useInvertedBackground={false}
       plans={[
         {
-          id: "basic",
-          badge: "Standard",
-          price: "$25",
-          subtitle: "Classic haircut experience.",
-          buttons: [
-            {
-              text: "Book Now",
-              href: "#contact",
-            },
-          ],
-          features: [
-            "Haircut",
-            "Neck trim",
-            "Consultation",
-          ],
+          id: "basic",          badge: "Standard",          price: "$25",          subtitle: "Classic haircut experience.",          buttons: [{ text: "Book Now", href: "#contact" }],
+          features: ["Haircut", "Neck trim", "Consultation"],
         },
         {
-          id: "pro",
-          badge: "Popular",
-          price: "$45",
-          subtitle: "The ultimate barber service.",
-          buttons: [
-            {
-              text: "Book Now",
-              href: "#contact",
-            },
-          ],
-          features: [
-            "Haircut & Beard",
-            "Hot Towel",
-            "Scalp Massage",
-          ],
+          id: "pro",          badge: "Popular",          price: "$45",          subtitle: "The ultimate barber service.",          buttons: [{ text: "Book Now", href: "#contact" }],
+          features: ["Haircut & Beard", "Hot Towel", "Scalp Massage"],
         },
         {
-          id: "premium",
-          badge: "Expert",
-          price: "$65",
-          subtitle: "Full grooming package.",
-          buttons: [
-            {
-              text: "Book Now",
-              href: "#contact",
-            },
-          ],
-          features: [
-            "Deluxe Haircut",
-            "Face Shave",
-            "Premium Products",
-          ],
+          id: "premium",          badge: "Expert",          price: "$65",          subtitle: "Full grooming package.",          buttons: [{ text: "Book Now", href: "#contact" }],
+          features: ["Deluxe Haircut", "Face Shave", "Premium Products"],
         },
       ]}
       title="Simple Pricing"
@@ -255,21 +131,9 @@ export default function LandingPage() {
       gridVariant="bento-grid"
       useInvertedBackground={true}
       metrics={[
-        {
-          id: "1",
-          value: "15+",
-          description: "Years of experience",
-        },
-        {
-          id: "2",
-          value: "10k+",
-          description: "Happy clients served",
-        },
-        {
-          id: "3",
-          value: "4.9",
-          description: "Rating out of 5 stars",
-        },
+        { id: "1", value: "15+", description: "Years of experience" },
+        { id: "2", value: "10k+", description: "Happy clients served" },
+        { id: "3", value: "4.9", description: "Rating out of 5 stars" },
       ]}
       title="By The Numbers"
       description="Our shop has built a solid reputation in the community."
@@ -283,45 +147,15 @@ export default function LandingPage() {
       useInvertedBackground={false}
       testimonials={[
         {
-          id: "1",
-          name: "Mark R.",
-          role: "Client",
-          testimonial: "Best fade I have ever received. Louie is a true artist.",
-          imageSrc: "http://img.b2bpic.net/free-photo/side-view-man-hair-salon_23-2150665451.jpg",
-          imageAlt: "happy customer fresh haircut portrait",
-        },
+          id: "1",          name: "Mark R.",          role: "Client",          testimonial: "Best fade I have ever received. Louie is a true artist.",          imageSrc: "http://img.b2bpic.net/free-photo/side-view-man-hair-salon_23-2150665451.jpg",          imageAlt: "happy customer fresh haircut portrait"},
         {
-          id: "2",
-          name: "James L.",
-          role: "Client",
-          testimonial: "Professional, clean, and exactly what I needed.",
-          imageSrc: "http://img.b2bpic.net/free-photo/european-brutal-man-with-beard-cut-barbershop_343596-4697.jpg",
-          imageAlt: "customer smiling beard trim",
-        },
+          id: "2",          name: "James L.",          role: "Client",          testimonial: "Professional, clean, and exactly what I needed.",          imageSrc: "http://img.b2bpic.net/free-photo/european-brutal-man-with-beard-cut-barbershop_343596-4697.jpg",          imageAlt: "customer smiling beard trim"},
         {
-          id: "3",
-          name: "David S.",
-          role: "Client",
-          testimonial: "Louie's BarberChop is the only place I trust with my beard.",
-          imageSrc: "http://img.b2bpic.net/free-photo/latino-hair-salon-owner-preparing-clients_23-2150286016.jpg",
-          imageAlt: "young man haircut professional results",
-        },
+          id: "3",          name: "David S.",          role: "Client",          testimonial: "Louie's BarberChop is the only place I trust with my beard.",          imageSrc: "http://img.b2bpic.net/free-photo/latino-hair-salon-owner-preparing-clients_23-2150286016.jpg",          imageAlt: "young man haircut professional results"},
         {
-          id: "4",
-          name: "Kevin M.",
-          role: "Client",
-          testimonial: "Great atmosphere and consistently amazing cuts.",
-          imageSrc: "http://img.b2bpic.net/free-photo/experienced-tattoo-artist-working-client-tattoo_23-2149479238.jpg",
-          imageAlt: "man looking at mirror fresh cut",
-        },
+          id: "4",          name: "Kevin M.",          role: "Client",          testimonial: "Great atmosphere and consistently amazing cuts.",          imageSrc: "http://img.b2bpic.net/free-photo/experienced-tattoo-artist-working-client-tattoo_23-2149479238.jpg",          imageAlt: "man looking at mirror fresh cut"},
         {
-          id: "5",
-          name: "Ryan P.",
-          role: "Client",
-          testimonial: "Highly recommended for anyone looking for a fresh look.",
-          imageSrc: "http://img.b2bpic.net/free-photo/young-joyful-blonde-male-barber-uniform-holds-hair-clipper-raises-fist-up-isolated-olive-green-space-with-copy-space_141793-60317.jpg",
-          imageAlt: "customer beard grooming fresh look",
-        },
+          id: "5",          name: "Ryan P.",          role: "Client",          testimonial: "Highly recommended for anyone looking for a fresh look.",          imageSrc: "http://img.b2bpic.net/free-photo/young-joyful-blonde-male-barber-uniform-holds-hair-clipper-raises-fist-up-isolated-olive-green-space-with-copy-space_141793-60317.jpg",          imageAlt: "customer beard grooming fresh look"},
       ]}
       title="What Clients Say"
       description="Join our satisfied community of regular clients."
@@ -333,12 +167,7 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={true}
       names={[
-        "Hair Masters",
-        "Beard Pro",
-        "Classic Grooming",
-        "The Barber Guild",
-        "Elite Scissors",
-      ]}
+        "Hair Masters",        "Beard Pro",        "Classic Grooming",        "The Barber Guild",        "Elite Scissors"]}
       title="Trusted Partners"
       description="We use premium products and partner with the best in the grooming industry."
     />
@@ -347,9 +176,7 @@ export default function LandingPage() {
   <div id="contact" data-section="contact">
       <ContactSplit
       useInvertedBackground={false}
-      background={{
-        variant: "plain",
-      }}
+      background={{ variant: "plain" }}
       tag="Contact Us"
       title="Book Your Appointment"
       description="Ready for your next fresh look? Drop us a line or call to book your slot."
@@ -364,50 +191,23 @@ export default function LandingPage() {
       logoText="Louie's BarberChop"
       columns={[
         {
-          title: "Services",
-          items: [
-            {
-              label: "Haircuts",
-              href: "#",
-            },
-            {
-              label: "Shaves",
-              href: "#",
-            },
-            {
-              label: "Trims",
-              href: "#",
-            },
+          title: "Services",          items: [
+            { label: "Haircuts", href: "#" },
+            { label: "Shaves", href: "#" },
+            { label: "Trims", href: "#" },
           ],
         },
         {
-          title: "Shop",
-          items: [
-            {
-              label: "About Us",
-              href: "#",
-            },
-            {
-              label: "Careers",
-              href: "#",
-            },
-            {
-              label: "Support",
-              href: "#",
-            },
+          title: "Shop",          items: [
+            { label: "About Us", href: "#" },
+            { label: "Careers", href: "#" },
+            { label: "Support", href: "#" },
           ],
         },
         {
-          title: "Legal",
-          items: [
-            {
-              label: "Privacy",
-              href: "#",
-            },
-            {
-              label: "Terms",
-              href: "#",
-            },
+          title: "Legal",          items: [
+            { label: "Privacy", href: "#" },
+            { label: "Terms", href: "#" },
           ],
         },
       ]}
@@ -417,4 +217,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}
\ No newline at end of file
-- 
2.49.1