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

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

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 8da2a06..a47fbb0 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -31,22 +31,10 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarStyleCentered
       navItems={[
-        {
-          name: "Services",
-          id: "#services",
-        },
-        {
-          name: "Pricing",
-          id: "#pricing",
-        },
-        {
-          name: "Team",
-          id: "#team",
-        },
-        {
-          name: "Contact",
-          id: "#contact",
-        },
+        { name: "Services", id: "#services" },
+        { name: "Pricing", id: "#pricing" },
+        { name: "Team", id: "#team" },
+        { name: "Contact", id: "#contact" },
       ]}
       brandName="THE ELITE CUT"
     />
@@ -57,75 +45,20 @@ export default function LandingPage() {
       title="Mastery in Every Cut"
       description="Experience a grooming ritual defined by precision, tradition, and luxury. Your transformation starts in the chair."
       testimonials={[
-        {
-          name: "James W.",
-          handle: "@jamesw",
-          testimonial: "Best fade I've ever had. Truly a premium experience.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/full-shot-barber-hair-salon_23-2148242782.jpg?_wi=1",
-          imageAlt: "barbershop interior modern luxury",
-        },
-        {
-          name: "Marcus L.",
-          handle: "@mlux",
-          testimonial: "The attention to detail here is unmatched.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/male-hairdresser-posing-salon_23-2150462487.jpg",
-          imageAlt: "barbershop interior modern luxury",
-        },
-        {
-          name: "Alex R.",
-          handle: "@alexcut",
-          testimonial: "Always professional, clean, and consistent.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/young-man-getting-his-beard-styled-barber_23-2148985727.jpg?_wi=1",
-          imageAlt: "barbershop interior modern luxury",
-        },
-        {
-          name: "David S.",
-          handle: "@dsilver",
-          testimonial: "Worth every cent. The hot towel shave is a must.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/stylish-man-sitting-barbershop_1157-21510.jpg?_wi=1",
-          imageAlt: "barbershop interior modern luxury",
-        },
-        {
-          name: "Brian K.",
-          handle: "@bkgroom",
-          testimonial: "Finally found a barbershop that treats me like a gentleman.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/beautician-styling-clients-hair_107420-94680.jpg?_wi=1",
-          imageAlt: "barbershop interior modern luxury",
-        },
+        { name: "James W.", handle: "@jamesw", testimonial: "Best fade I've ever had. Truly a premium experience.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/full-shot-barber-hair-salon_23-2148242782.jpg", imageAlt: "barbershop interior modern luxury" },
+        { name: "Marcus L.", handle: "@mlux", testimonial: "The attention to detail here is unmatched.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/male-hairdresser-posing-salon_23-2150462487.jpg", imageAlt: "barbershop interior modern luxury" },
+        { name: "Alex R.", handle: "@alexcut", testimonial: "Always professional, clean, and consistent.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-man-getting-his-beard-styled-barber_23-2148985727.jpg", imageAlt: "barbershop interior modern luxury" },
+        { name: "David S.", handle: "@dsilver", testimonial: "Worth every cent. The hot towel shave is a must.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/stylish-man-sitting-barbershop_1157-21510.jpg", imageAlt: "barbershop interior modern luxury" },
+        { name: "Brian K.", handle: "@bkgroom", testimonial: "Finally found a barbershop that treats me like a gentleman.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/beautician-styling-clients-hair_107420-94680.jpg", imageAlt: "barbershop interior modern luxury" }
       ]}
-      buttons={[
-        {
-          text: "Book Now",
-          href: "#contact",
-        },
-      ]}
-      imageSrc="http://img.b2bpic.net/free-photo/full-shot-barber-hair-salon_23-2148242782.jpg?_wi=2"
+      buttons={[{ text: "Book Now", href: "#contact" }]}
+      imageSrc="http://img.b2bpic.net/free-photo/full-shot-barber-hair-salon_23-2148242782.jpg"
       avatars={[
-        {
-          src: "http://img.b2bpic.net/free-photo/full-shot-man-barber-shop_23-2149141768.jpg",
-          alt: "Full shot man at barber shop",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/handsome-bearded-man-barbershop-barber-work_627829-7242.jpg",
-          alt: "Handsome bearded man at the barbershop barber at work",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/male-barber-sitting-his-shop_23-2149186519.jpg",
-          alt: "Male barber sitting at his shop",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/various-trimmers-dressing-table_107420-94767.jpg",
-          alt: "Various trimmers on dressing table",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/muscular-man-arrives-ski-complex_482257-76574.jpg",
-          alt: "Muscular man arrives at ski complex",
-        },
+        { src: "http://img.b2bpic.net/free-photo/full-shot-man-barber-shop_23-2149141768.jpg", alt: "Full shot man at barber shop" },
+        { src: "http://img.b2bpic.net/free-photo/handsome-bearded-man-barbershop-barber-work_627829-7242.jpg", alt: "Handsome bearded man at the barbershop barber at work" },
+        { src: "http://img.b2bpic.net/free-photo/male-barber-sitting-his-shop_23-2149186519.jpg", alt: "Male barber sitting at his shop" },
+        { src: "http://img.b2bpic.net/free-photo/various-trimmers-dressing-table_107420-94767.jpg", alt: "Various trimmers on dressing table" },
+        { src: "http://img.b2bpic.net/free-photo/muscular-man-arrives-ski-complex_482257-76574.jpg", alt: "Muscular man arrives at ski complex" }
       ]}
       avatarText="Join 500+ satisfied clients"
     />
@@ -135,22 +68,10 @@ export default function LandingPage() {
       <InlineImageSplitTextAbout
       useInvertedBackground={false}
       heading={[
-        {
-          type: "text",
-          content: "The Elite Cut Difference",
-        },
-        {
-          type: "image",
-          src: "http://img.b2bpic.net/free-photo/male-hairdresser-posing-salon_23-2150462487.jpg",
-          alt: "Barber",
-        },
-      ]}
-      buttons={[
-        {
-          text: "Learn About Our Heritage",
-          href: "#",
-        },
+        { type: "text", content: "The Elite Cut Difference" },
+        { type: "image", src: "http://img.b2bpic.net/free-photo/male-hairdresser-posing-salon_23-2150462487.jpg", alt: "Barber" }
       ]}
+      buttons={[{ text: "Learn About Our Heritage", href: "#" }]}
     />
   </div>
 
@@ -160,24 +81,9 @@ export default function LandingPage() {
       textboxLayout="split"
       useInvertedBackground={true}
       features={[
-        {
-          id: "1",
-          title: "Precision Haircut",
-          description: "Tailored to your facial structure and style.",
-          imageSrc: "http://img.b2bpic.net/free-photo/young-man-getting-his-beard-styled-barber_23-2148985727.jpg?_wi=2",
-        },
-        {
-          id: "2",
-          title: "Hot Towel Shave",
-          description: "The ultimate luxury ritual for smooth skin.",
-          imageSrc: "http://img.b2bpic.net/free-photo/stylish-man-sitting-barbershop_1157-21510.jpg?_wi=2",
-        },
-        {
-          id: "3",
-          title: "Beard Sculpting",
-          description: "Sharp lines and precise grooming for your beard.",
-          imageSrc: "http://img.b2bpic.net/free-photo/beautician-styling-clients-hair_107420-94680.jpg?_wi=2",
-        },
+        { id: "1", title: "Precision Haircut", description: "Tailored to your facial structure and style.", tag: "Basic", imageSrc: "http://img.b2bpic.net/free-photo/young-man-getting-his-beard-styled-barber_23-2148985727.jpg" },
+        { id: "2", title: "Hot Towel Shave", description: "The ultimate luxury ritual for smooth skin.", tag: "Premium", imageSrc: "http://img.b2bpic.net/free-photo/stylish-man-sitting-barbershop_1157-21510.jpg" },
+        { id: "3", title: "Beard Sculpting", description: "Sharp lines and precise grooming for your beard.", tag: "Elite", imageSrc: "http://img.b2bpic.net/free-photo/beautician-styling-clients-hair_107420-94680.jpg" }
       ]}
       title="Our Signature Services"
       description="We blend timeless techniques with modern precision to keep you looking your best."
@@ -186,57 +92,13 @@ export default function LandingPage() {
 
   <div id="pricing" data-section="pricing">
       <PricingCardFive
+      animationType="slide-up"
       textboxLayout="default"
       useInvertedBackground={false}
       plans={[
-        {
-          id: "p1",
-          tag: "Essentials",
-          price: "$45",
-          period: "/ session",
-          description: "Haircut and neck trim.",
-          button: {
-            text: "Book Now",
-          },
-          featuresTitle: "Includes",
-          features: [
-            "Consultation",
-            "Precision Cut",
-            "Style",
-          ],
-        },
-        {
-          id: "p2",
-          tag: "Premium",
-          price: "$75",
-          period: "/ session",
-          description: "The full grooming experience.",
-          button: {
-            text: "Book Now",
-          },
-          featuresTitle: "Includes",
-          features: [
-            "Everything in Essentials",
-            "Hot Towel Shave",
-            "Scalp Massage",
-          ],
-        },
-        {
-          id: "p3",
-          tag: "Elite",
-          price: "$120",
-          period: "/ session",
-          description: "Total rejuvenation treatment.",
-          button: {
-            text: "Book Now",
-          },
-          featuresTitle: "Includes",
-          features: [
-            "Elite Cut",
-            "Facial Treatment",
-            "Beard Sculpting",
-          ],
-        },
+        { id: "p1", tag: "Essentials", price: "$45", period: "/ session", description: "Haircut and neck trim.", button: { text: "Book Now" }, featuresTitle: "Includes", features: ["Consultation", "Precision Cut", "Style"] },
+        { id: "p2", tag: "Premium", price: "$75", period: "/ session", description: "The full grooming experience.", button: { text: "Book Now" }, featuresTitle: "Includes", features: ["Everything in Essentials", "Hot Towel Shave", "Scalp Massage"] },
+        { id: "p3", tag: "Elite", price: "$120", period: "/ session", description: "Total rejuvenation treatment.", button: { text: "Book Now" }, featuresTitle: "Includes", features: ["Elite Cut", "Facial Treatment", "Beard Sculpting"] }
       ]}
       title="Services & Pricing"
       description="Premium treatments for the modern man."
@@ -250,21 +112,9 @@ export default function LandingPage() {
       tag="Experts"
       membersAnimation="slide-up"
       members={[
-        {
-          id: "t1",
-          name: "Master Barber Jack",
-          imageSrc: "http://img.b2bpic.net/free-photo/top-view-smiling-male-hairdesser-wearing-gray-apron-holding-scissor-showing-three-blue-soft-color-background_140725-155287.jpg",
-        },
-        {
-          id: "t2",
-          name: "Senior Barber Sam",
-          imageSrc: "http://img.b2bpic.net/free-photo/front-view-man-hair-salon_23-2150665449.jpg",
-        },
-        {
-          id: "t3",
-          name: "Style Expert Tony",
-          imageSrc: "http://img.b2bpic.net/free-photo/woman-preparing-man-grooming_23-2147737047.jpg",
-        },
+        { id: "t1", name: "Master Barber Jack", imageSrc: "http://img.b2bpic.net/free-photo/top-view-smiling-male-hairdesser-wearing-gray-apron-holding-scissor-showing-three-blue-soft-color-background_140725-155287.jpg" },
+        { id: "t2", name: "Senior Barber Sam", imageSrc: "http://img.b2bpic.net/free-photo/front-view-man-hair-salon_23-2150665449.jpg" },
+        { id: "t3", name: "Style Expert Tony", imageSrc: "http://img.b2bpic.net/free-photo/woman-preparing-man-grooming_23-2147737047.jpg" }
       ]}
       memberVariant="card"
     />
@@ -276,46 +126,11 @@ export default function LandingPage() {
       textboxLayout="split"
       useInvertedBackground={false}
       testimonials={[
-        {
-          id: "ts1",
-          name: "Sarah Johnson",
-          handle: "@sarahj",
-          testimonial: "Best service in town.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/bearded-male-dressed-fleece-shirt-talks-by-smart-phone-park-close-up_613910-3278.jpg",
-        },
-        {
-          id: "ts2",
-          name: "Michael Chen",
-          handle: "@mchen",
-          testimonial: "The fade is perfect.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-stylish-male-who-himself-shaving-while-sitting-barber-chair-hairdressing-salon_613910-18629.jpg",
-        },
-        {
-          id: "ts3",
-          name: "Emily R.",
-          handle: "@emr",
-          testimonial: "Great attention to detail.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/hairdresser-grooming-their-client_23-2149205920.jpg",
-        },
-        {
-          id: "ts4",
-          name: "David K.",
-          handle: "@dkim",
-          testimonial: "Professional and consistent.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/couple-having-dinner-restaurant_23-2148018817.jpg",
-        },
-        {
-          id: "ts5",
-          name: "Luke T.",
-          handle: "@ltone",
-          testimonial: "Excellent experience.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/woman-stylish-denim-jacket-coffee-shop_273609-4460.jpg",
-        },
+        { id: "ts1", name: "Sarah Johnson", handle: "@sarahj", testimonial: "Best service in town.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/bearded-male-dressed-fleece-shirt-talks-by-smart-phone-park-close-up_613910-3278.jpg" },
+        { id: "ts2", name: "Michael Chen", handle: "@mchen", testimonial: "The fade is perfect.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-stylish-male-who-himself-shaving-while-sitting-barber-chair-hairdressing-salon_613910-18629.jpg" },
+        { id: "ts3", name: "Emily R.", handle: "@emr", testimonial: "Great attention to detail.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/hairdresser-grooming-their-client_23-2149205920.jpg" },
+        { id: "ts4", name: "David K.", handle: "@dkim", testimonial: "Professional and consistent.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/couple-having-dinner-restaurant_23-2148018817.jpg" },
+        { id: "ts5", name: "Luke T.", handle: "@ltone", testimonial: "Excellent experience.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/woman-stylish-denim-jacket-coffee-shop_273609-4460.jpg" }
       ]}
       showRating={true}
       title="Trusted by Gentlemen"
@@ -325,38 +140,25 @@ export default function LandingPage() {
 
   <div id="faq" data-section="faq">
       <FaqSplitMedia
+      faqsAnimation="slide-up"
       textboxLayout="split"
       useInvertedBackground={true}
       faqs={[
-        {
-          id: "q1",
-          title: "Do I need an appointment?",
-          content: "Yes, we recommend booking online to guarantee your preferred time.",
-        },
-        {
-          id: "q2",
-          title: "Can I request a specific barber?",
-          content: "Absolutely, just choose your barber during the online booking process.",
-        },
-        {
-          id: "q3",
-          title: "What products do you use?",
-          content: "We use only top-tier, premium grooming products to ensure your hair and beard are well-maintained.",
-        },
+        { id: "q1", title: "Do I need an appointment?", content: "Yes, we recommend booking online to guarantee your preferred time." },
+        { id: "q2", title: "Can I request a specific barber?", content: "Absolutely, just choose your barber during the online booking process." },
+        { id: "q3", title: "What products do you use?", content: "We use only top-tier, premium grooming products to ensure your hair and beard are well-maintained." }
       ]}
       imageSrc="http://img.b2bpic.net/free-photo/blank-paper-clipboard-flat-lay-with-barber-tools-job-career-concept_53876-148098.jpg"
       title="Frequently Asked"
       description="Everything you need to know about your appointment."
-      faqsAnimation="slide-up"
     />
   </div>
 
   <div id="contact" data-section="contact">
       <ContactSplit
+      tag="Contact"
       useInvertedBackground={false}
-      background={{
-        variant: "gradient-bars",
-      }}
+      background={{ variant: "gradient-bars" }}
       title="Ready for a Refresh?"
       description="Book your appointment today and join the elite experience."
       imageSrc="http://img.b2bpic.net/free-photo/young-bearded-man-getting-haircut-by-hairdresser-while-sitting-chair-barbershop-barber-soul_627829-6322.jpg"