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

---
 src/app/page.tsx | 289 +++++++++++++++--------------------------------
 1 file changed, 90 insertions(+), 199 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index adc46b8..e9caa98 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -16,213 +16,104 @@ 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">
-      <NavbarLayoutFloatingOverlay
-      navItems={[
-        {
-          name: "About",
-          id: "#about",
-        },
-        {
-          name: "Services",
-          id: "#services",
-        },
-        {
-          name: "Reviews",
-          id: "#reviews",
-        },
-        {
-          name: "Contact",
-          id: "#contact",
-        },
-      ]}
-      brandName="Beauty Bar"
-    />
-  </div>
+        <div id="nav" data-section="nav">
+          <NavbarLayoutFloatingOverlay
+            navItems={[
+              { name: "About", id: "about" },
+              { name: "Services", id: "services" },
+              { name: "Reviews", id: "reviews" },
+              { name: "Contact", id: "contact" },
+            ]}
+            brandName="Beauty Bar"
+          />
+        </div>
 
-  <div id="hero" data-section="hero">
-      <HeroSplitKpi
-      background={{
-        variant: "plain",
-      }}
-      title="Excellence in Hair Artistry"
-      description="Located in Williamsburg Court, Bloomington. Experience personalized hair care, expert coloring, and precision styling tailored just for you."
-      kpis={[
-        {
-          value: "4.7",
-          label: "Google Rating",
-        },
-        {
-          value: "10+",
-          label: "Expert Stylists",
-        },
-        {
-          value: "1000+",
-          label: "Happy Clients",
-        },
-      ]}
-      enableKpiAnimation={true}
-      buttons={[
-        {
-          text: "Book Appointment",
-          href: "#contact",
-        },
-      ]}
-      imageSrc="http://img.b2bpic.net/free-photo/gorgeous-smiling-blonde-fashion-model-sits-white-suit-soft-armchair_8353-5476.jpg"
-      mediaAnimation="slide-up"
-    />
-  </div>
+        <div id="hero" data-section="hero">
+          <HeroSplitKpi
+            title="Excellence in Hair Artistry"
+            description="Located in Williamsburg Court, Bloomington. Experience personalized hair care, expert coloring, and precision styling tailored just for you."
+            background={{ variant: "plain" }}
+            kpis={[
+              { value: "4.7", label: "Google Rating" },
+              { value: "10+", label: "Expert Stylists" },
+              { value: "1000+", label: "Happy Clients" },
+            ]}
+            enableKpiAnimation={true}
+            mediaAnimation="slide-up"
+            imageSrc="http://img.b2bpic.net/free-photo/gorgeous-smiling-blonde-fashion-model-sits-white-suit-soft-armchair_8353-5476.jpg"
+            buttons={[{ text: "Book Appointment", href: "#contact" }]}
+          />
+        </div>
 
-  <div id="about" data-section="about">
-      <TextAbout
-      useInvertedBackground={false}
-      title="Beauty Bar Salon in Bloomington"
-      buttons={[
-        {
-          text: "Call Now",
-          href: "tel:8123253664",
-        },
-      ]}
-    />
-  </div>
+        <div id="about" data-section="about">
+          <TextAbout
+            title="Beauty Bar Salon in Bloomington"
+            useInvertedBackground={false}
+            buttons={[{ text: "Call Now", href: "tel:8123253664" }]}
+          />
+        </div>
 
-  <div id="services" data-section="services">
-      <FeatureCardTwelve
-      animationType="slide-up"
-      textboxLayout="default"
-      useInvertedBackground={false}
-      features={[
-        {
-          id: "s1",
-          label: "Styling",
-          title: "Precision Haircuts",
-          items: [
-            "Executive cuts",
-            "Trendy styles",
-            "Bespoke layering",
-          ],
-        },
-        {
-          id: "s2",
-          label: "Color",
-          title: "Expert Hair Coloring",
-          items: [
-            "Platinum blonde",
-            "Balayage",
-            "Custom highlights",
-          ],
-        },
-        {
-          id: "s3",
-          label: "Care",
-          title: "Treatment Services",
-          items: [
-            "Deep conditioning",
-            "Scalp health",
-            "Gloss treatments",
-          ],
-        },
-      ]}
-      title="Our Professional Services"
-      description="We offer a wide range of premium services to keep your hair looking its absolute best."
-    />
-  </div>
+        <div id="services" data-section="services">
+          <FeatureCardTwelve
+            title="Our Professional Services"
+            description="We offer a wide range of premium services to keep your hair looking its absolute best."
+            animationType="slide-up"
+            textboxLayout="default"
+            useInvertedBackground={false}
+            features={[
+              { id: "s1", label: "Styling", title: "Precision Haircuts", items: ["Executive cuts", "Trendy styles", "Bespoke layering"] },
+              { id: "s2", label: "Color", title: "Expert Hair Coloring", items: ["Platinum blonde", "Balayage", "Custom highlights"] },
+              { id: "s3", label: "Care", title: "Treatment Services", items: ["Deep conditioning", "Scalp health", "Gloss treatments"] },
+            ]}
+          />
+        </div>
 
-  <div id="reviews" data-section="reviews">
-      <TestimonialCardFive
-      textboxLayout="default"
-      useInvertedBackground={false}
-      testimonials={[
-        {
-          id: "t1",
-          name: "Christine Holland-Lutz",
-          date: "9 months ago",
-          title: "Local Guide",
-          quote: "Thanks Laura! My hair looks amazing!",
-          tag: "5/5",
-          avatarSrc: "http://img.b2bpic.net/free-photo/side-view-smiley-woman-with-coffee-cup_23-2149442257.jpg",
-          imageSrc: "http://img.b2bpic.net/free-photo/indoor-shot-lovely-young-female-model-with-blond-hair-dressed-sleepwear-sitting-bed-with-wonderful-smile_291650-1060.jpg",
-        },
-        {
-          id: "t2",
-          name: "Jera Belcher",
-          date: "11 months ago",
-          title: "Frequent Client",
-          quote: "Jessica is the BEST! She got me in last minute to fix a botched job and made me LOVE my hair again.",
-          tag: "5/5",
-          avatarSrc: "http://img.b2bpic.net/free-photo/front-view-rich-woman-posing-indoors_23-2149722597.jpg",
-          imageSrc: "http://img.b2bpic.net/free-photo/preparation-celebrating-beauty-salon-happy-attractive-model-smiling-stylist_197531-3665.jpg",
-        },
-        {
-          id: "t3",
-          name: "Alesha Eve",
-          date: "2 years ago",
-          title: "Styling Client",
-          quote: "Overall it was okay. The highlights were great although not exactly what I envisioned.",
-          tag: "4/5",
-          avatarSrc: "http://img.b2bpic.net/free-photo/smiling-business-woman-shaking-hands-with-partner-cafe_1262-12511.jpg",
-          imageSrc: "http://img.b2bpic.net/free-photo/crop-hairdresser-applying-spray-hair_23-2147769861.jpg",
-        },
-        {
-          id: "t4",
-          name: "Happy Customer",
-          date: "1 year ago",
-          title: "Loyal Patron",
-          quote: "The team is professional and always friendly. I recommend them for any coloring needs.",
-          tag: "5/5",
-          avatarSrc: "http://img.b2bpic.net/free-photo/front-view-cute-girl-looking-away_23-2148436134.jpg",
-          imageSrc: "http://img.b2bpic.net/free-photo/woman-getting-her-hair-done-beauty-salon_23-2149167394.jpg",
-        },
-      ]}
-      title="What Our Clients Say"
-      description="Read about the transformations our clients have experienced at Beauty Bar."
-    />
-  </div>
+        <div id="reviews" data-section="reviews">
+          <TestimonialCardFive
+            title="What Our Clients Say"
+            description="Read about the transformations our clients have experienced at Beauty Bar."
+            textboxLayout="default"
+            useInvertedBackground={false}
+            testimonials={[
+              { id: "t1", name: "Christine Holland-Lutz", date: "9 months ago", title: "Local Guide", quote: "Thanks Laura! My hair looks amazing!", tag: "5/5", avatarSrc: "http://img.b2bpic.net/free-photo/side-view-smiley-woman-with-coffee-cup_23-2149442257.jpg", imageSrc: "http://img.b2bpic.net/free-photo/indoor-shot-lovely-young-female-model-with-blond-hair-dressed-sleepwear-sitting-bed-with-wonderful-smile_291650-1060.jpg" },
+              { id: "t2", name: "Jera Belcher", date: "11 months ago", title: "Frequent Client", quote: "Jessica is the BEST! She got me in last minute to fix a botched job and made me LOVE my hair again.", tag: "5/5", avatarSrc: "http://img.b2bpic.net/free-photo/front-view-rich-woman-posing-indoors_23-2149722597.jpg", imageSrc: "http://img.b2bpic.net/free-photo/preparation-celebrating-beauty-salon-happy-attractive-model-smiling-stylist_197531-3665.jpg" },
+              { id: "t3", name: "Alesha Eve", date: "2 years ago", title: "Styling Client", quote: "Overall it was okay. The highlights were great although not exactly what I envisioned.", tag: "4/5", avatarSrc: "http://img.b2bpic.net/free-photo/smiling-business-woman-shaking-hands-with-partner-cafe_1262-12511.jpg", imageSrc: "http://img.b2bpic.net/free-photo/crop-hairdresser-applying-spray-hair_23-2147769861.jpg" },
+              { id: "t4", name: "Happy Customer", date: "1 year ago", title: "Loyal Patron", quote: "The team is professional and always friendly. I recommend them for any coloring needs.", tag: "5/5", avatarSrc: "http://img.b2bpic.net/free-photo/front-view-cute-girl-looking-away_23-2148436134.jpg", imageSrc: "http://img.b2bpic.net/free-photo/woman-getting-her-hair-done-beauty-salon_23-2149167394.jpg" },
+            ]}
+          />
+        </div>
 
-  <div id="contact" data-section="contact">
-      <ContactSplitForm
-      useInvertedBackground={false}
-      title="Book Your Session"
-      description="Ready for a transformation? Reach out to us for appointments or questions."
-      inputs={[
-        {
-          name: "name",
-          type: "text",
-          placeholder: "Your Name",
-          required: true,
-        },
-        {
-          name: "email",
-          type: "email",
-          placeholder: "Your Email",
-          required: true,
-        },
-      ]}
-      textarea={{
-        name: "message",
-        placeholder: "Tell us about your hair needs...",
-        rows: 4,
-      }}
-      imageSrc="http://img.b2bpic.net/free-photo/side-view-bride-maid-honor-with-make-up-hairdo-wearing-white-pink-nightgown-standing-near-window-have_8353-11888.jpg"
-      mediaAnimation="slide-up"
-    />
-  </div>
+        <div id="contact" data-section="contact">
+          <ContactSplitForm
+            title="Book Your Session"
+            description="Ready for a transformation? Reach out to us for appointments or questions."
+            useInvertedBackground={false}
+            mediaAnimation="slide-up"
+            imageSrc="http://img.b2bpic.net/free-photo/side-view-bride-maid-honor-with-make-up-hairdo-wearing-white-pink-nightgown-standing-near-window-have_8353-11888.jpg"
+            inputs={[
+              { name: "name", type: "text", placeholder: "Your Name", required: true },
+              { name: "email", type: "email", placeholder: "Your Email", required: true },
+            ]}
+            textarea={{ name: "message", placeholder: "Tell us about your hair needs...", rows: 4 }}
+          />
+        </div>
 
-  <div id="footer" data-section="footer">
-      <FooterLogoReveal
-      logoText="Beauty Bar"
-      leftLink={{
-        text: "223 S Pete Ellis Dr, Bloomington",
-        href: "#",
-      }}
-      rightLink={{
-        text: "(812) 325-3664",
-        href: "tel:8123253664",
-      }}
-    />
-  </div>
+        <div id="footer" data-section="footer">
+          <FooterLogoReveal
+            logoText="Beauty Bar"
+            leftLink={{ text: "223 S Pete Ellis Dr, Bloomington", href: "#" }}
+            rightLink={{ text: "(812) 325-3664", href: "tel:8123253664" }}
+          />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );
-- 
2.49.1