From bcfd773e97a0c4eec9beb32b0e8e434f3f800a53 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Sun, 17 May 2026 13:48:23 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 238 +++++++++--------------------------------------
 1 file changed, 42 insertions(+), 196 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 560e9a7..4f31f7b 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -32,93 +32,39 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarLayoutFloatingInline
       navItems={[
-        {
-          name: "Home",
-          id: "home",
-        },
-        {
-          name: "Services",
-          id: "services",
-        },
-        {
-          name: "Pricing",
-          id: "pricing",
-        },
-        {
-          name: "Contact",
-          id: "contact",
-        },
+        { name: "Home", id: "home" },
+        { name: "Services", id: "services" },
+        { name: "Pricing", id: "pricing" },
+        { name: "Contact", id: "contact" },
       ]}
       brandName="Hellgoz"
       button={{
-        text: "Book Now",
-        href: "#contact",
-      }}
+        text: "Book Now",        href: "#contact"}}
     />
   </div>
 
   <div id="home" data-section="home">
       <HeroCentered
-      background={{
-        variant: "gradient-bars",
-      }}
+      background={{ variant: "gradient-bars" }}
       title="Premium Cuts, Expert Barbers, Your Neighborhood."
       description="Walk in or book online. Hellgoz delivers quality grooming and a welcoming atmosphere every visit."
       avatars={[
-        {
-          src: "http://img.b2bpic.net/free-photo/joyful-young-handsome-barber-holding-hair-clippers-winner-cup-isolated-olive-green_141793-84218.jpg",
-          alt: "Client 1",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/trendy-man-with-cool-beard-grey-t-shirt-brown-shirt-making-photo-showing-peace-sign-isolated-blue-wall_197531-23745.jpg",
-          alt: "Client 2",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/child-getting-their-hair-blown-salon_23-2150462466.jpg",
-          alt: "Client 3",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/hairstylist-woman-doing-haircut_1163-2018.jpg",
-          alt: "Client 4",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/man-barbershop-beard-is-shaving_1321-494.jpg",
-          alt: "Client 5",
-        },
+        { src: "http://img.b2bpic.net/free-photo/joyful-young-handsome-barber-holding-hair-clippers-winner-cup-isolated-olive-green_141793-84218.jpg", alt: "Client 1" },
+        { src: "http://img.b2bpic.net/free-photo/trendy-man-with-cool-beard-grey-t-shirt-brown-shirt-making-photo-showing-peace-sign-isolated-blue-wall_197531-23745.jpg", alt: "Client 2" },
+        { src: "http://img.b2bpic.net/free-photo/child-getting-their-hair-blown-salon_23-2150462466.jpg", alt: "Client 3" },
+        { src: "http://img.b2bpic.net/free-photo/hairstylist-woman-doing-haircut_1163-2018.jpg", alt: "Client 4" },
+        { src: "http://img.b2bpic.net/free-photo/man-barbershop-beard-is-shaving_1321-494.jpg", alt: "Client 5" },
       ]}
       avatarText="Trusted by 500+ locals"
       buttons={[
-        {
-          text: "Book Your Appointment",
-          href: "#contact",
-        },
+        { text: "Book Your Appointment", href: "#contact" },
       ]}
       marqueeItems={[
-        {
-          type: "text-icon",
-          text: "Classic Styles",
-          icon: Scissors,
-        },
-        {
-          type: "text-icon",
-          text: "Modern Fades",
-          icon: Sparkles,
-        },
-        {
-          type: "text-icon",
-          text: "Beard Grooming",
-          icon: User,
-        },
-        {
-          type: "text-icon",
-          text: "Hot Towel Shave",
-          icon: Flame,
-        },
-        {
-          type: "text-icon",
-          text: "Consultations",
-          icon: MessageSquare,
-        },
+        { type: "text-icon", text: "Classic Styles", icon: Scissors },
+        { type: "text-icon", text: "Modern Fades", icon: Sparkles },
+        { type: "text-icon", text: "Beard Grooming", icon: User },
+        { type: "text-icon", text: "Hot Towel Shave", icon: Flame },
+        { type: "text-icon", text: "Consultations", icon: MessageSquare },
       ]}
     />
   </div>
@@ -143,28 +89,15 @@ export default function LandingPage() {
       useInvertedBackground={true}
       features={[
         {
-          title: "Precision Cuts",
-          description: "Tailored haircuts for every style.",
-          media: {
-            imageSrc: "http://img.b2bpic.net/free-photo/crop-barber-combing-moustache-client_23-2147778841.jpg",
+          title: "Precision Cuts",          description: "Tailored haircuts for every style.",          media: {
+            imageSrc: "http://img.b2bpic.net/free-photo/crop-barber-combing-moustache-client_23-2147778841.jpg",            imageAlt: "man getting professional shave"
           },
           items: [
-            {
-              icon: Check,
-              text: "Classic styles",
-            },
-            {
-              icon: Check,
-              text: "Modern fades",
-            },
-            {
-              icon: Check,
-              text: "Full consultations",
-            },
+            { icon: Check, text: "Classic styles" },
+            { icon: Check, text: "Modern fades" },
+            { icon: Check, text: "Full consultations" },
           ],
           reverse: false,
-          imageSrc: "http://img.b2bpic.net/free-photo/handsome-bearded-man-barbershop-barber-work-close-up-nape_627829-7308.jpg",
-          imageAlt: "man getting professional shave",
         },
       ]}
       title="Comprehensive Grooming Services"
@@ -179,51 +112,16 @@ export default function LandingPage() {
       useInvertedBackground={false}
       plans={[
         {
-          id: "basic",
-          price: "$25",
-          name: "Standard Haircut",
-          buttons: [
-            {
-              text: "Select",
-              href: "#contact",
-            },
-          ],
-          features: [
-            "Classic cut",
-            "Neck shave",
-          ],
+          id: "basic",          price: "$25",          name: "Standard Haircut",          buttons: [{ text: "Select", href: "#contact" }],
+          features: ["Classic cut", "Neck shave"],
         },
         {
-          id: "premium",
-          price: "$45",
-          name: "Deluxe Grooming",
-          buttons: [
-            {
-              text: "Select",
-              href: "#contact",
-            },
-          ],
-          features: [
-            "Haircut",
-            "Beard trim",
-            "Hot towel",
-          ],
+          id: "premium",          price: "$45",          name: "Deluxe Grooming",          buttons: [{ text: "Select", href: "#contact" }],
+          features: ["Haircut", "Beard trim", "Hot towel"],
         },
         {
-          id: "signature",
-          price: "$60",
-          name: "Full Experience",
-          buttons: [
-            {
-              text: "Select",
-              href: "#contact",
-            },
-          ],
-          features: [
-            "Deluxe package",
-            "Facial treatment",
-            "Styling",
-          ],
+          id: "signature",          price: "$60",          name: "Full Experience",          buttons: [{ text: "Select", href: "#contact" }],
+          features: ["Deluxe package", "Facial treatment", "Styling"],
         },
       ]}
       title="Transparent Pricing"
@@ -237,24 +135,9 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={true}
       metrics={[
-        {
-          id: "1",
-          icon: Star,
-          title: "Happy Clients",
-          value: "1200+",
-        },
-        {
-          id: "2",
-          icon: Scissors,
-          title: "Cuts Performed",
-          value: "5000+",
-        },
-        {
-          id: "3",
-          icon: Coffee,
-          title: "Cups of Coffee",
-          value: "8000+",
-        },
+        { id: "1", icon: Star, title: "Happy Clients", value: "1200+" },
+        { id: "2", icon: Scissors, title: "Cuts Performed", value: "5000+" },
+        { id: "3", icon: Coffee, title: "Cups of Coffee", value: "8000+" },
       ]}
       title="Our Impact in Numbers"
       description="We pride ourselves on excellence every single day."
@@ -268,26 +151,11 @@ export default function LandingPage() {
       rating={5}
       author="Marcus R."
       avatars={[
-        {
-          src: "http://img.b2bpic.net/free-photo/top-view-smiling-male-hairdesser-wearing-gray-apron-holding-scissor-making-victory-gesture-blue-soft-color-background_140725-155283.jpg",
-          alt: "Client 1",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/man-taking-good-care-his-face-home_23-2148883814.jpg",
-          alt: "Client 2",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/woman-getting-her-hair-done-beauty-salon_23-2149167393.jpg",
-          alt: "Client 3",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/reflection-mirror-self-confident-proud-male-with-dark-hair-naked-body-looking-his-biceps-with-satisfied-facial-expression-posing-bathroom_176532-14936.jpg",
-          alt: "Client 4",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/front-view-smiling-man-hairsalon_23-2148224426.jpg",
-          alt: "Client 5",
-        },
+        { src: "http://img.b2bpic.net/free-photo/top-view-smiling-male-hairdesser-wearing-gray-apron-holding-scissor-making-victory-gesture-blue-soft-color-background_140725-155283.jpg", alt: "Client 1" },
+        { src: "http://img.b2bpic.net/free-photo/man-taking-good-care-his-face-home_23-2148883814.jpg", alt: "Client 2" },
+        { src: "http://img.b2bpic.net/free-photo/woman-getting-her-hair-done-beauty-salon_23-2149167393.jpg", alt: "Client 3" },
+        { src: "http://img.b2bpic.net/free-photo/reflection-mirror-self-confident-proud-male-with-dark-hair-naked-body-looking-his-biceps-with-satisfied-facial-expression-posing-bathroom_176532-14936.jpg", alt: "Client 4" },
+        { src: "http://img.b2bpic.net/free-photo/front-view-smiling-man-hairsalon_23-2148224426.jpg", alt: "Client 5" },
       ]}
       ratingAnimation="slide-up"
       avatarsAnimation="slide-up"
@@ -299,21 +167,9 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={true}
       faqs={[
-        {
-          id: "1",
-          title: "Do I need an appointment?",
-          content: "We accept walk-ins, but online booking is recommended to guarantee your time.",
-        },
-        {
-          id: "2",
-          title: "What payment methods are accepted?",
-          content: "We accept all major credit cards and digital payments.",
-        },
-        {
-          id: "3",
-          title: "Where are you located?",
-          content: "We are located at 123 Main Street, right in the heart of the city center.",
-        },
+        { id: "1", title: "Do I need an appointment?", content: "We accept walk-ins, but online booking is recommended to guarantee your time." },
+        { id: "2", title: "What payment methods are accepted?", content: "We accept all major credit cards and digital payments." },
+        { id: "3", title: "Where are you located?", content: "We are located at 123 Main Street, right in the heart of the city center." },
       ]}
       title="Frequently Asked Questions"
       description="Have questions? We have answers."
@@ -324,9 +180,7 @@ export default function LandingPage() {
   <div id="contact" data-section="contact">
       <ContactSplit
       useInvertedBackground={false}
-      background={{
-        variant: "gradient-bars",
-      }}
+      background={{ variant: "gradient-bars" }}
       tag="Contact Us"
       title="Ready for your next cut?"
       description="Sign up for updates or message us directly to book your slot."
@@ -340,16 +194,8 @@ export default function LandingPage() {
       logoText="Hellgoz Barber Shop"
       copyrightText="© 2025 Hellgoz. All rights reserved."
       socialLinks={[
-        {
-          icon: Instagram,
-          href: "#",
-          ariaLabel: "Instagram",
-        },
-        {
-          icon: Facebook,
-          href: "#",
-          ariaLabel: "Facebook",
-        },
+        { icon: Instagram, href: "#", ariaLabel: "Instagram" },
+        { icon: Facebook, href: "#", ariaLabel: "Facebook" },
       ]}
     />
   </div>