From c140c52ca53f567a264bfff305089da8999acb9b Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Thu, 9 Apr 2026 11:10:25 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 421 +++++++----------------------------------------
 1 file changed, 59 insertions(+), 362 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index a280b43..949cf1d 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -32,87 +32,32 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarStyleFullscreen
       navItems={[
-        {
-          name: "Home",
-          id: "hero",
-        },
-        {
-          name: "Services",
-          id: "services",
-        },
-        {
-          name: "Reviews",
-          id: "reviews",
-        },
-        {
-          name: "Gallery",
-          id: "gallery",
-        },
-        {
-          name: "About",
-          id: "about",
-        },
-        {
-          name: "Contact",
-          id: "contact",
-        },
+        { name: "Home", id: "hero" },
+        { name: "Services", id: "services" },
+        { name: "Reviews", id: "reviews" },
+        { name: "Gallery", id: "gallery" },
+        { name: "About", id: "about" },
+        { name: "Contact", id: "contact" },
       ]}
       brandName="Style Cutz Barbershop"
       button={{
-        text: "Book Appointment",
-        href: "#booking",
-      }}
+        text: "Book Appointment",        href: "#booking"}}
     />
   </div>
 
   <div id="hero" data-section="hero">
       <HeroBillboardRotatedCarousel
-      background={{
-        variant: "rotated-rays-static",
-      }}
+      background={{ variant: "rotated-rays-static" }}
       title="Bayside’s trusted barbershop for clean cuts, sharp fades, and real consistency"
       description="Professional service, attention to detail, fair prices, and a barbershop experience people keep coming back for."
-      buttons={[
-        {
-          text: "Book Appointment",
-          href: "#booking",
-        },
-        {
-          text: "View Reviews",
-          href: "#reviews",
-        },
-      ]}
+      buttons={[{ text: "Book Appointment", href: "#booking" }, { text: "View Reviews", href: "#reviews" }]}
       carouselItems={[
-        {
-          id: "1",
-          imageSrc: "http://img.b2bpic.net/free-photo/young-man-barber-shop-after-getting-haircut_23-2149186513.jpg",
-          imageAlt: "Barbershop interior",
-        },
-        {
-          id: "2",
-          imageSrc: "http://img.b2bpic.net/free-photo/bearded-male-dressed-fleece-shirt-talks-by-smart-phone-park-close-up_613910-3278.jpg?_wi=1",
-          imageAlt: "Style 1",
-        },
-        {
-          id: "3",
-          imageSrc: "http://img.b2bpic.net/free-photo/hairclips-scissors-bag_23-2147778856.jpg?_wi=1",
-          imageAlt: "Style 2",
-        },
-        {
-          id: "4",
-          imageSrc: "http://img.b2bpic.net/free-photo/master-hairdresser-prepares-face-shaving-barber-shop_613910-6221.jpg?_wi=1",
-          imageAlt: "Style 3",
-        },
-        {
-          id: "5",
-          imageSrc: "http://img.b2bpic.net/free-photo/front-view-kid-getting-haircut-salon_23-2149870380.jpg?_wi=1",
-          imageAlt: "Style 4",
-        },
-        {
-          id: "6",
-          imageSrc: "http://img.b2bpic.net/free-photo/working-tools-barber-master_651396-126.jpg?_wi=1",
-          imageAlt: "Style 5",
-        },
+        { id: "1", imageSrc: "http://img.b2bpic.net/free-photo/young-man-barber-shop-after-getting-haircut_23-2149186513.jpg", imageAlt: "Barbershop interior" },
+        { id: "2", imageSrc: "http://img.b2bpic.net/free-photo/bearded-male-dressed-fleece-shirt-talks-by-smart-phone-park-close-up_613910-3278.jpg", imageAlt: "Style 1" },
+        { id: "3", imageSrc: "http://img.b2bpic.net/free-photo/hairclips-scissors-bag_23-2147778856.jpg", imageAlt: "Style 2" },
+        { id: "4", imageSrc: "http://img.b2bpic.net/free-photo/master-hairdresser-prepares-face-shaving-barber-shop_613910-6221.jpg", imageAlt: "Style 3" },
+        { id: "5", imageSrc: "http://img.b2bpic.net/free-photo/front-view-kid-getting-haircut-salon_23-2149870380.jpg", imageAlt: "Style 4" },
+        { id: "6", imageSrc: "http://img.b2bpic.net/free-photo/working-tools-barber-master_651396-126.jpg", imageAlt: "Style 5" },
       ]}
     />
   </div>
@@ -123,42 +68,10 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={false}
       metrics={[
-        {
-          id: "1",
-          value: "10+",
-          title: "Years Experience",
-          items: [
-            "Family owned",
-            "Community focused",
-          ],
-        },
-        {
-          id: "2",
-          value: "99%",
-          title: "Sanitation Rate",
-          items: [
-            "Sanitized stations",
-            "Professional",
-          ],
-        },
-        {
-          id: "3",
-          value: "Fair",
-          title: "Pricing",
-          items: [
-            "Transparent costs",
-            "Great value",
-          ],
-        },
-        {
-          id: "4",
-          value: "Family",
-          title: "Friendly",
-          items: [
-            "Kid focused",
-            "Patient service",
-          ],
-        },
+        { id: "1", value: "10+", title: "Years Experience", items: ["Family owned", "Community focused"] },
+        { id: "2", value: "99%", title: "Sanitation Rate", items: ["Sanitized stations", "Professional"] },
+        { id: "3", value: "Fair", title: "Pricing", items: ["Transparent costs", "Great value"] },
+        { id: "4", value: "Family", title: "Friendly", items: ["Kid focused", "Patient service"] },
       ]}
       title="Why we are trusted"
       description="Consistency you can count on."
@@ -172,26 +85,10 @@ export default function LandingPage() {
       gridVariant="four-items-2x2-equal-grid"
       useInvertedBackground={false}
       features={[
-        {
-          title: "Consistent cuts",
-          description: "Mike delivers great haircuts again and again, not just one lucky visit.",
-          imageSrc: "http://img.b2bpic.net/free-photo/bearded-male-dressed-fleece-shirt-talks-by-smart-phone-park-close-up_613910-3278.jpg?_wi=2",
-        },
-        {
-          title: "Attention to detail",
-          description: "Precision fades, beard work, and careful service every time.",
-          imageSrc: "http://img.b2bpic.net/free-photo/hairclips-scissors-bag_23-2147778856.jpg?_wi=2",
-        },
-        {
-          title: "Friendly experience",
-          description: "Respectful, welcoming, easy to talk to, and professional.",
-          imageSrc: "http://img.b2bpic.net/free-photo/master-hairdresser-prepares-face-shaving-barber-shop_613910-6221.jpg?_wi=2",
-        },
-        {
-          title: "Worth the drive",
-          description: "Clients travel far and have been coming for years.",
-          imageSrc: "http://img.b2bpic.net/free-photo/front-view-kid-getting-haircut-salon_23-2149870380.jpg?_wi=2",
-        },
+        { title: "Consistent cuts", description: "Mike delivers great haircuts again and again, not just one lucky visit.", imageSrc: "http://img.b2bpic.net/free-photo/bearded-male-dressed-fleece-shirt-talks-by-smart-phone-park-close-up_613910-3278.jpg" },
+        { title: "Attention to detail", description: "Precision fades, beard work, and careful service every time.", imageSrc: "http://img.b2bpic.net/free-photo/hairclips-scissors-bag_23-2147778856.jpg" },
+        { title: "Friendly experience", description: "Respectful, welcoming, easy to talk to, and professional.", imageSrc: "http://img.b2bpic.net/free-photo/master-hairdresser-prepares-face-shaving-barber-shop_613910-6221.jpg" },
+        { title: "Worth the drive", description: "Clients travel far and have been coming for years.", imageSrc: "http://img.b2bpic.net/free-photo/front-view-kid-getting-haircut-salon_23-2149870380.jpg" },
       ]}
       title="Why clients keep coming back"
       description="Quality service that earns your loyalty every visit."
@@ -204,41 +101,11 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={false}
       testimonials={[
-        {
-          id: "1",
-          name: "Client A",
-          handle: "Local",
-          testimonial: "Best barber shop in Bayside. Professional, clean, and great attention to detail.",
-          imageSrc: "http://img.b2bpic.net/free-photo/bearded-male-dressed-fleece-shirt-talks-by-smart-phone-park-close-up_613910-3278.jpg?_wi=3",
-        },
-        {
-          id: "2",
-          name: "Client B",
-          handle: "Parent",
-          testimonial: "Great with my son and took his time. Very patient and professional.",
-          imageSrc: "http://img.b2bpic.net/free-photo/hairclips-scissors-bag_23-2147778856.jpg?_wi=3",
-        },
-        {
-          id: "3",
-          name: "Client C",
-          handle: "Regular",
-          testimonial: "Fair prices and easy parking. I've been coming here for years.",
-          imageSrc: "http://img.b2bpic.net/free-photo/master-hairdresser-prepares-face-shaving-barber-shop_613910-6221.jpg?_wi=3",
-        },
-        {
-          id: "4",
-          name: "Client D",
-          handle: "Fan",
-          testimonial: "Never disappointed with my haircut. Always consistent.",
-          imageSrc: "http://img.b2bpic.net/free-photo/front-view-kid-getting-haircut-salon_23-2149870380.jpg?_wi=3",
-        },
-        {
-          id: "5",
-          name: "Client E",
-          handle: "Bayside",
-          testimonial: "Mike is respectful, welcoming, and easy to talk to.",
-          imageSrc: "http://img.b2bpic.net/free-photo/working-tools-barber-master_651396-126.jpg?_wi=2",
-        },
+        { id: "1", name: "Client A", handle: "Local", testimonial: "Best barber shop in Bayside. Professional, clean, and great attention to detail.", imageSrc: "http://img.b2bpic.net/free-photo/bearded-male-dressed-fleece-shirt-talks-by-smart-phone-park-close-up_613910-3278.jpg" },
+        { id: "2", name: "Client B", handle: "Parent", testimonial: "Great with my son and took his time. Very patient and professional.", imageSrc: "http://img.b2bpic.net/free-photo/hairclips-scissors-bag_23-2147778856.jpg" },
+        { id: "3", name: "Client C", handle: "Regular", testimonial: "Fair prices and easy parking. I've been coming here for years.", imageSrc: "http://img.b2bpic.net/free-photo/master-hairdresser-prepares-face-shaving-barber-shop_613910-6221.jpg" },
+        { id: "4", name: "Client D", handle: "Fan", testimonial: "Never disappointed with my haircut. Always consistent.", imageSrc: "http://img.b2bpic.net/free-photo/front-view-kid-getting-haircut-salon_23-2149870380.jpg" },
+        { id: "5", name: "Client E", handle: "Bayside", testimonial: "Mike is respectful, welcoming, and easy to talk to.", imageSrc: "http://img.b2bpic.net/free-photo/working-tools-barber-master_651396-126.jpg" },
       ]}
       title="Real words from real clients"
       description="Don't just take our word for it."
@@ -251,95 +118,12 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={false}
       plans={[
-        {
-          id: "1",
-          price: "$30",
-          name: "Haircut",
-          features: [
-            "Precision cut",
-            "Style finish",
-          ],
-          buttons: [
-            {
-              text: "Book Now",
-              href: "#booking",
-            },
-          ],
-        },
-        {
-          id: "2",
-          price: "$35",
-          name: "Skin Fade",
-          features: [
-            "Zero fade",
-            "Detailed lineup",
-          ],
-          buttons: [
-            {
-              text: "Book Now",
-              href: "#booking",
-            },
-          ],
-        },
-        {
-          id: "3",
-          price: "$25",
-          name: "Beard Trim",
-          features: [
-            "Hot towel",
-            "Sharp lines",
-          ],
-          buttons: [
-            {
-              text: "Book Now",
-              href: "#booking",
-            },
-          ],
-        },
-        {
-          id: "4",
-          price: "$25",
-          name: "Kids Haircut",
-          features: [
-            "Patient service",
-            "Gentle",
-          ],
-          buttons: [
-            {
-              text: "Book Now",
-              href: "#booking",
-            },
-          ],
-        },
-        {
-          id: "5",
-          price: "$20",
-          name: "Shape Up",
-          features: [
-            "Lineup only",
-          ],
-          buttons: [
-            {
-              text: "Book Now",
-              href: "#booking",
-            },
-          ],
-        },
-        {
-          id: "6",
-          price: "$50",
-          name: "Haircut + Beard",
-          features: [
-            "Combo service",
-            "Full look",
-          ],
-          buttons: [
-            {
-              text: "Book Now",
-              href: "#booking",
-            },
-          ],
-        },
+        { id: "1", price: "$30", name: "Haircut", features: ["Precision cut", "Style finish"], buttons: [{ text: "Book Now", href: "#booking" }] },
+        { id: "2", price: "$35", name: "Skin Fade", features: ["Zero fade", "Detailed lineup"], buttons: [{ text: "Book Now", href: "#booking" }] },
+        { id: "3", price: "$25", name: "Beard Trim", features: ["Hot towel", "Sharp lines"], buttons: [{ text: "Book Now", href: "#booking" }] },
+        { id: "4", price: "$25", name: "Kids Haircut", features: ["Patient service", "Gentle"], buttons: [{ text: "Book Now", href: "#booking" }] },
+        { id: "5", price: "$20", name: "Shape Up", features: ["Lineup only"], buttons: [{ text: "Book Now", href: "#booking" }] },
+        { id: "6", price: "$50", name: "Haircut + Beard", features: ["Combo service", "Full look"], buttons: [{ text: "Book Now", href: "#booking" }] },
       ]}
       title="Barber services"
       description="Call or book ahead for availability."
@@ -350,13 +134,7 @@ export default function LandingPage() {
       <TextAbout
       useInvertedBackground={false}
       title="Meet Mike"
-      description="Mike is a seasoned barber with over a decade of experience in providing quality grooming. Dedicated to Bayside, he prides himself on clean, consistent cuts and fostering a family-friendly atmosphere where every client feels like a regular."
-      buttons={[
-        {
-          text: "Book Now",
-          href: "#booking",
-        },
-      ]}
+      buttons={[{ text: "Book Now", href: "#booking" }]}
     />
   </div>
 
@@ -367,42 +145,12 @@ export default function LandingPage() {
       gridVariant="four-items-2x2-equal-grid"
       useInvertedBackground={false}
       products={[
-        {
-          id: "g1",
-          name: "Fresh Fade",
-          price: "Modern Cut",
-          imageSrc: "http://img.b2bpic.net/free-photo/bearded-male-dressed-fleece-shirt-talks-by-smart-phone-park-close-up_613910-3278.jpg?_wi=4",
-        },
-        {
-          id: "g2",
-          name: "Beard Detail",
-          price: "Grooming",
-          imageSrc: "http://img.b2bpic.net/free-photo/hairclips-scissors-bag_23-2147778856.jpg?_wi=4",
-        },
-        {
-          id: "g3",
-          name: "Kids Cut",
-          price: "Style",
-          imageSrc: "http://img.b2bpic.net/free-photo/master-hairdresser-prepares-face-shaving-barber-shop_613910-6221.jpg?_wi=4",
-        },
-        {
-          id: "g4",
-          name: "Shop Interior",
-          price: "Venue",
-          imageSrc: "http://img.b2bpic.net/free-photo/front-view-kid-getting-haircut-salon_23-2149870380.jpg?_wi=4",
-        },
-        {
-          id: "g5",
-          name: "Sharp Lineup",
-          price: "Precision",
-          imageSrc: "http://img.b2bpic.net/free-photo/working-tools-barber-master_651396-126.jpg?_wi=3",
-        },
-        {
-          id: "g6",
-          name: "Style Finish",
-          price: "Grooming",
-          imageSrc: "http://img.b2bpic.net/free-photo/woman-washing-client-s-hair-barber-shop_23-2148353448.jpg",
-        },
+        { id: "g1", name: "Fresh Fade", price: "Modern Cut", imageSrc: "http://img.b2bpic.net/free-photo/bearded-male-dressed-fleece-shirt-talks-by-smart-phone-park-close-up_613910-3278.jpg" },
+        { id: "g2", name: "Beard Detail", price: "Grooming", imageSrc: "http://img.b2bpic.net/free-photo/hairclips-scissors-bag_23-2147778856.jpg" },
+        { id: "g3", name: "Kids Cut", price: "Style", imageSrc: "http://img.b2bpic.net/free-photo/master-hairdresser-prepares-face-shaving-barber-shop_613910-6221.jpg" },
+        { id: "g4", name: "Shop Interior", price: "Venue", imageSrc: "http://img.b2bpic.net/free-photo/front-view-kid-getting-haircut-salon_23-2149870380.jpg" },
+        { id: "g5", name: "Sharp Lineup", price: "Precision", imageSrc: "http://img.b2bpic.net/free-photo/working-tools-barber-master_651396-126.jpg" },
+        { id: "g6", name: "Style Finish", price: "Grooming", imageSrc: "http://img.b2bpic.net/free-photo/woman-washing-client-s-hair-barber-shop_23-2148353448.jpg" },
       ]}
       title="See the work"
       description="Our latest cuts and shop atmosphere."
@@ -413,7 +161,6 @@ export default function LandingPage() {
       <TextAbout
       useInvertedBackground={false}
       title="Comfortable experience for adults and kids"
-      description="We understand that getting a haircut can be stressful for kids. Our shop provides a patient, fun, and relaxing environment, ensuring kids are comfortable and parents are satisfied with the result."
     />
   </div>
 
@@ -422,36 +169,12 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={false}
       faqs={[
-        {
-          id: "1",
-          title: "Do I need an appointment?",
-          content: "We recommend booking ahead to guarantee your spot.",
-        },
-        {
-          id: "2",
-          title: "Do you cut kids' hair?",
-          content: "Yes, we are highly experienced and patient with kids.",
-        },
-        {
-          id: "3",
-          title: "Do you do beard trims?",
-          content: "Yes, full beard grooming is available.",
-        },
-        {
-          id: "4",
-          title: "Is parking available?",
-          content: "Parking is available nearby.",
-        },
-        {
-          id: "5",
-          title: "What are your prices?",
-          content: "Please see our services list for up-to-date pricing.",
-        },
-        {
-          id: "6",
-          title: "What days are you open?",
-          content: "Please check our booking portal for availability.",
-        },
+        { id: "1", title: "Do I need an appointment?", content: "We recommend booking ahead to guarantee your spot." },
+        { id: "2", title: "Do you cut kids' hair?", content: "Yes, we are highly experienced and patient with kids." },
+        { id: "3", title: "Do you do beard trims?", content: "Yes, full beard grooming is available." },
+        { id: "4", title: "Is parking available?", content: "Parking is available nearby." },
+        { id: "5", title: "What are your prices?", content: "Please see our services list for up-to-date pricing." },
+        { id: "6", title: "What days are you open?", content: "Please check our booking portal for availability." },
       ]}
       title="Frequently Asked Questions"
       faqsAnimation="slide-up"
@@ -461,13 +184,11 @@ export default function LandingPage() {
 
   <div id="booking" data-section="booking">
       <ContactCenter
-      useInvertedBackground={false}
-      background={{
-        variant: "plain",
-      }}
       tag="Booking"
       title="Ready for your next cut?"
       description="Book your appointment with Style Cutz today and get the clean, professional service clients keep recommending."
+      useInvertedBackground={false}
+      background={{ variant: "plain" }}
     />
   </div>
 
@@ -475,46 +196,22 @@ export default function LandingPage() {
       <FooterSimple
       columns={[
         {
-          title: "Style Cutz Barbershop",
-          items: [
-            {
-              label: "Bayside, NY",
-              href: "#",
-            },
-            {
-              label: "(555) 123-4567",
-              href: "tel:5551234567",
-            },
+          title: "Style Cutz Barbershop",          items: [
+            { label: "Bayside, NY", href: "#" },
+            { label: "(555) 123-4567", href: "tel:5551234567" },
           ],
         },
         {
-          title: "Services",
-          items: [
-            {
-              label: "Haircuts",
-              href: "#services",
-            },
-            {
-              label: "Beard Trims",
-              href: "#services",
-            },
-            {
-              label: "Kids Cuts",
-              href: "#services",
-            },
+          title: "Services",          items: [
+            { label: "Haircuts", href: "#services" },
+            { label: "Beard Trims", href: "#services" },
+            { label: "Kids Cuts", href: "#services" },
           ],
         },
         {
-          title: "Book",
-          items: [
-            {
-              label: "Book Now",
-              href: "#booking",
-            },
-            {
-              label: "Instagram",
-              href: "#",
-            },
+          title: "Book",          items: [
+            { label: "Book Now", href: "#booking" },
+            { label: "Instagram", href: "#" },
           ],
         },
       ]}
-- 
2.49.1