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

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

diff --git a/src/app/page.tsx b/src/app/page.tsx
index ddb14e6..3f7f35b 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -32,30 +32,12 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarStyleFullscreen
       navItems={[
-        {
-          name: "Home",
-          id: "hero",
-        },
-        {
-          name: "About",
-          id: "about",
-        },
-        {
-          name: "Services",
-          id: "features",
-        },
-        {
-          name: "Team",
-          id: "team",
-        },
-        {
-          name: "Pricing",
-          id: "pricing",
-        },
-        {
-          name: "Contact",
-          id: "contact",
-        },
+        { name: "Home", id: "hero" },
+        { name: "About", id: "about" },
+        { name: "Services", id: "features" },
+        { name: "Team", id: "team" },
+        { name: "Pricing", id: "pricing" },
+        { name: "Contact", id: "contact" }
       ]}
       brandName="Empire Barber Studio"
     />
@@ -63,64 +45,27 @@ export default function LandingPage() {
 
   <div id="hero" data-section="hero">
       <HeroSplit
-      background={{
-        variant: "sparkles-gradient",
-      }}
+      background={{ variant: "sparkles-gradient" }}
       title="Precision Grooming in FL"
       description="Experience the elite standards of Empire Barber Studio. From classic cuts to modern fades, we define your signature look."
-      buttons={[
-        {
-          text: "Book Appointment",
-          href: "#contact",
-        },
-      ]}
-      imageSrc="http://img.b2bpic.net/free-photo/barber-applying-cream-clients-beard_107420-94778.jpg?_wi=1"
+      buttons={[{ text: "Book Appointment", href: "#contact" }]}
+      imageSrc="http://img.b2bpic.net/free-photo/barber-applying-cream-clients-beard_107420-94778.jpg"
       imageAlt="Empire Barber Studio Interior"
       mediaAnimation="blur-reveal"
       avatars={[
-        {
-          src: "http://img.b2bpic.net/free-photo/portrait-stylish-male-who-himself-shaving-while-sitting-barber-chair-hairdressing-salon_613910-18629.jpg",
-          alt: "Barber client",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/man-getting-his-beard-shaved-with-razor_107420-94764.jpg",
-          alt: "Shaving session",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/various-trimmers-dressing-table_107420-94767.jpg",
-          alt: "Trimmer tools",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/hair-salon-chair-with-towel-armchair_23-2148242777.jpg",
-          alt: "Salon chair",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/barber-shop-tools-arrangement_23-2149167454.jpg",
-          alt: "Barber tools setup",
-        },
+        { src: "http://img.b2bpic.net/free-photo/portrait-stylish-male-who-himself-shaving-while-sitting-barber-chair-hairdressing-salon_613910-18629.jpg", alt: "Barber client" },
+        { src: "http://img.b2bpic.net/free-photo/man-getting-his-beard-shaved-with-razor_107420-94764.jpg", alt: "Shaving session" },
+        { src: "http://img.b2bpic.net/free-photo/various-trimmers-dressing-table_107420-94767.jpg", alt: "Trimmer tools" },
+        { src: "http://img.b2bpic.net/free-photo/hair-salon-chair-with-towel-armchair_23-2148242777.jpg", alt: "Salon chair" },
+        { src: "http://img.b2bpic.net/free-photo/barber-shop-tools-arrangement_23-2149167454.jpg", alt: "Barber tools setup" }
       ]}
       avatarText="Trusted by 500+ satisfied clients"
       marqueeItems={[
-        {
-          type: "text",
-          text: "Classic Cuts",
-        },
-        {
-          type: "text",
-          text: "Modern Fades",
-        },
-        {
-          type: "text",
-          text: "Beard Sculpting",
-        },
-        {
-          type: "text",
-          text: "Hot Towel Shaves",
-        },
-        {
-          type: "text",
-          text: "Premium Grooming",
-        },
+        { type: "text", text: "Classic Cuts" },
+        { type: "text", text: "Modern Fades" },
+        { type: "text", text: "Beard Sculpting" },
+        { type: "text", text: "Hot Towel Shaves" },
+        { type: "text", text: "Premium Grooming" }
       ]}
     />
   </div>
@@ -132,20 +77,11 @@ export default function LandingPage() {
       title="A Legacy of Style"
       description="Empire Barber Studio was founded on the principle that every client deserves an elite experience. Our master barbers blend tradition with modern aesthetics."
       bulletPoints={[
-        {
-          title: "Master Artisans",
-          description: "Highly trained experts in every technique.",
-        },
-        {
-          title: "Premium Products",
-          description: "We only use top-tier grooming supplies.",
-        },
-        {
-          title: "Relaxed Vibe",
-          description: "Your comfort is our top priority.",
-        },
+        { title: "Master Artisans", description: "Highly trained experts in every technique." },
+        { title: "Premium Products", description: "We only use top-tier grooming supplies." },
+        { title: "Relaxed Vibe", description: "Your comfort is our top priority." }
       ]}
-      imageSrc="http://img.b2bpic.net/free-photo/male-barber-giving-his-client-nice-haircut_23-2149186489.jpg?_wi=1"
+      imageSrc="http://img.b2bpic.net/free-photo/male-barber-giving-his-client-nice-haircut_23-2149186489.jpg"
       imageAlt="Studio Atmosphere"
       mediaAnimation="slide-up"
     />
@@ -158,53 +94,20 @@ export default function LandingPage() {
       useInvertedBackground={true}
       features={[
         {
-          title: "Classic Cuts",
-          description: "Time-honored techniques for the perfect style.",
-          media: {
-            imageSrc: "http://img.b2bpic.net/free-photo/still-life-with-razor-blade_23-2151102246.jpg",
-          },
-          items: [
-            {
-              icon: Scissors,
-              text: "Precision Trimming",
-            },
-          ],
-          reverse: false,
-          imageSrc: "http://img.b2bpic.net/free-photo/barber-applying-cream-clients-beard_107420-94778.jpg?_wi=2",
-          imageAlt: "hair cut service icon",
+          title: "Classic Cuts",          description: "Time-honored techniques for the perfect style.",          media: { imageSrc: "http://img.b2bpic.net/free-photo/still-life-with-razor-blade_23-2151102246.jpg", imageAlt: "hair cut service icon" },
+          items: [{ icon: Scissors, text: "Precision Trimming" }],
+          reverse: false
         },
         {
-          title: "Beard Sculpting",
-          description: "Precision beard grooming and styling.",
-          media: {
-            imageSrc: "http://img.b2bpic.net/free-photo/hairclips-scissors-bag_23-2147778856.jpg",
-          },
-          items: [
-            {
-              icon: Sparkles,
-              text: "Hot Towel Shave",
-            },
-          ],
-          reverse: true,
-          imageSrc: "http://img.b2bpic.net/free-photo/male-barber-giving-his-client-nice-haircut_23-2149186489.jpg?_wi=2",
-          imageAlt: "hair cut service icon",
+          title: "Beard Sculpting",          description: "Precision beard grooming and styling.",          media: { imageSrc: "http://img.b2bpic.net/free-photo/hairclips-scissors-bag_23-2147778856.jpg", imageAlt: "hair cut service icon" },
+          items: [{ icon: Sparkles, text: "Hot Towel Shave" }],
+          reverse: true
         },
         {
-          title: "Modern Fades",
-          description: "Detailed skin fades and modern designs.",
-          media: {
-            imageSrc: "http://img.b2bpic.net/free-photo/handsome-man-gray-checkered-suit_158538-4205.jpg",
-          },
-          items: [
-            {
-              icon: Zap,
-              text: "Sharp Edges",
-            },
-          ],
-          reverse: false,
-          imageSrc: "http://img.b2bpic.net/free-photo/looking-side-young-male-barber-wearing-uniform-holding-barber-tools-isolated-olive-green-wall_141793-106033.jpg?_wi=1",
-          imageAlt: "hair cut service icon",
-        },
+          title: "Modern Fades",          description: "Detailed skin fades and modern designs.",          media: { imageSrc: "http://img.b2bpic.net/free-photo/handsome-man-gray-checkered-suit_158538-4205.jpg", imageAlt: "hair cut service icon" },
+          items: [{ icon: Zap, text: "Sharp Edges" }],
+          reverse: false
+        }
       ]}
       title="Our Signature Services"
       description="Tailored treatments for the modern man."
@@ -217,35 +120,14 @@ export default function LandingPage() {
       useInvertedBackground={false}
       groups={[
         {
-          id: "barbers",
-          groupTitle: "Elite Stylists",
-          members: [
-            {
-              id: "m1",
-              title: "Marcus V.",
-              subtitle: "Master Barber",
-              detail: "15 years of precision craft.",
-              imageSrc: "http://img.b2bpic.net/free-photo/looking-side-young-male-barber-wearing-uniform-holding-barber-tools-isolated-olive-green-wall_141793-106033.jpg?_wi=2",
-            },
-            {
-              id: "m2",
-              title: "Leo R.",
-              subtitle: "Fade Specialist",
-              detail: "Expert in intricate modern fades.",
-              imageSrc: "http://img.b2bpic.net/free-photo/people-lifestyle-concept-handsome-confident-young-bearded-european-man-having-sly-smile-crossing-arms-his-chest-standing-wall-with-copyspace-your-promotional-content_343059-1693.jpg",
-            },
-            {
-              id: "m3",
-              title: "Elena S.",
-              subtitle: "Stylist",
-              detail: "Precision cutting and texture expert.",
-              imageSrc: "http://img.b2bpic.net/free-photo/child-getting-haircut-salon_23-2150462516.jpg",
-            },
-          ],
-          imageSrc: "http://img.b2bpic.net/free-photo/barber-applying-cream-clients-beard_107420-94778.jpg?_wi=3",
-          imageAlt: "professional barber smiling",
-        },
+          id: "barbers",          groupTitle: "Elite Stylists",          members: [
+            { id: "m1", title: "Marcus V.", subtitle: "Master Barber", detail: "15 years of precision craft.", imageSrc: "http://img.b2bpic.net/free-photo/looking-side-young-male-barber-wearing-uniform-holding-barber-tools-isolated-olive-green-wall_141793-106033.jpg" },
+            { id: "m2", title: "Leo R.", subtitle: "Fade Specialist", detail: "Expert in intricate modern fades.", imageSrc: "http://img.b2bpic.net/free-photo/people-lifestyle-concept-handsome-confident-young-bearded-european-man-having-sly-smile-crossing-arms-his-chest-standing-wall-with-copyspace-your-promotional-content_343059-1693.jpg" },
+            { id: "m3", title: "Elena S.", subtitle: "Stylist", detail: "Precision cutting and texture expert.", imageSrc: "http://img.b2bpic.net/free-photo/child-getting-haircut-salon_23-2150462516.jpg" }
+          ]
+        }
       ]}
+      animationType="slide-up"
       title="Meet Our Barbers"
       description="The experts behind the blade."
     />
@@ -258,55 +140,17 @@ export default function LandingPage() {
       useInvertedBackground={true}
       plans={[
         {
-          id: "p1",
-          badge: "Essential",
-          price: "$35",
-          subtitle: "Quick clean cut",
-          buttons: [
-            {
-              text: "Select",
-              href: "#contact",
-            },
-          ],
-          features: [
-            "Haircut",
-            "Neck trim",
-          ],
+          id: "p1",          badge: "Essential",          price: "$35",          subtitle: "Quick clean cut",          buttons: [{ text: "Select", href: "#contact" }],
+          features: ["Haircut", "Neck trim"]
         },
         {
-          id: "p2",
-          badge: "Premium",
-          price: "$55",
-          subtitle: "The full experience",
-          buttons: [
-            {
-              text: "Select",
-              href: "#contact",
-            },
-          ],
-          features: [
-            "Haircut",
-            "Beard trim",
-            "Hot towel",
-          ],
+          id: "p2",          badge: "Premium",          price: "$55",          subtitle: "The full experience",          buttons: [{ text: "Select", href: "#contact" }],
+          features: ["Haircut", "Beard trim", "Hot towel"]
         },
         {
-          id: "p3",
-          badge: "Master",
-          price: "$80",
-          subtitle: "Elite grooming",
-          buttons: [
-            {
-              text: "Select",
-              href: "#contact",
-            },
-          ],
-          features: [
-            "Full service",
-            "Scalp treatment",
-            "Precision styling",
-          ],
-        },
+          id: "p3",          badge: "Master",          price: "$80",          subtitle: "Elite grooming",          buttons: [{ text: "Select", href: "#contact" }],
+          features: ["Full service", "Scalp treatment", "Precision styling"]
+        }
       ]}
       title="Our Rates"
       description="Transparent pricing for premium quality."
@@ -318,46 +162,11 @@ export default function LandingPage() {
       textboxLayout="split"
       useInvertedBackground={false}
       testimonials={[
-        {
-          id: "t1",
-          title: "Great Experience",
-          quote: "Best fade in FL hands down.",
-          name: "John D.",
-          role: "Client",
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-satisfied-happy-young-man-glasses-working-cafe-sitting-coworking-space-with-laptop-showing-thumbs-up-like-approve-smth-good-chatting-giving-online-lessons_1258-314620.jpg",
-        },
-        {
-          id: "t2",
-          title: "Elite Service",
-          quote: "Attention to detail is insane.",
-          name: "Mike S.",
-          role: "Client",
-          imageSrc: "http://img.b2bpic.net/free-photo/indoor-side-view-amazing-happy-young-african-american-female-with-afro-hairstyle-smiling-broadly-keeping-arms-her-chest-listening-nice-music-radio-baking-pie-cozy-kitchen_343059-2650.jpg",
-        },
-        {
-          id: "t3",
-          title: "Very Happy",
-          quote: "Found my forever barber.",
-          name: "Alex P.",
-          role: "Client",
-          imageSrc: "http://img.b2bpic.net/free-photo/cropped-photo-handsome-young-guy-classic-jacket-showing-silence-gesture_171337-9558.jpg",
-        },
-        {
-          id: "t4",
-          title: "Highly Recommend",
-          quote: "Professional and clean space.",
-          name: "Rob L.",
-          role: "Client",
-          imageSrc: "http://img.b2bpic.net/free-photo/selfie-portrait-videocall_23-2149186118.jpg",
-        },
-        {
-          id: "t5",
-          title: "Worth Every Penny",
-          quote: "The hot towel shave is a must.",
-          name: "David W.",
-          role: "Client",
-          imageSrc: "http://img.b2bpic.net/free-photo/blond-man-happy-expression_1194-2905.jpg",
-        },
+        { id: "t1", title: "Great Experience", quote: "Best fade in FL hands down.", name: "John D.", role: "Client", imageSrc: "http://img.b2bpic.net/free-photo/portrait-satisfied-happy-young-man-glasses-working-cafe-sitting-coworking-space-with-laptop-showing-thumbs-up-like-approve-smth-good-chatting-giving-online-lessons_1258-314620.jpg" },
+        { id: "t2", title: "Elite Service", quote: "Attention to detail is insane.", name: "Mike S.", role: "Client", imageSrc: "http://img.b2bpic.net/free-photo/indoor-side-view-amazing-happy-young-african-american-female-with-afro-hairstyle-smiling-broadly-keeping-arms-her-chest-listening-nice-music-radio-baking-pie-cozy-kitchen_343059-2650.jpg" },
+        { id: "t3", title: "Very Happy", quote: "Found my forever barber.", name: "Alex P.", role: "Client", imageSrc: "http://img.b2bpic.net/free-photo/cropped-photo-handsome-young-guy-classic-jacket-showing-silence-gesture_171337-9558.jpg" },
+        { id: "t4", title: "Highly Recommend", quote: "Professional and clean space.", name: "Rob L.", role: "Client", imageSrc: "http://img.b2bpic.net/free-photo/selfie-portrait-videocall_23-2149186118.jpg" },
+        { id: "t5", title: "Worth Every Penny", quote: "The hot towel shave is a must.", name: "David W.", role: "Client", imageSrc: "http://img.b2bpic.net/free-photo/blond-man-happy-expression_1194-2905.jpg" }
       ]}
       title="Client Feedback"
       description="What our clients say about us."
@@ -369,21 +178,9 @@ export default function LandingPage() {
       textboxLayout="split"
       useInvertedBackground={true}
       faqs={[
-        {
-          id: "f1",
-          title: "Do you accept walk-ins?",
-          content: "We prioritize appointments, but walk-ins are welcome if a chair is open.",
-        },
-        {
-          id: "f2",
-          title: "What payment methods?",
-          content: "We accept cash, major credit cards, and digital wallets.",
-        },
-        {
-          id: "f3",
-          title: "How long is a standard cut?",
-          content: "Typically 30-45 minutes depending on the complexity of your request.",
-        },
+        { id: "f1", title: "Do you accept walk-ins?", content: "We prioritize appointments, but walk-ins are welcome if a chair is open." },
+        { id: "f2", title: "What payment methods?", content: "We accept cash, major credit cards, and digital wallets." },
+        { id: "f3", title: "How long is a standard cut?", content: "Typically 30-45 minutes depending on the complexity of your request." }
       ]}
       title="Common Questions"
       description="Everything you need to know before visiting."
@@ -394,18 +191,11 @@ export default function LandingPage() {
   <div id="contact" data-section="contact">
       <ContactCTA
       useInvertedBackground={false}
-      background={{
-        variant: "sparkles-gradient",
-      }}
+      background={{ variant: "sparkles-gradient" }}
       tag="Contact Us"
       title="Ready for a Refresh?"
       description="Secure your spot at Empire Barber Studio today."
-      buttons={[
-        {
-          text: "Book Now",
-          href: "https://booking.empirebarber.com",
-        },
-      ]}
+      buttons={[{ text: "Book Now", href: "https://booking.empirebarber.com" }]}
     />
   </div>
 
@@ -414,32 +204,8 @@ export default function LandingPage() {
       imageSrc="http://img.b2bpic.net/free-photo/professional-hairdresser-wearing-protective-face-mask-make-haircut-european-bearded-brutal-man-beauty-salon_343596-4463.jpg"
       logoText="Empire Barber Studio"
       columns={[
-        {
-          title: "Links",
-          items: [
-            {
-              label: "About",
-              href: "#about",
-            },
-            {
-              label: "Services",
-              href: "#features",
-            },
-          ],
-        },
-        {
-          title: "Location",
-          items: [
-            {
-              label: "Florida, USA",
-              href: "#",
-            },
-            {
-              label: "123 Grooming Way",
-              href: "#",
-            },
-          ],
-        },
+        { title: "Links", items: [{ label: "About", href: "#about" }, { label: "Services", href: "#features" }] },
+        { title: "Location", items: [{ label: "Florida, USA", href: "#" }, { label: "123 Grooming Way", href: "#" }] }
       ]}
       copyrightText="© 2025 Empire Barber Studio, FL"
     />
-- 
2.49.1