From 05738c5a0fcd98724f8244b82bc62a336f54742d Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Tue, 10 Mar 2026 03:07:06 +0000
Subject: [PATCH] Update src/app/page.tsx

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

diff --git a/src/app/page.tsx b/src/app/page.tsx
index dd0e1e7..e1a474e 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -21,7 +21,7 @@ export default function LandingPage() {
       borderRadius="pill"
       contentWidth="mediumLarge"
       sizing="mediumLarge"
-      background="grid"
+      background="circleGradient"
       cardStyle="glass-depth"
       primaryButtonStyle="radial-glow"
       secondaryButtonStyle="layered"
@@ -38,7 +38,8 @@ export default function LandingPage() {
             { name: "Contact", id: "contact" },
           ]}
           button={{
-            text: "Book Appointment",            href: "#contact"}}
+            text: "Book Appointment",            href: "#contact"
+          }}
         />
       </div>
 
@@ -46,7 +47,7 @@ export default function LandingPage() {
         <HeroSplitKpi
           title="Premium Barbershop Experience"
           description="Discover refined grooming at Today Style Barber. Professional stylists, premium products, and exceptional service for the modern gentleman."
-          background={{ variant: "grid" }}
+          background={{ variant: "glowing-orb" }}
           kpis={[
             { value: "15+", label: "Years of Excellence" },
             { value: "5,000+", label: "Satisfied Clients" },
@@ -73,13 +74,17 @@ export default function LandingPage() {
           tagIcon={Scissors}
           features={[
             {
-              id: "haircut",              title: "Classic Haircuts",              description: "Traditional and modern cuts tailored to your style and hair type. Expert precision with attention to detail.",              imageSrc: "http://img.b2bpic.net/free-photo/close-up-bearded-musician-playing-sax_23-2148207503.jpg",              imageAlt: "barber cutting hair with clippers precision"},
+              id: "haircut",              title: "Classic Haircuts",              description: "Traditional and modern cuts tailored to your style and hair type. Expert precision with attention to detail.",              imageSrc: "http://img.b2bpic.net/free-photo/close-up-bearded-musician-playing-sax_23-2148207503.jpg",              imageAlt: "barber cutting hair with clippers precision"
+            },
             {
-              id: "shave",              title: "Straight Razor Shaves",              description: "Luxurious hot shave experience with premium aftershave balms. Relax while we handle the details.",              imageSrc: "http://img.b2bpic.net/free-photo/crop-hands-shaving-neck-customer_23-2147778915.jpg",              imageAlt: "barber straight razor shaving client face"},
+              id: "shave",              title: "Straight Razor Shaves",              description: "Luxurious hot shave experience with premium aftershave balms. Relax while we handle the details.",              imageSrc: "http://img.b2bpic.net/free-photo/crop-hands-shaving-neck-customer_23-2147778915.jpg",              imageAlt: "barber straight razor shaving client face"
+            },
             {
-              id: "beard",              title: "Beard Grooming",              description: "Beard trimming, shaping, and conditioning. Keep your beard looking sharp and well-maintained.",              imageSrc: "http://img.b2bpic.net/free-photo/low-angle-man-getting-haircut_23-2148465218.jpg",              imageAlt: "barber grooming trimming beard styling"},
+              id: "beard",              title: "Beard Grooming",              description: "Beard trimming, shaping, and conditioning. Keep your beard looking sharp and well-maintained.",              imageSrc: "http://img.b2bpic.net/free-photo/low-angle-man-getting-haircut_23-2148465218.jpg",              imageAlt: "barber grooming trimming beard styling"
+            },
             {
-              id: "coloring",              title: "Hair Coloring",              description: "Professional hair coloring and touch-ups using premium products. Cover grays or try a new look.",              imageSrc: "http://img.b2bpic.net/free-photo/male-hairdresser-working-with-hair-elderly-client_23-2148181885.jpg",              imageAlt: "barber applying hair color professional dye"},
+              id: "coloring",              title: "Hair Coloring",              description: "Professional hair coloring and touch-ups using premium products. Cover grays or try a new look.",              imageSrc: "http://img.b2bpic.net/free-photo/male-hairdresser-working-with-hair-elderly-client_23-2148181885.jpg",              imageAlt: "barber applying hair color professional dye"
+            },
           ]}
           gridVariant="four-items-2x2-equal-grid"
           animationType="slide-up"
@@ -143,15 +148,19 @@ export default function LandingPage() {
           tagIcon={Users}
           members={[
             {
-              id: "1",              name: "Marcus Johnson",              role: "Head Barber & Founder",              imageSrc: "http://img.b2bpic.net/free-photo/confident-young-male-barber-wearing-uniform-holding-crossing-sciccors-with-comb-isolated-olive-green-wall_141793-105721.jpg",              imageAlt: "professional male barber portrait headshot"},
+              id: "1",              name: "Marcus Johnson",              role: "Head Barber & Founder",              imageSrc: "http://img.b2bpic.net/free-photo/confident-young-male-barber-wearing-uniform-holding-crossing-sciccors-with-comb-isolated-olive-green-wall_141793-105721.jpg",              imageAlt: "professional male barber portrait headshot"
+            },
             {
-              id: "2",              name: "David Chen",              role: "Senior Stylist",              imageSrc: "http://img.b2bpic.net/free-photo/portrait-pensive-man-with-receive-moustache-beard-trimming-procedure-barbershop_613910-15042.jpg",              imageAlt: "professional male barber portrait barbershop"},
+              id: "2",              name: "David Chen",              role: "Senior Stylist",              imageSrc: "http://img.b2bpic.net/free-photo/portrait-pensive-man-with-receive-moustache-beard-trimming-procedure-barbershop_613910-15042.jpg",              imageAlt: "professional male barber portrait barbershop"
+            },
             {
-              id: "3",              name: "James Williams",              role: "Specialist Barber",              imageSrc: "http://img.b2bpic.net/free-photo/studio-portrait-bearded-photographer-wearing-classic-suit-holding-retro-camera-standing-with-his-arms-crossed_613910-19284.jpg",              imageAlt: "professional barber portrait barbershop"},
+              id: "3",              name: "James Williams",              role: "Specialist Barber",              imageSrc: "http://img.b2bpic.net/free-photo/studio-portrait-bearded-photographer-wearing-classic-suit-holding-retro-camera-standing-with-his-arms-crossed_613910-19284.jpg",              imageAlt: "professional barber portrait barbershop"
+            },
             {
-              id: "4",              name: "Antonio Rodriguez",              role: "Grooming Expert",              imageSrc: "http://img.b2bpic.net/free-photo/close-up-old-person-portrait_23-2149254450.jpg",              imageAlt: "professional barber portrait grooming expert"},
+              id: "4",              name: "Antonio Rodriguez",              role: "Grooming Expert",              imageSrc: "http://img.b2bpic.net/free-photo/close-up-old-person-portrait_23-2149254450.jpg",              imageAlt: "professional barber portrait grooming expert"
+            },
           ]}
-          gridVariant="four-items-2x2-equal-grid"
+          gridVariant="uniform-all-items-equal"
           animationType="slide-up"
           textboxLayout="default"
           useInvertedBackground={false}
@@ -165,16 +174,20 @@ export default function LandingPage() {
           testimonials={[
             {
               id: "1",              name: "Robert Thompson",              role: "Business Executive",              company: "Thompson & Associates",              rating: 5,
-              imageSrc: "http://img.b2bpic.net/free-photo/portrait-stylish-blond-bearded-male-dressed-suit-grey-background_613910-11907.jpg",              imageAlt: "professional business man portrait headshot"},
+              imageSrc: "http://img.b2bpic.net/free-photo/portrait-stylish-blond-bearded-male-dressed-suit-grey-background_613910-11907.jpg",              imageAlt: "professional business man portrait headshot"
+            },
             {
               id: "2",              name: "Michael Hayes",              role: "Software Developer",              company: "Tech Innovations Inc",              rating: 5,
-              imageSrc: "http://img.b2bpic.net/free-photo/young-businessman-happy-expression_1194-1631.jpg",              imageAlt: "young professional man portrait headshot"},
+              imageSrc: "http://img.b2bpic.net/free-photo/young-businessman-happy-expression_1194-1631.jpg",              imageAlt: "young professional man portrait headshot"
+            },
             {
               id: "3",              name: "Christopher Davis",              role: "Attorney",              company: "Davis Legal Group",              rating: 5,
-              imageSrc: "http://img.b2bpic.net/free-photo/portrait-successful-young-businessman-with-his-arms-crossed-looking-camera_23-2148176207.jpg",              imageAlt: "professional lawyer male portrait headshot"},
+              imageSrc: "http://img.b2bpic.net/free-photo/portrait-successful-young-businessman-with-his-arms-crossed-looking-camera_23-2148176207.jpg",              imageAlt: "professional lawyer male portrait headshot"
+            },
             {
               id: "4",              name: "Daniel Anderson",              role: "Entrepreneur",              company: "Anderson Ventures",              rating: 5,
-              imageSrc: "http://img.b2bpic.net/free-photo/portrait-confident-businessman_1098-21013.jpg",              imageAlt: "entrepreneur male portrait professional headshot"},
+              imageSrc: "http://img.b2bpic.net/free-photo/portrait-confident-businessman_1098-21013.jpg",              imageAlt: "entrepreneur male portrait professional headshot"
+            },
           ]}
           kpiItems={[
             { value: "98%", label: "Client Satisfaction" },
@@ -193,20 +206,27 @@ export default function LandingPage() {
           sideDescription="Find answers to common questions about our services, appointments, and policies."
           faqs={[
             {
-              id: "1",              title: "How do I book an appointment?",              content: "You can book an appointment through our contact form, by phone, or by visiting our shop in person. We recommend booking in advance to secure your preferred time slot."},
+              id: "1",              title: "How do I book an appointment?",              content: "You can book an appointment through our contact form, by phone, or by visiting our shop in person. We recommend booking in advance to secure your preferred time slot."
+            },
             {
-              id: "2",              title: "What is your cancellation policy?",              content: "We require 24 hours notice for cancellations or rescheduling. Cancellations made with less notice may incur a 50% service fee."},
+              id: "2",              title: "What is your cancellation policy?",              content: "We require 24 hours notice for cancellations or rescheduling. Cancellations made with less notice may incur a 50% service fee."
+            },
             {
-              id: "3",              title: "Do you accept walk-ins?",              content: "Yes, we accept walk-ins based on availability. However, we recommend booking in advance to minimize wait times and guarantee your spot."},
+              id: "3",              title: "Do you accept walk-ins?",              content: "Yes, we accept walk-ins based on availability. However, we recommend booking in advance to minimize wait times and guarantee your spot."
+            },
             {
-              id: "4",              title: "What payment methods do you accept?",              content: "We accept cash, credit cards (Visa, Mastercard, American Express), and digital payment methods including Apple Pay and Google Pay."},
+              id: "4",              title: "What payment methods do you accept?",              content: "We accept cash, credit cards (Visa, Mastercard, American Express), and digital payment methods including Apple Pay and Google Pay."
+            },
             {
-              id: "5",              title: "How long does a typical haircut take?",              content: "A standard haircut typically takes 30-45 minutes, depending on the complexity of the style and hair type. Detailed grooming services may take longer."},
+              id: "5",              title: "How long does a typical haircut take?",              content: "A standard haircut typically takes 30-45 minutes, depending on the complexity of the style and hair type. Detailed grooming services may take longer."
+            },
             {
-              id: "6",              title: "Do you offer gift certificates?",              content: "Yes! Gift certificates are available in any denomination. They make perfect gifts for the grooming-conscious gentleman in your life."},
+              id: "6",              title: "Do you offer gift certificates?",              content: "Yes! Gift certificates are available in any denomination. They make perfect gifts for the grooming-conscious gentleman in your life."
+            },
           ]}
           useInvertedBackground={false}
           textPosition="left"
+          faqsAnimation="slide-up"
         />
       </div>
 
-- 
2.49.1