From b7ccdf35c9b056c3078b970e40450142e3f546eb Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Sun, 29 Mar 2026 18:45:19 +0000
Subject: [PATCH] Update src/app/page.tsx

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

diff --git a/src/app/page.tsx b/src/app/page.tsx
index db20cd6..224e668 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -29,21 +29,13 @@ export default function LandingPage() {
       <NavbarStyleFullscreen
       navItems={[
         {
-          name: "Home",
-          id: "hero",
-        },
+          name: "Home",          id: "hero"},
         {
-          name: "Services",
-          id: "services",
-        },
+          name: "Services",          id: "services"},
         {
-          name: "Team",
-          id: "team",
-        },
+          name: "Team",          id: "team"},
         {
-          name: "FAQ",
-          id: "faq",
-        },
+          name: "FAQ",          id: "faq"},
       ]}
       brandName="CK Fades"
     />
@@ -52,41 +44,26 @@ export default function LandingPage() {
   <div id="hero" data-section="hero">
       <HeroBillboardGallery
       background={{
-        variant: "gradient-bars",
-      }}
+        variant: "gradient-bars"}}
       title="Premium Barbering in Roselle"
       description="Experience the perfect blend of traditional craftsmanship and modern style at CK Fades."
       buttons={[
         {
-          text: "Book Now",
-          href: "#contact",
-        },
+          text: "Book Now",          href: "#contact"},
       ]}
       mediaItems={[
         {
-          imageSrc: "http://img.b2bpic.net/free-photo/indoors-conference-space-business-chair_1203-4121.jpg",
-          imageAlt: "Barber shop interior",
-        },
+          imageSrc: "http://img.b2bpic.net/free-photo/indoors-conference-space-business-chair_1203-4121.jpg",          imageAlt: "Barber shop interior"},
         {
-          imageSrc: "http://img.b2bpic.net/free-photo/adult-barber-trimming-clients-hair-barbershop_23-2148181956.jpg",
-          imageAlt: "Clean fade haircut",
-        },
+          imageSrc: "http://img.b2bpic.net/free-photo/adult-barber-trimming-clients-hair-barbershop_23-2148181956.jpg",          imageAlt: "Clean fade haircut"},
         {
-          imageSrc: "http://img.b2bpic.net/free-vector/barber-shop-elements_23-2147538780.jpg",
-          imageAlt: "Barber tools",
-        },
+          imageSrc: "http://img.b2bpic.net/free-vector/barber-shop-elements_23-2147538780.jpg",          imageAlt: "Barber tools"},
         {
-          imageSrc: "http://img.b2bpic.net/free-photo/barber-holding-scissors-his-right-hand_23-2148298352.jpg",
-          imageAlt: "Client getting haircut",
-        },
+          imageSrc: "http://img.b2bpic.net/free-photo/barber-holding-scissors-his-right-hand_23-2148298352.jpg",          imageAlt: "Client getting haircut"},
         {
-          imageSrc: "http://img.b2bpic.net/free-photo/wooden-japanese-culture-house-entrance_23-2149301054.jpg",
-          imageAlt: "Storefront",
-        },
+          imageSrc: "http://img.b2bpic.net/free-photo/wooden-japanese-culture-house-entrance_23-2149301054.jpg",          imageAlt: "Storefront"},
         {
-          imageSrc: "http://img.b2bpic.net/free-photo/annoyed-young-male-barber-wearing-glasses-red-shirt-barber-apron-holding-hair-spray-comb-looking-side-isolated-blue-background_141793-138011.jpg",
-          imageAlt: "Professional barber",
-        },
+          imageSrc: "http://img.b2bpic.net/free-photo/annoyed-young-male-barber-wearing-glasses-red-shirt-barber-apron-holding-hair-spray-comb-looking-side-isolated-blue-background_141793-138011.jpg",          imageAlt: "Professional barber"},
       ]}
       mediaAnimation="slide-up"
     />
@@ -99,54 +76,22 @@ export default function LandingPage() {
       useInvertedBackground={true}
       plans={[
         {
-          id: "cut",
-          tag: "Popular",
-          price: "$30",
-          period: "per cut",
-          description: "Classic cut with a modern finish.",
-          button: {
-            text: "Book",
-          },
-          featuresTitle: "Includes",
-          features: [
-            "Consultation",
-            "Haircut",
-            "Hot Towel",
-            "Neck Shave",
-          ],
+          id: "cut",          tag: "Popular",          price: "$30",          period: "per cut",          description: "Classic cut with a modern finish.",          button: {
+            text: "Book"},
+          featuresTitle: "Includes",          features: [
+            "Consultation",            "Haircut",            "Hot Towel",            "Neck Shave"],
         },
         {
-          id: "beard",
-          tag: "Grooming",
-          price: "$25",
-          period: "service",
-          description: "Precision beard trim and maintenance.",
-          button: {
-            text: "Book",
-          },
-          featuresTitle: "Includes",
-          features: [
-            "Beard Trim",
-            "Line Up",
-            "Moisturizing Oil",
-          ],
+          id: "beard",          tag: "Grooming",          price: "$25",          period: "service",          description: "Precision beard trim and maintenance.",          button: {
+            text: "Book"},
+          featuresTitle: "Includes",          features: [
+            "Beard Trim",            "Line Up",            "Moisturizing Oil"],
         },
         {
-          id: "full",
-          tag: "Elite",
-          price: "$50",
-          period: "combo",
-          description: "Full haircut and beard service.",
-          button: {
-            text: "Book",
-          },
-          featuresTitle: "Includes",
-          features: [
-            "Haircut",
-            "Beard Trim",
-            "Face Massage",
-            "Styling",
-          ],
+          id: "full",          tag: "Elite",          price: "$50",          period: "combo",          description: "Full haircut and beard service.",          button: {
+            text: "Book"},
+          featuresTitle: "Includes",          features: [
+            "Haircut",            "Beard Trim",            "Face Massage",            "Styling"],
         },
       ]}
       title="Our Services"
@@ -156,30 +101,16 @@ export default function LandingPage() {
 
   <div id="team" data-section="team">
       <TeamCardFive
+      animationType="slide-up"
       textboxLayout="default"
       useInvertedBackground={false}
       team={[
         {
-          id: "barber-1",
-          name: "Chris K.",
-          role: "Head Barber",
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-black-auto-mechanic-workshop_637285-9406.jpg",
-          imageAlt: "Barber Chris",
-        },
+          id: "barber-1",          name: "Chris K.",          role: "Head Barber",          imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-black-auto-mechanic-workshop_637285-9406.jpg",          imageAlt: "Barber Chris"},
         {
-          id: "barber-2",
-          name: "Mike J.",
-          role: "Senior Barber",
-          imageSrc: "http://img.b2bpic.net/free-photo/pleased-young-female-barber-uniform-writing-something-clipboard-isolated-orange-wall_141793-82572.jpg",
-          imageAlt: "Barber Mike",
-        },
+          id: "barber-2",          name: "Mike J.",          role: "Senior Barber",          imageSrc: "http://img.b2bpic.net/free-photo/pleased-young-female-barber-uniform-writing-something-clipboard-isolated-orange-wall_141793-82572.jpg",          imageAlt: "Barber Mike"},
         {
-          id: "barber-3",
-          name: "Alex R.",
-          role: "Stylist",
-          imageSrc: "http://img.b2bpic.net/free-photo/beard-asian-man-casual-wear-posing-indoor-cafe_627829-14182.jpg",
-          imageAlt: "Barber Alex",
-        },
+          id: "barber-3",          name: "Alex R.",          role: "Stylist",          imageSrc: "http://img.b2bpic.net/free-photo/beard-asian-man-casual-wear-posing-indoor-cafe_627829-14182.jpg",          imageAlt: "Barber Alex"},
       ]}
       title="Meet Your Barbers"
       description="Professional artists dedicated to your style."
@@ -192,45 +123,15 @@ export default function LandingPage() {
       useInvertedBackground={true}
       testimonials={[
         {
-          id: "t1",
-          title: "Great atmosphere",
-          quote: "Best haircut in Roselle. Chris always gets it right.",
-          name: "John D.",
-          role: "Customer",
-          imageSrc: "http://img.b2bpic.net/free-photo/positive-satisfied-customer-making-ok-gesture_74855-3646.jpg?_wi=1",
-        },
+          id: "t1",          title: "Great atmosphere",          quote: "Best haircut in Roselle. Chris always gets it right.",          name: "John D.",          role: "Customer",          imageSrc: "http://img.b2bpic.net/free-photo/positive-satisfied-customer-making-ok-gesture_74855-3646.jpg"},
         {
-          id: "t2",
-          title: "Solid service",
-          quote: "Professional, clean shop, and great vibes.",
-          name: "Sarah W.",
-          role: "Customer",
-          imageSrc: "http://img.b2bpic.net/free-photo/people-leisure-lively-conversation-sidewalk-cafe-one-adorable-couple_273609-6620.jpg",
-        },
+          id: "t2",          title: "Solid service",          quote: "Professional, clean shop, and great vibes.",          name: "Sarah W.",          role: "Customer",          imageSrc: "http://img.b2bpic.net/free-photo/people-leisure-lively-conversation-sidewalk-cafe-one-adorable-couple_273609-6620.jpg"},
         {
-          id: "t3",
-          title: "Highly recommend",
-          quote: "I won't go anywhere else. Top notch fades.",
-          name: "David M.",
-          role: "Customer",
-          imageSrc: "http://img.b2bpic.net/free-photo/happy-african-man-smiling-stretching-hands-camera_176420-12617.jpg",
-        },
+          id: "t3",          title: "Highly recommend",          quote: "I won't go anywhere else. Top notch fades.",          name: "David M.",          role: "Customer",          imageSrc: "http://img.b2bpic.net/free-photo/happy-african-man-smiling-stretching-hands-camera_176420-12617.jpg"},
         {
-          id: "t4",
-          title: "Consistent",
-          quote: "Always walk out feeling refreshed. 5 stars.",
-          name: "Kevin L.",
-          role: "Customer",
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-fashionable-bearded-businessman-with-stylish-haircut-speaking-by-phone-drinks-glass-cool-juice-sitting-cafe-outdoors_613910-6697.jpg",
-        },
+          id: "t4",          title: "Consistent",          quote: "Always walk out feeling refreshed. 5 stars.",          name: "Kevin L.",          role: "Customer",          imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-fashionable-bearded-businessman-with-stylish-haircut-speaking-by-phone-drinks-glass-cool-juice-sitting-cafe-outdoors_613910-6697.jpg"},
         {
-          id: "t5",
-          title: "Top tier",
-          quote: "The attention to detail here is unmatched in the area.",
-          name: "Mark P.",
-          role: "Customer",
-          imageSrc: "http://img.b2bpic.net/free-photo/positive-satisfied-customer-making-ok-gesture_74855-3646.jpg?_wi=2",
-        },
+          id: "t5",          title: "Top tier",          quote: "The attention to detail here is unmatched in the area.",          name: "Mark P.",          role: "Customer",          imageSrc: "http://img.b2bpic.net/free-photo/positive-satisfied-customer-making-ok-gesture_74855-3646.jpg"},
       ]}
       title="What Our Clients Say"
       description="Don't just take our word for it."
@@ -243,20 +144,11 @@ export default function LandingPage() {
       useInvertedBackground={false}
       faqs={[
         {
-          id: "f1",
-          title: "Do I need an appointment?",
-          content: "We recommend booking online, but walk-ins are welcome if space is available.",
-        },
+          id: "f1",          title: "Do I need an appointment?",          content: "We recommend booking online, but walk-ins are welcome if space is available."},
         {
-          id: "f2",
-          title: "Where are you located?",
-          content: "We are located right in the heart of Roselle, IL.",
-        },
+          id: "f2",          title: "Where are you located?",          content: "We are located right in the heart of Roselle, IL."},
         {
-          id: "f3",
-          title: "What payments are accepted?",
-          content: "We accept cash, credit cards, and major digital payments.",
-        },
+          id: "f3",          title: "What payments are accepted?",          content: "We accept cash, credit cards, and major digital payments."},
       ]}
       imageSrc="http://img.b2bpic.net/free-photo/cheerful-young-girl-with-dark-hair-beret-classic-beige-trench-coat-sitting-table-city-cafe-terrace-smiling-having-cheesecake-tea-breakfast_197531-24446.jpg"
       mediaAnimation="slide-up"
@@ -272,37 +164,25 @@ export default function LandingPage() {
         {
           items: [
             {
-              label: "Home",
-              href: "#hero",
-            },
+              label: "Home",              href: "#hero"},
             {
-              label: "Services",
-              href: "#services",
-            },
+              label: "Services",              href: "#services"},
           ],
         },
         {
           items: [
             {
-              label: "Book Now",
-              href: "#contact",
-            },
+              label: "Book Now",              href: "#contact"},
             {
-              label: "Contact",
-              href: "#",
-            },
+              label: "Contact",              href: "#"},
           ],
         },
         {
           items: [
             {
-              label: "Privacy",
-              href: "#",
-            },
+              label: "Privacy",              href: "#"},
             {
-              label: "Terms",
-              href: "#",
-            },
+              label: "Terms",              href: "#"},
           ],
         },
       ]}