From a8163ded0083290a7ce898af35c234a832fb9878 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Fri, 27 Mar 2026 07:30:43 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 166 ++++++++++++-----------------------------------
 1 file changed, 41 insertions(+), 125 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index fc9a234..38b1c27 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -17,31 +17,23 @@ export default function LandingPage() {
         defaultButtonVariant="text-stagger"
         defaultTextAnimation="entrance-slide"
         borderRadius="rounded"
+        contentWidth="medium"
+        sizing="medium"
+        background="circleGradient"
+        cardStyle="glass-elevated"
+        primaryButtonStyle="gradient"
+        secondaryButtonStyle="glass"
+        headingFontWeight="normal"
     >
       <ReactLenis root>
   <div id="nav" data-section="nav">
       <NavbarStyleFullscreen
       navItems={[
-        {
-          name: "Home",
-          id: "hero",
-        },
-        {
-          name: "About",
-          id: "about",
-        },
-        {
-          name: "Services",
-          id: "services",
-        },
-        {
-          name: "Gallery",
-          id: "gallery",
-        },
-        {
-          name: "Booking",
-          id: "booking",
-        },
+        { name: "Home", id: "hero" },
+        { name: "About", id: "about" },
+        { name: "Services", id: "services" },
+        { name: "Gallery", id: "gallery" },
+        { name: "Booking", id: "booking" },
       ]}
       brandName="Royal Cuts"
     />
@@ -49,22 +41,14 @@ export default function LandingPage() {
 
   <div id="hero" data-section="hero">
       <HeroBillboardGallery
-      background={{
-        variant: "gradient-bars",
-      }}
+      background={{ variant: "gradient-bars" }}
       title="Style That Defines You"
       description="Experience the ultimate grooming journey at Royal Cuts. Where tradition meets modern luxury."
-      buttons={[
-        {
-          text: "Book Now",
-          href: "#booking",
-        },
-      ]}
+      buttons={[{ text: "Book Now", href: "#booking" }]}
       mediaItems={[
         {
-          imageSrc: "http://img.b2bpic.net/free-photo/various-trimmers-dressing-table_107420-94767.jpg",
-          imageAlt: "Professional Barber",
-        },
+          imageSrc: "http://img.b2bpic.net/free-photo/various-trimmers-dressing-table_107420-94767.jpg",          imageAlt: "professional barber cutting hair man"
+        }
       ]}
       mediaAnimation="slide-up"
     />
@@ -86,50 +70,17 @@ export default function LandingPage() {
       useInvertedBackground={false}
       plans={[
         {
-          id: "p1",
-          title: "Haircut & Style",
-          period: "Session",
-          price: "$45",
-          features: [
-            "Consultation",
-            "Cut & Styling",
-            "Hot Towel Finish",
-          ],
-          button: {
-            text: "Book",
-            href: "#booking",
-          },
+          id: "p1",          title: "Haircut & Style",          period: "Session",          price: "$45",          features: ["Consultation", "Cut & Styling", "Hot Towel Finish"],
+          button: { text: "Book", href: "#booking" }
         },
         {
-          id: "p2",
-          title: "Beard Trim",
-          period: "Session",
-          price: "$30",
-          features: [
-            "Sculpting",
-            "Shaving",
-            "Essential Oils",
-          ],
-          button: {
-            text: "Book",
-            href: "#booking",
-          },
+          id: "p2",          title: "Beard Trim",          period: "Session",          price: "$30",          features: ["Sculpting", "Shaving", "Essential Oils"],
+          button: { text: "Book", href: "#booking" }
         },
         {
-          id: "p3",
-          title: "Royal Shave",
-          period: "Session",
-          price: "$50",
-          features: [
-            "Straight Razor",
-            "Steaming",
-            "Skincare Ritual",
-          ],
-          button: {
-            text: "Book",
-            href: "#booking",
-          },
-        },
+          id: "p3",          title: "Royal Shave",          period: "Session",          price: "$50",          features: ["Straight Razor", "Steaming", "Skincare Ritual"],
+          button: { text: "Book", href: "#booking" }
+        }
       ]}
       title="Signature Services"
       description="Handcrafted grooming solutions for the modern gentleman."
@@ -144,32 +95,17 @@ export default function LandingPage() {
       useInvertedBackground={false}
       products={[
         {
-          id: "g1",
-          brand: "Style",
-          name: "Classic Fade",
-          price: "Featured",
-          rating: 5,
-          reviewCount: "100+",
-          imageSrc: "http://img.b2bpic.net/free-photo/officer-war-room-responsible-air-defense-relaying-instructions-squadrons-patrolling_482257-134542.jpg?_wi=1",
+          id: "g1",          brand: "Style",          name: "Classic Fade",          price: "Featured",          rating: 5,
+          reviewCount: "100+",          imageSrc: "http://img.b2bpic.net/free-photo/officer-war-room-responsible-air-defense-relaying-instructions-squadrons-patrolling_482257-134542.jpg"
         },
         {
-          id: "g2",
-          brand: "Style",
-          name: "Modern Quiff",
-          price: "Featured",
-          rating: 5,
-          reviewCount: "85+",
-          imageSrc: "http://img.b2bpic.net/free-photo/hairstyle-supplies_1157-7704.jpg",
+          id: "g2",          brand: "Style",          name: "Modern Quiff",          price: "Featured",          rating: 5,
+          reviewCount: "85+",          imageSrc: "http://img.b2bpic.net/free-photo/hairstyle-supplies_1157-7704.jpg"
         },
         {
-          id: "g3",
-          brand: "Style",
-          name: "Beard Art",
-          price: "Featured",
-          rating: 5,
-          reviewCount: "120+",
-          imageSrc: "http://img.b2bpic.net/free-photo/officer-war-room-responsible-air-defense-relaying-instructions-squadrons-patrolling_482257-134542.jpg?_wi=2",
-        },
+          id: "g3",          brand: "Style",          name: "Beard Art",          price: "Featured",          rating: 5,
+          reviewCount: "120+",          imageSrc: "http://img.b2bpic.net/free-photo/officer-war-room-responsible-air-defense-relaying-instructions-squadrons-patrolling_482257-134542.jpg"
+        }
       ]}
       title="Our Work"
       description="Precision and style on full display."
@@ -182,22 +118,15 @@ export default function LandingPage() {
       useInvertedBackground={false}
       faqs={[
         {
-          id: "f1",
-          title: "How do I book?",
-          content: "Simply click the button above and select your preferred time slot.",
+          id: "f1",          title: "How do I book?",          content: "Simply click the button above and select your preferred time slot."
         },
         {
-          id: "f2",
-          title: "Cancellations?",
-          content: "Please cancel or reschedule at least 24 hours in advance.",
-        },
+          id: "f2",          title: "Cancellations?",          content: "Please cancel or reschedule at least 24 hours in advance."
+        }
       ]}
       ctaTitle="Schedule Your Visit"
       ctaDescription="We are ready to provide the royal treatment. Book your spot today."
-      ctaButton={{
-        text: "Book Now",
-        href: "https://calendar.com",
-      }}
+      ctaButton={{ text: "Book Now", href: "https://calendar.com" }}
       ctaIcon={Calendar}
     />
   </div>
@@ -206,27 +135,14 @@ export default function LandingPage() {
       <FooterSimple
       columns={[
         {
-          title: "Royal Cuts",
-          items: [
-            {
-              label: "Instagram",
-              href: "#",
-            },
-            {
-              label: "Facebook",
-              href: "#",
-            },
-          ],
+          title: "Royal Cuts",          items: [
+            { label: "Instagram", href: "#" },
+            { label: "Facebook", href: "#" }
+          ]
         },
         {
-          title: "Legal",
-          items: [
-            {
-              label: "Privacy Policy",
-              href: "#",
-            },
-          ],
-        },
+          title: "Legal",          items: [{ label: "Privacy Policy", href: "#" }]
+        }
       ]}
       bottomLeftText="© 2024 Royal Cuts. All Rights Reserved."
       bottomRightText="123 Grooming Lane, City Center"
@@ -235,4 +151,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}
\ No newline at end of file
-- 
2.49.1