From d814a06620edaff281707beb815042db65fd33e4 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Sat, 23 May 2026 05:18:32 +0000
Subject: [PATCH] Update src/app/page.tsx

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

diff --git a/src/app/page.tsx b/src/app/page.tsx
index eac1deb..f90df0d 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -18,74 +18,44 @@ export default function LandingPage() {
         defaultButtonVariant="shift-hover"
         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">
       <NavbarLayoutFloatingInline
       navItems={[
-        {
-          name: "Overview",
-          id: "about",
-        },
-        {
-          name: "Services",
-          id: "services",
-        },
-        {
-          name: "Reviews",
-          id: "testimonials",
-        },
-        {
-          name: "Contact",
-          id: "contact",
-        },
+        { name: "Overview", id: "about" },
+        { name: "Services", id: "services" },
+        { name: "Reviews", id: "testimonials" },
+        { name: "Contact", id: "contact" },
       ]}
       brandName="Quality Stylz"
+      button={{ text: "Book Now", href: "tel:4045435971" }}
     />
   </div>
 
   <div id="hero" data-section="hero">
       <HeroBillboardCarousel
-      background={{
-        variant: "plain",
-      }}
+      background={{ variant: "plain" }}
       title="Experience Quality Grooming"
       description="At Quality Stylz, we deliver professional cuts in an atmosphere designed for your comfort. Open 24 hours to fit your schedule."
       buttons={[
-        {
-          text: "Call Now",
-          href: "tel:4045435971",
-        },
-        {
-          text: "Get Directions",
-          href: "#contact",
-        },
+        { text: "Call Now", href: "tel:4045435971" },
+        { text: "Get Directions", href: "#contact" },
       ]}
       mediaItems={[
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/child-getting-haircut-salon_23-2150462516.jpg",
-          imageAlt: "Barber shop interior",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/man-getting-his-beard-shaved-with-razor_107420-94772.jpg",
-          imageAlt: "Professional haircut",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/child-getting-their-hair-blown-salon_23-2150462467.jpg",
-          imageAlt: "Barber cutting hair",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/barber-shop-interior_1163-2009.jpg",
-          imageAlt: "Grooming chair",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/brown-vintage-leather-chairs-stylish-barber-shop_627829-6188.jpg",
-          imageAlt: "Shop atmosphere",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/customer-showing-magazine-barber_23-2147737099.jpg",
-          imageAlt: "Quality service",
-        },
+        { imageSrc: "http://img.b2bpic.net/free-photo/child-getting-haircut-salon_23-2150462516.jpg", imageAlt: "Barber shop interior" },
+        { imageSrc: "http://img.b2bpic.net/free-photo/man-getting-his-beard-shaved-with-razor_107420-94772.jpg", imageAlt: "Professional haircut" },
+        { imageSrc: "http://img.b2bpic.net/free-photo/child-getting-their-hair-blown-salon_23-2150462467.jpg", imageAlt: "Barber cutting hair" },
+        { imageSrc: "http://img.b2bpic.net/free-photo/barber-shop-interior_1163-2009.jpg", imageAlt: "Grooming chair" },
+        { imageSrc: "http://img.b2bpic.net/free-photo/brown-vintage-leather-chairs-stylish-barber-shop_627829-6188.jpg", imageAlt: "Shop atmosphere" },
+        { imageSrc: "http://img.b2bpic.net/free-photo/customer-showing-magazine-barber_23-2147737099.jpg", imageAlt: "Quality service" },
       ]}
     />
   </div>
@@ -94,22 +64,10 @@ export default function LandingPage() {
       <InlineImageSplitTextAbout
       useInvertedBackground={true}
       heading={[
-        {
-          type: "text",
-          content: "Quality Stylz is your go-to destination in Atlanta for premium grooming.",
-        },
-        {
-          type: "image",
-          src: "http://img.b2bpic.net/free-photo/barber-shop-tools-arrangement_23-2149167454.jpg",
-          alt: "About our shop",
-        },
-      ]}
-      buttons={[
-        {
-          text: "Book Now",
-          href: "tel:4045435971",
-        },
+        { type: "text", content: "Quality Stylz is your go-to destination in Atlanta for premium grooming." },
+        { type: "image", src: "http://img.b2bpic.net/free-photo/barber-shop-tools-arrangement_23-2149167454.jpg", alt: "About our shop" },
       ]}
+      buttons={[{ text: "Book Now", href: "tel:4045435971" }]}
     />
   </div>
 
@@ -120,27 +78,9 @@ export default function LandingPage() {
       gridVariant="three-columns-all-equal-width"
       useInvertedBackground={false}
       features={[
-        {
-          title: "Standard Haircut",
-          description: "Classic and modern precision cuts.",
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-customer-getting-his-beard-trimmed_23-2148257037.jpg",
-          titleImageSrc: "http://img.b2bpic.net/free-photo/crop-barber-shaving-hair-unrecognizable-man_23-2147778749.jpg",
-          buttonText: "View Info",
-        },
-        {
-          title: "Haircut with Beard",
-          description: "Full grooming experience with beard sculpting.",
-          imageSrc: "http://img.b2bpic.net/free-photo/young-bearded-man-getting-haircut-by-hairdresser-while-sitting-chair-barbershop-barber-soul_627829-6328.jpg",
-          titleImageSrc: "http://img.b2bpic.net/free-photo/hairdresser-grooming-their-client_23-2149205875.jpg",
-          buttonText: "View Info",
-        },
-        {
-          title: "Kids Grooming",
-          description: "Kid-friendly and patience-first services.",
-          imageSrc: "http://img.b2bpic.net/free-photo/hairdresser-grooming-their-client_23-2149205897.jpg",
-          titleImageSrc: "http://img.b2bpic.net/free-photo/front-view-hairstilyst-giving-haircut_23-2148506298.jpg",
-          buttonText: "View Info",
-        },
+        { title: "Standard Haircut", description: "Classic and modern precision cuts.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-customer-getting-his-beard-trimmed_23-2148257037.jpg", titleImageSrc: "http://img.b2bpic.net/free-photo/crop-barber-shaving-hair-unrecognizable-man_23-2147778749.jpg", buttonText: "View Info" },
+        { title: "Haircut with Beard", description: "Full grooming experience with beard sculpting.", imageSrc: "http://img.b2bpic.net/free-photo/young-bearded-man-getting-haircut-by-hairdresser-while-sitting-chair-barbershop-barber-soul_627829-6328.jpg", titleImageSrc: "http://img.b2bpic.net/free-photo/hairdresser-grooming-their-client_23-2149205875.jpg", buttonText: "View Info" },
+        { title: "Kids Grooming", description: "Kid-friendly and patience-first services.", imageSrc: "http://img.b2bpic.net/free-photo/hairdresser-grooming-their-client_23-2149205897.jpg", titleImageSrc: "http://img.b2bpic.net/free-photo/front-view-hairstilyst-giving-haircut_23-2148506298.jpg", buttonText: "View Info" },
       ]}
       title="Our Professional Services"
       description="Expert grooming services tailored to your style."
@@ -153,21 +93,9 @@ export default function LandingPage() {
       title="Our Achievements"
       tag="Quality First"
       metrics={[
-        {
-          id: "m1",
-          value: "5.0",
-          description: "Star Rating",
-        },
-        {
-          id: "m2",
-          value: "24/7",
-          description: "Always Open",
-        },
-        {
-          id: "m3",
-          value: "9+",
-          description: "Verified Reviews",
-        },
+        { id: "m1", value: "5.0", description: "Star Rating" },
+        { id: "m2", value: "24/7", description: "Always Open" },
+        { id: "m3", value: "9+", description: "Verified Reviews" },
       ]}
       metricsAnimation="slide-up"
     />
@@ -177,31 +105,11 @@ export default function LandingPage() {
       <TestimonialCardTwelve
       useInvertedBackground={false}
       testimonials={[
-        {
-          id: "1",
-          name: "Client One",
-          imageSrc: "http://img.b2bpic.net/free-photo/hairdresser-grooming-their-client_23-2149205920.jpg",
-        },
-        {
-          id: "2",
-          name: "Client Two",
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-owner-holding-cute-dog_23-2149143856.jpg",
-        },
-        {
-          id: "3",
-          name: "Client Three",
-          imageSrc: "http://img.b2bpic.net/free-photo/hairdresser-drying-hair-client_23-2147778788.jpg",
-        },
-        {
-          id: "4",
-          name: "Client Four",
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-male-hairstylist-barber-shop_23-2147839825.jpg",
-        },
-        {
-          id: "5",
-          name: "Client Five",
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-bearded-hipster-male-with-stylish-haircut-sits-chair-hairdresser-s-salon_613910-13412.jpg",
-        },
+        { id: "1", name: "Client One", imageSrc: "http://img.b2bpic.net/free-photo/hairdresser-grooming-their-client_23-2149205920.jpg" },
+        { id: "2", name: "Client Two", imageSrc: "http://img.b2bpic.net/free-photo/close-up-owner-holding-cute-dog_23-2149143856.jpg" },
+        { id: "3", name: "Client Three", imageSrc: "http://img.b2bpic.net/free-photo/hairdresser-drying-hair-client_23-2147778788.jpg" },
+        { id: "4", name: "Client Four", imageSrc: "http://img.b2bpic.net/free-photo/portrait-male-hairstylist-barber-shop_23-2147839825.jpg" },
+        { id: "5", name: "Client Five", imageSrc: "http://img.b2bpic.net/free-photo/portrait-bearded-hipster-male-with-stylish-haircut-sits-chair-hairdresser-s-salon_613910-13412.jpg" },
       ]}
       cardTitle="Client Reviews"
       cardTag="Trusted Service"
@@ -214,21 +122,9 @@ export default function LandingPage() {
       textboxLayout="split"
       useInvertedBackground={true}
       faqs={[
-        {
-          id: "q1",
-          title: "Are you open 24/7?",
-          content: "Yes, we operate 24 hours a day to accommodate any schedule.",
-        },
-        {
-          id: "q2",
-          title: "Do you accept walk-ins?",
-          content: "Yes, we welcome walk-ins at all times.",
-        },
-        {
-          id: "q3",
-          title: "Where are you located?",
-          content: "We are located at 612 S Central Ave, Atlanta, GA 30354.",
-        },
+        { id: "q1", title: "Are you open 24/7?", content: "Yes, we operate 24 hours a day to accommodate any schedule." },
+        { id: "q2", title: "Do you accept walk-ins?", content: "Yes, we welcome walk-ins at all times." },
+        { id: "q3", title: "Where are you located?", content: "We are located at 612 S Central Ave, Atlanta, GA 30354." },
       ]}
       imageSrc="http://img.b2bpic.net/free-photo/front-view-smiling-happy-male-hairdesser-wearing-gray-apron-holding-scissor-blue-soft-color-background_140725-155107.jpg"
       mediaAnimation="slide-up"
@@ -241,9 +137,7 @@ export default function LandingPage() {
   <div id="contact" data-section="contact">
       <ContactCenter
       useInvertedBackground={false}
-      background={{
-        variant: "plain",
-      }}
+      background={{ variant: "plain" }}
       tag="Contact"
       title="Visit or Call Us"
       description="612 S Central Ave, Atlanta, GA | (404) 543-5971"
@@ -253,14 +147,8 @@ export default function LandingPage() {
   <div id="footer" data-section="footer">
       <FooterLogoReveal
       logoText="Quality Stylz"
-      leftLink={{
-        text: "Privacy Policy",
-        href: "#",
-      }}
-      rightLink={{
-        text: "Terms of Service",
-        href: "#",
-      }}
+      leftLink={{ text: "Privacy Policy", href: "#" }}
+      rightLink={{ text: "Terms of Service", href: "#" }}
     />
   </div>
       </ReactLenis>
-- 
2.49.1