From 8b29ca2b34cf9758469249aefc8e59c823ddf37c Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Mon, 20 Apr 2026 23:18:29 +0000
Subject: [PATCH] Update src/app/page.tsx

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

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 0645d1b..1c0df21 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -31,16 +31,11 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarStyleCentered
       navItems={[
-        {
-          name: "Home",          id: "hero"},
-        {
-          name: "Services",          id: "services"},
-        {
-          name: "Gallery",          id: "gallery"},
-        {
-          name: "About",          id: "about"},
-        {
-          name: "Contact",          id: "contact"},
+        { name: "Home", id: "hero" },
+        { name: "Services", id: "services" },
+        { name: "Gallery", id: "gallery" },
+        { name: "About", id: "about" },
+        { name: "Contact", id: "contact" },
       ]}
       brandName="Latin Barber Shop"
     />
@@ -48,45 +43,27 @@ export default function LandingPage() {
 
   <div id="hero" data-section="hero">
       <HeroCentered
-      background={{
-        variant: "radial-gradient"}}
+      background={{ variant: "radial-gradient" }}
       title="Precision Cuts. Clean Fades. Staten Island’s Local Barbershop."
       description="Affordable haircuts, fresh fades, and friendly service. Walk in anytime or call now to secure your spot."
       avatars={[
-        {
-          src: "http://img.b2bpic.net/free-photo/close-up-man-selfcare-products_23-2149313014.jpg",          alt: "Barber Shop"},
-        {
-          src: "http://img.b2bpic.net/free-photo/different-razors-table_23-2147736988.jpg",          alt: "Barber Shop"},
-        {
-          src: "http://img.b2bpic.net/free-photo/close-up-man-selfcare-products_23-2149313019.jpg",          alt: "Barber Shop"},
-        {
-          src: "http://img.b2bpic.net/free-photo/company-employee-analyzing-financial-charts-graphs-office-working-business-growth-development-male-worker-planning-marketing-analysis-project-statistics-startegy-close-up_482257-42058.jpg",          alt: "Barber Shop"},
-        {
-          src: "http://img.b2bpic.net/free-photo/close-up-man-selfcare-products_23-2149313012.jpg",          alt: "Barber Shop"},
+        { src: "http://img.b2bpic.net/free-photo/close-up-man-selfcare-products_23-2149313014.jpg", alt: "Barber Shop" },
+        { src: "http://img.b2bpic.net/free-photo/different-razors-table_23-2147736988.jpg", alt: "Barber Shop" },
+        { src: "http://img.b2bpic.net/free-photo/close-up-man-selfcare-products_23-2149313019.jpg", alt: "Barber Shop" },
+        { src: "http://img.b2bpic.net/free-photo/company-employee-analyzing-financial-charts-graphs-office-working-business-growth-development-male-worker-planning-marketing-analysis-project-statistics-startegy-close-up_482257-42058.jpg", alt: "Barber Shop" },
+        { src: "http://img.b2bpic.net/free-photo/close-up-man-selfcare-products_23-2149313012.jpg", alt: "Barber Shop" },
       ]}
       buttons={[
-        {
-          text: "Call Now",          href: "tel:7187201978"},
-        {
-          text: "Get Directions",          href: "https://maps.google.com/?q=14+St+Pauls+Ave+Staten+Island+NY+10301"},
+        { text: "Call Now", href: "tel:7187201978" },
+        { text: "Get Directions", href: "https://maps.google.com/?q=14+St+Pauls+Ave+Staten+Island+NY+10301" },
       ]}
       buttonAnimation="slide-up"
       marqueeItems={[
-        {
-          type: "text-icon",          text: "Professional Fades",          icon: Sparkles,
-        },
-        {
-          type: "text-icon",          text: "Walk-ins Welcome",          icon: CheckCircle,
-        },
-        {
-          type: "text-icon",          text: "Open 7 Days",          icon: CalendarDays,
-        },
-        {
-          type: "text-icon",          text: "Expert Barbers",          icon: Scissors,
-        },
-        {
-          type: "text-icon",          text: "Affordable Rates",          icon: DollarSign,
-        },
+        { type: "text-icon", text: "Professional Fades", icon: Sparkles },
+        { type: "text-icon", text: "Walk-ins Welcome", icon: CheckCircle },
+        { type: "text-icon", text: "Open 7 Days", icon: CalendarDays },
+        { type: "text-icon", text: "Expert Barbers", icon: Scissors },
+        { type: "text-icon", text: "Affordable Rates", icon: DollarSign },
       ]}
     />
   </div>
@@ -97,42 +74,12 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={false}
       plans={[
-        {
-          id: "1",          title: "Haircut",          price: "$25+",          period: "",          features: [
-            "Basic cut",            "Clean finish"],
-          button: {
-            text: "Call Now",            href: "tel:7187201978"},
-          imageSrc: "http://img.b2bpic.net/free-photo/working-tools-barber-master_651396-126.jpg",          imageAlt: "Working tools of barber master"},
-        {
-          id: "2",          title: "Skin Fade",          price: "$30+",          period: "",          features: [
-            "Detailed fade",            "Premium finish"],
-          button: {
-            text: "Call Now",            href: "tel:7187201978"},
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-selfcare-products_23-2149313014.jpg",          imageAlt: "Working tools of barber master"},
-        {
-          id: "3",          title: "Beard Trim",          price: "$15+",          period: "",          features: [
-            "Line up",            "Detail work"],
-          button: {
-            text: "Call Now",            href: "tel:7187201978"},
-          imageSrc: "http://img.b2bpic.net/free-photo/front-view-barbershop-concept_23-2148506215.jpg",          imageAlt: "Working tools of barber master"},
-        {
-          id: "4",          title: "Haircut + Beard",          price: "$40+",          period: "",          features: [
-            "Full service",            "Sharp look"],
-          button: {
-            text: "Call Now",            href: "tel:7187201978"},
-          imageSrc: "http://img.b2bpic.net/free-photo/hairdressing-supplies-wooden-background_23-2147711598.jpg",          imageAlt: "Working tools of barber master"},
-        {
-          id: "5",          title: "Kids Haircut",          price: "$20+",          period: "",          features: [
-            "Patient service",            "Fresh cut"],
-          button: {
-            text: "Call Now",            href: "tel:7187201978"},
-          imageSrc: "http://img.b2bpic.net/free-photo/side-view-customer-waiting-haircut_23-2148256975.jpg",          imageAlt: "Working tools of barber master"},
-        {
-          id: "6",          title: "Shape Up",          price: "$10+",          period: "",          features: [
-            "Edge up",            "Clean lines"],
-          button: {
-            text: "Call Now",            href: "tel:7187201978"},
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-man-getting-haircut_23-2148224298.jpg",          imageAlt: "Working tools of barber master"},
+        { id: "1", title: "Haircut", price: "$25+", period: "", features: ["Basic cut", "Clean finish"], button: { text: "Call Now", href: "tel:7187201978" }, imageSrc: "http://img.b2bpic.net/free-photo/working-tools-barber-master_651396-126.jpg", imageAlt: "Working tools of barber master" },
+        { id: "2", title: "Skin Fade", price: "$30+", period: "", features: ["Detailed fade", "Premium finish"], button: { text: "Call Now", href: "tel:7187201978" }, imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-selfcare-products_23-2149313014.jpg", imageAlt: "Working tools of barber master" },
+        { id: "3", title: "Beard Trim", price: "$15+", period: "", features: ["Line up", "Detail work"], button: { text: "Call Now", href: "tel:7187201978" }, imageSrc: "http://img.b2bpic.net/free-photo/front-view-barbershop-concept_23-2148506215.jpg", imageAlt: "Working tools of barber master" },
+        { id: "4", title: "Haircut + Beard", price: "$40+", period: "", features: ["Full service", "Sharp look"], button: { text: "Call Now", href: "tel:7187201978" }, imageSrc: "http://img.b2bpic.net/free-photo/hairdressing-supplies-wooden-background_23-2147711598.jpg", imageAlt: "Working tools of barber master" },
+        { id: "5", title: "Kids Haircut", price: "$20+", period: "", features: ["Patient service", "Fresh cut"], button: { text: "Call Now", href: "tel:7187201978" }, imageSrc: "http://img.b2bpic.net/free-photo/side-view-customer-waiting-haircut_23-2148256975.jpg", imageAlt: "Working tools of barber master" },
+        { id: "6", title: "Shape Up", price: "$10+", period: "", features: ["Edge up", "Clean lines"], button: { text: "Call Now", href: "tel:7187201978" }, imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-man-getting-haircut_23-2148224298.jpg", imageAlt: "Working tools of barber master" },
       ]}
       title="Our Services"
       description="Prices are starting points. Call for exact pricing."
@@ -145,18 +92,9 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={false}
       features={[
-        {
-          title: "Fades",          description: "Expert skin fades.",          phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/front-view-barbershop-concept_23-2148506215.jpg" },
-          phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/hairdressing-supplies-wooden-background_23-2147711598.jpg" }
-        },
-        {
-          title: "Detail",          description: "Crisp line-ups.",          phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/side-view-customer-waiting-haircut_23-2148256975.jpg" },
-          phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-man-getting-haircut_23-2148224298.jpg" }
-        },
-        {
-          title: "Atmosphere",          description: "Authentic shop vibe.",          phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/handsome-bearded-man-barbershop-barber-work_627829-7351.jpg" },
-          phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/different-razors-table_23-2147736988.jpg" }
-        },
+        { title: "Fades", description: "Expert skin fades.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/front-view-barbershop-concept_23-2148506215.jpg" }, phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/hairdressing-supplies-wooden-background_23-2147711598.jpg" } },
+        { title: "Detail", description: "Crisp line-ups.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/side-view-customer-waiting-haircut_23-2148256975.jpg" }, phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-man-getting-haircut_23-2148224298.jpg" } },
+        { title: "Atmosphere", description: "Authentic shop vibe.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/handsome-bearded-man-barbershop-barber-work_627829-7351.jpg" }, phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/different-razors-table_23-2147736988.jpg" } },
       ]}
       showStepNumbers={false}
       title="Fresh Cuts. Real Style."
@@ -169,18 +107,10 @@ export default function LandingPage() {
       useInvertedBackground={false}
       title="Why Latin Barber Shop?"
       metrics={[
-        {
-          icon: Scissors,
-          label: "Skilled Barbers",          value: "Expert"},
-        {
-          icon: DollarSign,
-          label: "Affordable Price",          value: "Fair"},
-        {
-          icon: Users,
-          label: "Walk-Ins",          value: "Easy"},
-        {
-          icon: CalendarDays,
-          label: "Open Daily",          value: "7 Days"},
+        { icon: Scissors, label: "Skilled Barbers", value: "Expert" },
+        { icon: DollarSign, label: "Affordable Price", value: "Fair" },
+        { icon: Users, label: "Walk-Ins", value: "Easy" },
+        { icon: CalendarDays, label: "Open Daily", value: "7 Days" },
       ]}
       metricsAnimation="slide-up"
     />
@@ -191,16 +121,11 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={false}
       testimonials={[
-        {
-          id: "1",          title: "Staten Island Local",          quote: "Best spot for a quick fade. Always consistent.",          name: "Alex R.",          role: "Local",          imageSrc: "http://img.b2bpic.net/free-photo/young-man-getting-his-beard-styled-barber_23-2148985714.jpg"},
-        {
-          id: "2",          title: "Fast Service",          quote: "Walked in and got a great haircut immediately.",          name: "Brian M.",          role: "Regular",          imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-selfcare-products_23-2149313016.jpg"},
-        {
-          id: "3",          title: "Affordable",          quote: "Great prices, even better service. My favorite shop.",          name: "Carlos D.",          role: "Client",          imageSrc: "http://img.b2bpic.net/free-photo/professional-hairdresser-modeling-beard-barbershop-close-up-photo_613910-18429.jpg"},
-        {
-          id: "4",          title: "Clean Lines",          quote: "Barbers here actually listen to what you want.",          name: "David L.",          role: "Local",          imageSrc: "http://img.b2bpic.net/free-photo/close-up-view-man-getting-haircut_23-2148506327.jpg"},
-        {
-          id: "5",          title: "Friendly",          quote: "Local shop with a welcoming vibe for everyone.",          name: "Eddie V.",          role: "Regular",          imageSrc: "http://img.b2bpic.net/free-photo/close-up-details-hairdresser-salon_23-2149205861.jpg"},
+        { id: "1", title: "Staten Island Local", quote: "Best spot for a quick fade. Always consistent.", name: "Alex R.", role: "Local", imageSrc: "http://img.b2bpic.net/free-photo/young-man-getting-his-beard-styled-barber_23-2148985714.jpg" },
+        { id: "2", title: "Fast Service", quote: "Walked in and got a great haircut immediately.", name: "Brian M.", role: "Regular", imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-selfcare-products_23-2149313016.jpg" },
+        { id: "3", title: "Affordable", quote: "Great prices, even better service. My favorite shop.", name: "Carlos D.", role: "Client", imageSrc: "http://img.b2bpic.net/free-photo/professional-hairdresser-modeling-beard-barbershop-close-up-photo_613910-18429.jpg" },
+        { id: "4", title: "Clean Lines", quote: "Barbers here actually listen to what you want.", name: "David L.", role: "Local", imageSrc: "http://img.b2bpic.net/free-photo/close-up-view-man-getting-haircut_23-2148506327.jpg" },
+        { id: "5", title: "Friendly", quote: "Local shop with a welcoming vibe for everyone.", name: "Eddie V.", role: "Regular", imageSrc: "http://img.b2bpic.net/free-photo/close-up-details-hairdresser-salon_23-2149205861.jpg" },
       ]}
       title="Our Community"
       description="Latin Barber Shop is a trusted neighborhood staple known for clean cuts, friendly service, and affordable prices."
@@ -211,14 +136,10 @@ export default function LandingPage() {
       <FaqSplitText
       useInvertedBackground={false}
       faqs={[
-        {
-          id: "1",          title: "Do you take walk-ins?",          content: "Yes, walk-ins are always welcome. Just stop by."},
-        {
-          id: "2",          title: "Do I need an appointment?",          content: "No appointment is required, but you can call ahead."},
-        {
-          id: "3",          title: "What services do you offer?",          content: "We offer haircuts, fades, beard trims, and shape ups."},
-        {
-          id: "4",          title: "What are your hours?",          content: "We are open daily from 10:00 AM to 8:00 PM."},
+        { id: "1", title: "Do you take walk-ins?", content: "Yes, walk-ins are always welcome. Just stop by." },
+        { id: "2", title: "Do I need an appointment?", content: "No appointment is required, but you can call ahead." },
+        { id: "3", title: "What services do you offer?", content: "We offer haircuts, fades, beard trims, and shape ups." },
+        { id: "4", title: "What are your hours?", content: "We are open daily from 10:00 AM to 8:00 PM." },
       ]}
       sideTitle="Questions?"
       faqsAnimation="slide-up"
@@ -228,8 +149,7 @@ export default function LandingPage() {
   <div id="contact" data-section="contact">
       <ContactCenter
       useInvertedBackground={false}
-      background={{
-        variant: "plain"}}
+      background={{ variant: "plain" }}
       tag="Visit Us"
       title="Latin Barber Shop"
       description="14 St Pauls Ave, Staten Island, NY 10301 | (718) 720-1978 | Open Daily: 10AM - 8PM"
@@ -241,33 +161,25 @@ export default function LandingPage() {
       columns={[
         {
           items: [
-            {
-              label: "Home",              href: "#hero"},
-            {
-              label: "Services",              href: "#services"},
-            {
-              label: "Gallery",              href: "#gallery"},
-            {
-              label: "Contact",              href: "#contact"},
+            { label: "Home", href: "#hero" },
+            { label: "Services", href: "#services" },
+            { label: "Gallery", href: "#gallery" },
+            { label: "Contact", href: "#contact" },
           ],
         },
         {
           items: [
-            {
-              label: "14 St Pauls Ave",              href: "https://maps.google.com/?q=14+St+Pauls+Ave+Staten+Island+NY+10301"},
-            {
-              label: "(718) 720-1978",              href: "tel:7187201978"},
+            { label: "14 St Pauls Ave", href: "https://maps.google.com/?q=14+St+Pauls+Ave+Staten+Island+NY+10301" },
+            { label: "(718) 720-1978", href: "tel:7187201978" },
           ],
         },
         {
           items: [
-            {
-              label: "Mon-Sun: 10AM-8PM",              href: "#"},
-            {
-              label: "Walk-Ins Welcome",              href: "#"},
+            { label: "Mon-Sun: 10AM-8PM", href: "#" },
+            { label: "Walk-Ins Welcome", href: "#" },
           ],
         },
-      ],
+      ]}
       logoText="Latin Barber Shop"
     />
   </div>