From 8ba89f0f159f90985707d8ef5867bf7f1e3320bf Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Sun, 5 Apr 2026 16:47:53 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 195 +++++++++--------------------------------------
 1 file changed, 38 insertions(+), 157 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index f86fb3c..b2accd6 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -29,95 +29,58 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarLayoutFloatingInline
       navItems={[
-        {
-          name: "Home",
-          id: "hero",
-        },
-        {
-          name: "Services",
-          id: "services",
-        },
-        {
-          name: "Pricing",
-          id: "pricing",
-        },
-        {
-          name: "Contact",
-          id: "contact",
-        },
+        { name: "Home", id: "hero" },
+        { name: "Services", id: "services" },
+        { name: "Pricing", id: "pricing" },
+        { name: "Contact", id: "contact" },
       ]}
       brandName="Sharma Saloon"
+      button={{ text: "Book Appointment", href: "#contact" }}
     />
   </div>
 
   <div id="hero" data-section="hero">
       <HeroBillboardRotatedCarousel
       background={{
-        variant: "rotated-rays-animated",
-      }}
+        variant: "rotated-rays-animated"}}
       title="Style Reimagined at Sharma Saloon"
       description="Experience premium grooming and hair care services tailored just for you in our relaxing studio environment."
       buttons={[
         {
-          text: "Book Now",
-          href: "#contact",
-        },
+          text: "Book Now",          href: "#contact"},
       ]}
       carouselItems={[
         {
-          id: "1",
-          imageSrc: "http://img.b2bpic.net/free-photo/beautician-styling-clients-hair_107420-94677.jpg?_wi=1",
-          imageAlt: "Luxury hair salon interior",
-        },
+          id: "1",          imageSrc: "http://img.b2bpic.net/free-photo/beautician-styling-clients-hair_107420-94677.jpg",          imageAlt: "Luxury hair salon interior"},
         {
-          id: "2",
-          imageSrc: "http://img.b2bpic.net/free-photo/empty-hotel-lounge-with-cozy-furniture_482257-67425.jpg?_wi=1",
-          imageAlt: "Beauty salon spa interior",
-        },
+          id: "2",          imageSrc: "http://img.b2bpic.net/free-photo/empty-hotel-lounge-with-cozy-furniture_482257-67425.jpg",          imageAlt: "Beauty salon spa interior"},
         {
-          id: "3",
-          imageSrc: "http://img.b2bpic.net/free-photo/young-man-barber-s-shop-getting-his-beard-trimmed_23-2149186493.jpg?_wi=1",
-          imageAlt: "Clean barber station design",
-        },
+          id: "3",          imageSrc: "http://img.b2bpic.net/free-photo/young-man-barber-s-shop-getting-his-beard-trimmed_23-2149186493.jpg",          imageAlt: "Clean barber station design"},
         {
-          id: "4",
-          imageSrc: "http://img.b2bpic.net/free-photo/home-interior-design-arrangement_23-2148986618.jpg?_wi=1",
-          imageAlt: "Hairdresser professional workspace",
-        },
+          id: "4",          imageSrc: "http://img.b2bpic.net/free-photo/home-interior-design-arrangement_23-2148986618.jpg",          imageAlt: "Hairdresser professional workspace"},
         {
-          id: "5",
-          imageSrc: "http://img.b2bpic.net/free-photo/barber-tools-wooden-background-table_627829-6196.jpg?_wi=1",
-          imageAlt: "Modern salon interior architecture",
-        },
+          id: "5",          imageSrc: "http://img.b2bpic.net/free-photo/barber-tools-wooden-background-table_627829-6196.jpg",          imageAlt: "Modern salon interior architecture"},
         {
-          id: "6",
-          imageSrc: "http://img.b2bpic.net/free-photo/male-hairdresser-posing-salon_23-2150462487.jpg",
-          imageAlt: "Barber shop professional studio",
-        },
+          id: "6",          imageSrc: "http://img.b2bpic.net/free-photo/male-hairdresser-posing-salon_23-2150462487.jpg",          imageAlt: "Barber shop professional studio"},
       ]}
     />
   </div>
 
   <div id="services" data-section="services">
       <FeatureBorderGlow
+      animationType="slide-up"
       textboxLayout="split"
       useInvertedBackground={true}
       features={[
         {
           icon: Scissors,
-          title: "Precision Cuts",
-          description: "Expert haircuts designed to frame your features perfectly.",
-        },
+          title: "Precision Cuts",          description: "Expert haircuts designed to frame your features perfectly."},
         {
           icon: Palette,
-          title: "Hair Coloring",
-          description: "Professional color services with high-quality products.",
-        },
+          title: "Hair Coloring",          description: "Professional color services with high-quality products."},
         {
           icon: Sparkles,
-          title: "Spa Treatments",
-          description: "Relaxing and rejuvenating skin and scalp treatments.",
-        },
+          title: "Spa Treatments",          description: "Relaxing and rejuvenating skin and scalp treatments."},
       ]}
       title="Our Professional Services"
       description="We offer a range of high-quality grooming and beauty services to help you look and feel your absolute best."
@@ -131,53 +94,27 @@ export default function LandingPage() {
       useInvertedBackground={false}
       plans={[
         {
-          id: "1",
-          badge: "Essential",
-          price: "$30",
-          subtitle: "Basic Grooming",
-          features: [
-            "Precision Haircut",
-            "Beard Trim",
-          ],
+          id: "1",          badge: "Essential",          price: "$30",          subtitle: "Basic Grooming",          features: [
+            "Precision Haircut",            "Beard Trim"],
           buttons: [
             {
-              text: "Book",
-              href: "#contact",
-            },
+              text: "Book",              href: "#contact"},
           ],
         },
         {
-          id: "2",
-          badge: "Popular",
-          price: "$60",
-          subtitle: "Full Experience",
-          features: [
-            "Precision Haircut",
-            "Hair Color",
-            "Wash",
-          ],
+          id: "2",          badge: "Popular",          price: "$60",          subtitle: "Full Experience",          features: [
+            "Precision Haircut",            "Hair Color",            "Wash"],
           buttons: [
             {
-              text: "Book",
-              href: "#contact",
-            },
+              text: "Book",              href: "#contact"},
           ],
         },
         {
-          id: "3",
-          badge: "Premium",
-          price: "$90",
-          subtitle: "Total Rejuvenation",
-          features: [
-            "Full Color",
-            "Spa Treatment",
-            "Style",
-          ],
+          id: "3",          badge: "Premium",          price: "$90",          subtitle: "Total Rejuvenation",          features: [
+            "Full Color",            "Spa Treatment",            "Style"],
           buttons: [
             {
-              text: "Book",
-              href: "#contact",
-            },
+              text: "Book",              href: "#contact"},
           ],
         },
       ]}
@@ -192,60 +129,15 @@ export default function LandingPage() {
       useInvertedBackground={true}
       testimonials={[
         {
-          id: "1",
-          name: "Alice R.",
-          date: "2024-01-10",
-          title: "Great Experience",
-          quote: "Excellent service and atmosphere!",
-          tag: "Regular",
-          avatarSrc: "http://img.b2bpic.net/free-photo/happy-young-beautiful-woman-hairdresser-apron-looking-front-feeling-positive-emotions-with-hands-her-cheeks-standing-green-wall_141793-71508.jpg",
-          imageSrc: "http://img.b2bpic.net/free-photo/beautician-styling-clients-hair_107420-94677.jpg?_wi=2",
-          imageAlt: "luxury hair salon interior",
-        },
+          id: "1",          name: "Alice R.",          date: "2024-01-10",          title: "Great Experience",          quote: "Excellent service and atmosphere!",          tag: "Regular",          avatarSrc: "http://img.b2bpic.net/free-photo/happy-young-beautiful-woman-hairdresser-apron-looking-front-feeling-positive-emotions-with-hands-her-cheeks-standing-green-wall_141793-71508.jpg",          imageSrc: "http://img.b2bpic.net/free-photo/beautician-styling-clients-hair_107420-94677.jpg",          imageAlt: "luxury hair salon interior"},
         {
-          id: "2",
-          name: "Beth S.",
-          date: "2024-02-15",
-          title: "Very Professional",
-          quote: "My new favorite salon in town.",
-          tag: "New",
-          avatarSrc: "http://img.b2bpic.net/free-photo/young-black-people-taking-care-afro-hair_23-2149575435.jpg",
-          imageSrc: "http://img.b2bpic.net/free-photo/empty-hotel-lounge-with-cozy-furniture_482257-67425.jpg?_wi=2",
-          imageAlt: "beauty salon spa interior",
-        },
+          id: "2",          name: "Beth S.",          date: "2024-02-15",          title: "Very Professional",          quote: "My new favorite salon in town.",          tag: "New",          avatarSrc: "http://img.b2bpic.net/free-photo/young-black-people-taking-care-afro-hair_23-2149575435.jpg",          imageSrc: "http://img.b2bpic.net/free-photo/empty-hotel-lounge-with-cozy-furniture_482257-67425.jpg",          imageAlt: "beauty salon spa interior"},
         {
-          id: "3",
-          name: "Charlie M.",
-          date: "2024-03-05",
-          title: "Perfect Cut",
-          quote: "Staff is very attentive and skilled.",
-          tag: "Regular",
-          avatarSrc: "http://img.b2bpic.net/free-photo/barber-man-apron-holding-hair-cutting-machine-clenching-fist-happy-excited-standing-olive-wall_141793-50561.jpg",
-          imageSrc: "http://img.b2bpic.net/free-photo/young-man-barber-s-shop-getting-his-beard-trimmed_23-2149186493.jpg?_wi=2",
-          imageAlt: "clean barber station design",
-        },
+          id: "3",          name: "Charlie M.",          date: "2024-03-05",          title: "Perfect Cut",          quote: "Staff is very attentive and skilled.",          tag: "Regular",          avatarSrc: "http://img.b2bpic.net/free-photo/barber-man-apron-holding-hair-cutting-machine-clenching-fist-happy-excited-standing-olive-wall_141793-50561.jpg",          imageSrc: "http://img.b2bpic.net/free-photo/young-man-barber-s-shop-getting-his-beard-trimmed_23-2149186493.jpg",          imageAlt: "clean barber station design"},
         {
-          id: "4",
-          name: "Diana P.",
-          date: "2024-04-12",
-          title: "Highly Recommended",
-          quote: "Relaxing and top-tier services.",
-          tag: "Premium",
-          avatarSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-twins-home_329181-10606.jpg",
-          imageSrc: "http://img.b2bpic.net/free-photo/home-interior-design-arrangement_23-2148986618.jpg?_wi=2",
-          imageAlt: "hairdresser professional workspace",
-        },
+          id: "4",          name: "Diana P.",          date: "2024-04-12",          title: "Highly Recommended",          quote: "Relaxing and top-tier services.",          tag: "Premium",          avatarSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-twins-home_329181-10606.jpg",          imageSrc: "http://img.b2bpic.net/free-photo/home-interior-design-arrangement_23-2148986618.jpg",          imageAlt: "hairdresser professional workspace"},
         {
-          id: "5",
-          name: "Evan K.",
-          date: "2024-05-20",
-          title: "Excellent Quality",
-          quote: "Found my go-to spot forever.",
-          tag: "Member",
-          avatarSrc: "http://img.b2bpic.net/free-photo/medium-shot-happy-women-party_23-2149272200.jpg",
-          imageSrc: "http://img.b2bpic.net/free-photo/barber-tools-wooden-background-table_627829-6196.jpg?_wi=2",
-          imageAlt: "modern salon interior architecture",
-        },
+          id: "5",          name: "Evan K.",          date: "2024-05-20",          title: "Excellent Quality",          quote: "Found my go-to spot forever.",          tag: "Member",          avatarSrc: "http://img.b2bpic.net/free-photo/medium-shot-happy-women-party_23-2149272200.jpg",          imageSrc: "http://img.b2bpic.net/free-photo/barber-tools-wooden-background-table_627829-6196.jpg",          imageAlt: "modern salon interior architecture"},
       ]}
       title="What Our Clients Say"
       description="Hear from our wonderful community of satisfied clients."
@@ -256,8 +148,7 @@ export default function LandingPage() {
       <ContactSplit
       useInvertedBackground={false}
       background={{
-        variant: "plain",
-      }}
+        variant: "plain"}}
       title="Visit Sharma Saloon"
       description="Book your appointment today and start your journey towards your perfect look."
       imageSrc="http://img.b2bpic.net/free-photo/stylish-reception-desk-lounge-area-with-trendy-decorations_482257-87402.jpg"
@@ -271,29 +162,19 @@ export default function LandingPage() {
       logoText="Sharma Saloon"
       columns={[
         {
-          title: "Quick Links",
-          items: [
+          title: "Quick Links",          items: [
             {
-              label: "Services",
-              href: "#services",
-            },
+              label: "Services",              href: "#services"},
             {
-              label: "Pricing",
-              href: "#pricing",
-            },
+              label: "Pricing",              href: "#pricing"},
           ],
         },
         {
-          title: "Legal",
-          items: [
+          title: "Legal",          items: [
             {
-              label: "Privacy Policy",
-              href: "#",
-            },
+              label: "Privacy Policy",              href: "#"},
             {
-              label: "Terms",
-              href: "#",
-            },
+              label: "Terms",              href: "#"},
           ],
         },
       ]}