From ae747f08b2a3a6f4c7b85e27a93a7e675e3c4ae5 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Tue, 7 Apr 2026 15:04:07 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 357 ++++++++++++++---------------------------------
 1 file changed, 104 insertions(+), 253 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 9a182e2..a7bcaab 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -16,267 +16,118 @@ export default function LandingPage() {
         defaultButtonVariant="bounce-effect"
         defaultTextAnimation="reveal-blur"
         borderRadius="pill"
+        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: "home",
-        },
-        {
-          name: "Services",
-          id: "services",
-        },
-        {
-          name: "About",
-          id: "about",
-        },
-        {
-          name: "Contact",
-          id: "contact",
-        },
-      ]}
-      brandName="Aloha Barber Shop"
-    />
-  </div>
+        <div id="nav" data-section="nav">
+            <NavbarStyleFullscreen
+            navItems={[
+              { name: "Home", id: "hero" },
+              { name: "Services", id: "services" },
+              { name: "About", id: "about" },
+              { name: "Testimonials", id: "testimonials" },
+              { name: "Contact", id: "contact" }
+            ]}
+            brandName="Aloha Barber Shop"
+          />
+        </div>
 
-  <div id="hero" data-section="hero">
-      <HeroCarouselLogo
-      logoText="Fresh Cuts. Aloha Vibes."
-      description="Premium barbering in Marbella. Clean fades, sharp beards, and a relaxed atmosphere."
-      buttons={[
-        {
-          text: "Book Now",
-          href: "https://booksy.com/es-es/14055_aloha-barber-shop_barberia_29260_marbella",
-        },
-        {
-          text: "Call Now: +34 622 12 27 98",
-          href: "tel:+34622122798",
-        },
-      ]}
-      slides={[
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/handsome-bearded-man-barbershop-barber-work-close-up-nape_627829-7308.jpg?_wi=1",
-          imageAlt: "Modern rustic barbershop chair",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/handsome-bearded-man-barbershop-barber-work-close-up-nape_627829-7308.jpg?_wi=2",
-          imageAlt: "Barber tools display",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/handsome-bearded-man-barbershop-barber-work-close-up-nape_627829-7308.jpg?_wi=3",
-          imageAlt: "Client receiving haircut",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/handsome-bearded-man-barbershop-barber-work-close-up-nape_627829-7308.jpg?_wi=4",
-          imageAlt: "Relaxed tropical atmosphere",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/handsome-bearded-man-barbershop-barber-work-close-up-nape_627829-7308.jpg?_wi=5",
-          imageAlt: "Aloha style decor",
-        },
-      ]}
-    />
-  </div>
+        <div id="hero" data-section="hero">
+            <HeroCarouselLogo
+            logoText="Fresh Cuts. Aloha Vibes."
+            description="Premium barbering in Marbella. Clean fades, sharp beards, and a relaxed atmosphere."
+            buttons={[
+              {
+                text: "Book Now",                href: "https://booksy.com/es-es/14055_aloha-barber-shop_barberia_29260_marbella"},
+              {
+                text: "Call Now: +34 622 12 27 98",                href: "tel:+34622122798"},
+            ]}
+            slides={[
+              { imageSrc: "http://img.b2bpic.net/free-photo/handsome-bearded-man-barbershop-barber-work-close-up-nape_627829-7308.jpg", imageAlt: "Modern rustic barbershop chair" },
+              { imageSrc: "http://img.b2bpic.net/free-photo/handsome-bearded-man-barbershop-barber-work-close-up-nape_627829-7308.jpg", imageAlt: "Barber tools display" },
+              { imageSrc: "http://img.b2bpic.net/free-photo/handsome-bearded-man-barbershop-barber-work-close-up-nape_627829-7308.jpg", imageAlt: "Client receiving haircut" },
+              { imageSrc: "http://img.b2bpic.net/free-photo/handsome-bearded-man-barbershop-barber-work-close-up-nape_627829-7308.jpg", imageAlt: "Relaxed tropical atmosphere" },
+              { imageSrc: "http://img.b2bpic.net/free-photo/handsome-bearded-man-barbershop-barber-work-close-up-nape_627829-7308.jpg", imageAlt: "Aloha style decor" }
+            ]}
+          />
+        </div>
 
-  <div id="services" data-section="services">
-      <FeatureCardTwentyFour
-      animationType="slide-up"
-      textboxLayout="default"
-      useInvertedBackground={false}
-      features={[
-        {
-          id: "f1",
-          title: "Classic Haircut",
-          author: "Precision",
-          description: "Expert scissor and clipper work tailored to you.",
-          tags: [
-            "Classic",
-            "Style",
-          ],
-          imageSrc: "http://img.b2bpic.net/free-photo/corporate-specialist-reviewing-financial-charts-kpi-dashboards-ensuring-business-innovation_482257-136149.jpg?_wi=1",
-        },
-        {
-          id: "f2",
-          title: "Skin Fade",
-          author: "Sharp",
-          description: "Flawless zero-fade with clean lines.",
-          tags: [
-            "Fade",
-            "Sharp",
-          ],
-          imageSrc: "http://img.b2bpic.net/free-photo/corporate-specialist-reviewing-financial-charts-kpi-dashboards-ensuring-business-innovation_482257-136149.jpg?_wi=2",
-        },
-        {
-          id: "f3",
-          title: "Beard Grooming",
-          author: "Detail",
-          description: "Precision shaping and moisturizing treatment.",
-          tags: [
-            "Beard",
-            "Care",
-          ],
-          imageSrc: "http://img.b2bpic.net/free-photo/corporate-specialist-reviewing-financial-charts-kpi-dashboards-ensuring-business-innovation_482257-136149.jpg?_wi=3",
-        },
-        {
-          id: "f4",
-          title: "Luxury Facial",
-          author: "Premium",
-          description: "Signature steam and exfoliation for fresh skin.",
-          tags: [
-            "Luxury",
-            "Facial",
-          ],
-          imageSrc: "http://img.b2bpic.net/free-photo/corporate-specialist-reviewing-financial-charts-kpi-dashboards-ensuring-business-innovation_482257-136149.jpg?_wi=4",
-        },
-        {
-          id: "f5",
-          title: "Hot Towel Shave",
-          author: "Classic",
-          description: "Traditional straight razor shave experience.",
-          tags: [
-            "Shave",
-            "Relax",
-          ],
-          imageSrc: "http://img.b2bpic.net/free-photo/corporate-specialist-reviewing-financial-charts-kpi-dashboards-ensuring-business-innovation_482257-136149.jpg?_wi=5",
-        },
-      ]}
-      title="Our Services"
-      description="Expert grooming tailored to your style."
-    />
-  </div>
+        <div id="services" data-section="services">
+            <FeatureCardTwentyFour
+            animationType="slide-up"
+            textboxLayout="default"
+            useInvertedBackground={false}
+            features={[
+              { id: "f1", title: "Classic Haircut", author: "Precision", description: "Expert scissor and clipper work tailored to you.", tags: ["Classic", "Style"], imageSrc: "http://img.b2bpic.net/free-photo/corporate-specialist-reviewing-financial-charts-kpi-dashboards-ensuring-business-innovation_482257-136149.jpg" },
+              { id: "f2", title: "Skin Fade", author: "Sharp", description: "Flawless zero-fade with clean lines.", tags: ["Fade", "Sharp"], imageSrc: "http://img.b2bpic.net/free-photo/corporate-specialist-reviewing-financial-charts-kpi-dashboards-ensuring-business-innovation_482257-136149.jpg" },
+              { id: "f3", title: "Beard Grooming", author: "Detail", description: "Precision shaping and moisturizing treatment.", tags: ["Beard", "Care"], imageSrc: "http://img.b2bpic.net/free-photo/corporate-specialist-reviewing-financial-charts-kpi-dashboards-ensuring-business-innovation_482257-136149.jpg" },
+              { id: "f4", title: "Luxury Facial", author: "Premium", description: "Signature steam and exfoliation for fresh skin.", tags: ["Luxury", "Facial"], imageSrc: "http://img.b2bpic.net/free-photo/corporate-specialist-reviewing-financial-charts-kpi-dashboards-ensuring-business-innovation_482257-136149.jpg" },
+              { id: "f5", title: "Hot Towel Shave", author: "Classic", description: "Traditional straight razor shave experience.", tags: ["Shave", "Relax"], imageSrc: "http://img.b2bpic.net/free-photo/corporate-specialist-reviewing-financial-charts-kpi-dashboards-ensuring-business-innovation_482257-136149.jpg" }
+            ]}
+            title="Our Services"
+            description="Expert grooming tailored to your style."
+          />
+        </div>
 
-  <div id="about" data-section="about">
-      <InlineImageSplitTextAbout
-      useInvertedBackground={false}
-      heading={[
-        {
-          type: "text",
-          content: "Your Local Barbershop in ",
-        },
-        {
-          type: "image",
-          src: "http://img.b2bpic.net/free-photo/handsome-bearded-man-barbershop-barber-work_627829-7242.jpg",
-          alt: "Aloha Barber interior",
-        },
-        {
-          type: "text",
-          content: " Marbella",
-        },
-      ]}
-    />
-  </div>
+        <div id="about" data-section="about">
+            <InlineImageSplitTextAbout
+            useInvertedBackground={false}
+            heading={[
+              { type: "text", content: "Your Local Barbershop in " },
+              { type: "image", src: "http://img.b2bpic.net/free-photo/handsome-bearded-man-barbershop-barber-work_627829-7242.jpg", alt: "Aloha Barber interior" },
+              { type: "text", content: " Marbella" }
+            ]}
+          />
+        </div>
 
-  <div id="testimonials" data-section="testimonials">
-      <TestimonialCardTwo
-      animationType="slide-up"
-      textboxLayout="default"
-      useInvertedBackground={false}
-      testimonials={[
-        {
-          id: "t1",
-          name: "Md Afaque",
-          role: "Client",
-          testimonial: "Perfect cut and friendly atmosphere.",
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-nice-young-man-with-stylish-hairstyle-blue-eyes-beard-light-cool-shirt-looking-away-smiling-orange-wall_197531-23055.jpg?_wi=1",
-        },
-        {
-          id: "t2",
-          name: "J Smith",
-          role: "Client",
-          testimonial: "Amazing service, highly recommended in Marbella.",
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-person-with-different-personalities_23-2151112971.jpg?_wi=1",
-        },
-        {
-          id: "t3",
-          name: "Brian Pratt",
-          role: "Client",
-          testimonial: "Professional, clean, and top-tier grooming.",
-          imageSrc: "http://img.b2bpic.net/free-photo/smart-pensive-redhead-hipster-with-full-beard-glasses-dressed-casual-clothes-poses-with-hand-chin-studio-isolated-dark-background_613910-4679.jpg",
-        },
-        {
-          id: "t4",
-          name: "Marco V.",
-          role: "Client",
-          testimonial: "Best fade I have had in years.",
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-nice-young-man-with-stylish-hairstyle-blue-eyes-beard-light-cool-shirt-looking-away-smiling-orange-wall_197531-23055.jpg?_wi=2",
-        },
-        {
-          id: "t5",
-          name: "Elena R.",
-          role: "Client",
-          testimonial: "Great vibes and excellent attention to detail.",
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-person-with-different-personalities_23-2151112971.jpg?_wi=2",
-        },
-      ]}
-      title="What Clients Say"
-      description="Reviews from our community."
-    />
-  </div>
+        <div id="testimonials" data-section="testimonials">
+            <TestimonialCardTwo
+            animationType="slide-up"
+            textboxLayout="default"
+            useInvertedBackground={false}
+            testimonials={[
+              { id: "t1", name: "Md Afaque", role: "Client", testimonial: "Perfect cut and friendly atmosphere.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-nice-young-man-with-stylish-hairstyle-blue-eyes-beard-light-cool-shirt-looking-away-smiling-orange-wall_197531-23055.jpg" },
+              { id: "t2", name: "J Smith", role: "Client", testimonial: "Amazing service, highly recommended in Marbella.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-person-with-different-personalities_23-2151112971.jpg" },
+              { id: "t3", name: "Brian Pratt", role: "Client", testimonial: "Professional, clean, and top-tier grooming.", imageSrc: "http://img.b2bpic.net/free-photo/smart-pensive-redhead-hipster-with-full-beard-glasses-dressed-casual-clothes-poses-with-hand-chin-studio-isolated-dark-background_613910-4679.jpg" },
+              { id: "t4", name: "Marco V.", role: "Client", testimonial: "Best fade I have had in years.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-nice-young-man-with-stylish-hairstyle-blue-eyes-beard-light-cool-shirt-looking-away-smiling-orange-wall_197531-23055.jpg" },
+              { id: "t5", name: "Elena R.", role: "Client", testimonial: "Great vibes and excellent attention to detail.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-person-with-different-personalities_23-2151112971.jpg" }
+            ]}
+            title="What Clients Say"
+            description="Reviews from our community."
+          />
+        </div>
 
-  <div id="contact" data-section="contact">
-      <ContactCTA
-      useInvertedBackground={false}
-      background={{
-        variant: "plain",
-      }}
-      tag="Booking"
-      title="Book Your Appointment"
-      description="Secure your spot in our chair via Booksy or give us a ring."
-      buttons={[
-        {
-          text: "Book Online",
-          href: "https://booksy.com/es-es/14055_aloha-barber-shop_barberia_29260_marbella",
-        },
-        {
-          text: "Call: +34 622 12 27 98",
-          href: "tel:+34622122798",
-        },
-      ]}
-    />
-  </div>
+        <div id="contact" data-section="contact">
+            <ContactCTA
+            useInvertedBackground={false}
+            background={{ variant: "plain" }}
+            tag="Booking"
+            title="Book Your Appointment"
+            description="Secure your spot in our chair via Booksy or give us a ring."
+            buttons={[
+              { text: "Book Online", href: "https://booksy.com/es-es/14055_aloha-barber-shop_barberia_29260_marbella" },
+              { text: "Call: +34 622 12 27 98", href: "tel:+34622122798" }
+            ]}
+          />
+        </div>
 
-  <div id="footer" data-section="footer">
-      <FooterBaseReveal
-      logoText="Aloha Barber Shop"
-      columns={[
-        {
-          title: "Links",
-          items: [
-            {
-              label: "Home",
-              href: "/",
-            },
-            {
-              label: "Services",
-              href: "#services",
-            },
-            {
-              label: "Booking",
-              href: "https://booksy.com/es-es/14055_aloha-barber-shop_barberia_29260_marbella",
-            },
-          ],
-        },
-        {
-          title: "Info",
-          items: [
-            {
-              label: "+34 622 12 27 98",
-              href: "tel:+34622122798",
-            },
-            {
-              label: "Nueva Andalucia, Marbella",
-              href: "#",
-            },
-          ],
-        },
-      ]}
-      copyrightText="© 2024 Aloha Barber Shop. All rights reserved."
-    />
-  </div>
+        <div id="footer" data-section="footer">
+            <FooterBaseReveal
+            logoText="Aloha Barber Shop"
+            columns={[
+              { title: "Links", items: [{ label: "Home", href: "/" }, { label: "Services", href: "#services" }, { label: "Booking", href: "https://booksy.com/es-es/14055_aloha-barber-shop_barberia_29260_marbella" }] },
+              { title: "Info", items: [{ label: "+34 622 12 27 98", href: "tel:+34622122798" }, { label: "Nueva Andalucia, Marbella", href: "#" }] }
+            ]}
+            copyrightText="© 2024 Aloha Barber Shop. All rights reserved."
+          />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}
\ No newline at end of file
-- 
2.49.1