From 97dc6cc00129f680ab13f1238729b0b096176d28 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Wed, 15 Apr 2026 13:59:32 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 588 ++++++++++++++---------------------------------
 1 file changed, 167 insertions(+), 421 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index f287c3e..37766ce 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -12,442 +12,188 @@ import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloating
 import PricingCardThree from '@/components/sections/pricing/PricingCardThree';
 import ProductCardOne from '@/components/sections/product/ProductCardOne';
 import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
-import { Palette, Scissors, Star } from "lucide-react";
+import { Scissors, Palette, Star } from "lucide-react";
 
 export default function LandingPage() {
   return (
     <ThemeProvider
-        defaultButtonVariant="hover-magnetic"
-        defaultTextAnimation="entrance-slide"
-        borderRadius="soft"
+      defaultButtonVariant="hover-magnetic"
+      defaultTextAnimation="entrance-slide"
+      borderRadius="soft"
+      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: "Home",
-          id: "hero",
-        },
-        {
-          name: "About",
-          id: "about",
-        },
-        {
-          name: "Services",
-          id: "features",
-        },
-        {
-          name: "Portfolio",
-          id: "products",
-        },
-        {
-          name: "Contact",
-          id: "contact",
-        },
-      ]}
-      brandName="GianFranco"
-      button={{
-        text: "Book Now",
-        href: "#contact",
-      }}
-    />
-  </div>
+        <div id="nav" data-section="nav">
+          <NavbarLayoutFloatingInline
+            navItems={[
+              { name: "Home", id: "hero" },
+              { name: "About", id: "about" },
+              { name: "Features", id: "features" },
+              { name: "Products", id: "products" },
+              { name: "Pricing", id: "pricing" },
+              { name: "Testimonials", id: "testimonials" },
+              { name: "FAQ", id: "faq" },
+              { name: "Contact", id: "contact" }
+            ]}
+            brandName="GianFranco"
+            button={{ text: "Book Now", href: "#contact" }}
+          />
+        </div>
 
-  <div id="hero" data-section="hero">
-      <HeroSplitKpi
-      background={{
-        variant: "plain",
-      }}
-      title="GianFranco Hair Artistry"
-      description="Crafting iconic looks that define sophistication and modern elegance. Experience world-class hair artistry tailored exclusively for you."
-      kpis={[
-        {
-          value: "10+",
-          label: "Years Experience",
-        },
-        {
-          value: "5k+",
-          label: "Artistic Cuts",
-        },
-        {
-          value: "100%",
-          label: "Client Satisfaction",
-        },
-      ]}
-      enableKpiAnimation={true}
-      buttons={[
-        {
-          text: "Book Appointment",
-          href: "#contact",
-        },
-        {
-          text: "View Portfolio",
-          href: "#products",
-        },
-      ]}
-      imageSrc="http://img.b2bpic.net/free-photo/studio-portrait-blonde-female-dressed-white-t-shirt-waistcoat-grey-background_613910-9333.jpg?_wi=1"
-      mediaAnimation="blur-reveal"
-      avatars={[
-        {
-          src: "http://img.b2bpic.net/free-photo/portrait-adult-businesswoman-smiling_23-2148452640.jpg",
-          alt: "Client profile 1",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/portrait-young-female-dentist-dentistry-concept-dental-treatment_169016-67039.jpg",
-          alt: "Client profile 2",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/portrait-confident-young-woman-smiling_23-2148452696.jpg",
-          alt: "Client profile 3",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/glamorous-model-make-up-studio_23-2148328753.jpg",
-          alt: "Client profile 4",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/portrait-young-beautiful-woman-looking-camera-while-standing-counter-movie-house_613910-21690.jpg",
-          alt: "Client profile 5",
-        },
-      ]}
-      avatarText="Join 5,000+ satisfied clients"
-      marqueeItems={[
-        {
-          type: "text",
-          text: "Precision Cutting",
-        },
-        {
-          type: "text",
-          text: "Luxury Styling",
-        },
-        {
-          type: "text",
-          text: "Color Expertise",
-        },
-        {
-          type: "text",
-          text: "Trend-Forward",
-        },
-        {
-          type: "text",
-          text: "Modern Elegance",
-        },
-      ]}
-    />
-  </div>
+        <div id="hero" data-section="hero">
+          <HeroSplitKpi
+            background={{ variant: "plain" }}
+            title="GianFranco Hair Artistry"
+            description="Crafting iconic looks that define sophistication and modern elegance. Experience world-class hair artistry tailored exclusively for you."
+            kpis={[
+              { value: "10+", label: "Years Experience" },
+              { value: "5k+", label: "Artistic Cuts" },
+              { value: "100%", label: "Client Satisfaction" }
+            ]}
+            enableKpiAnimation={true}
+            buttons={[
+              { text: "Book Appointment", href: "#contact" },
+              { text: "View Portfolio", href: "#products" }
+            ]}
+            imageSrc="http://img.b2bpic.net/free-photo/studio-portrait-blonde-female-dressed-white-t-shirt-waistcoat-grey-background_613910-9333.jpg"
+            mediaAnimation="blur-reveal"
+            avatars={[
+              { src: "http://img.b2bpic.net/free-photo/portrait-adult-businesswoman-smiling_23-2148452640.jpg", alt: "Client profile 1" },
+              { src: "http://img.b2bpic.net/free-photo/portrait-young-female-dentist-dentistry-concept-dental-treatment_169016-67039.jpg", alt: "Client profile 2" },
+              { src: "http://img.b2bpic.net/free-photo/portrait-confident-young-woman-smiling_23-2148452696.jpg", alt: "Client profile 3" },
+              { src: "http://img.b2bpic.net/free-photo/glamorous-model-make-up-studio_23-2148328753.jpg", alt: "Client profile 4" },
+              { src: "http://img.b2bpic.net/free-photo/portrait-young-beautiful-woman-looking-camera-while-standing-counter-movie-house_613910-21690.jpg", alt: "Client profile 5" }
+            ]}
+            avatarText="Join 5,000+ satisfied clients"
+            marqueeItems={[
+              { type: "text", text: "Precision Cutting" },
+              { type: "text", text: "Luxury Styling" },
+              { type: "text", text: "Color Expertise" },
+              { type: "text", text: "Trend-Forward" },
+              { type: "text", text: "Modern Elegance" }
+            ]}
+          />
+        </div>
 
-  <div id="about" data-section="about">
-      <AboutMetric
-      useInvertedBackground={false}
-      title="The Art of Elegance"
-      metrics={[
-        {
-          icon: Scissors,
-          label: "Precision Cutting",
-          value: "Mastery",
-        },
-        {
-          icon: Palette,
-          label: "Color Analysis",
-          value: "Expert",
-        },
-        {
-          icon: Star,
-          label: "Trending Designs",
-          value: "2026",
-        },
-      ]}
-      metricsAnimation="slide-up"
-    />
-  </div>
+        <div id="about" data-section="about">
+          <AboutMetric
+            useInvertedBackground={false}
+            title="The Art of Elegance"
+            metrics={[
+              { icon: Scissors, label: "Precision Cutting", value: "Mastery" },
+              { icon: Palette, label: "Color Analysis", value: "Expert" },
+              { icon: Star, label: "Trending Designs", value: "2026" }
+            ]}
+            metricsAnimation="slide-up"
+          />
+        </div>
 
-  <div id="features" data-section="features">
-      <FeatureCardTwentyThree
-      animationType="slide-up"
-      textboxLayout="split"
-      useInvertedBackground={false}
-      features={[
-        {
-          id: "feat-1",
-          title: "Men's Styling",
-          tags: [
-            "Precision",
-            "Modern",
-          ],
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-fat-bearded-male-dressed-jacket_613910-988.jpg?_wi=1",
-        },
-        {
-          id: "feat-2",
-          title: "Women's Styling",
-          tags: [
-            "Elegant",
-            "Volume",
-          ],
-          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-blonde-girl_1385-2552.jpg?_wi=1",
-        },
-        {
-          id: "feat-3",
-          title: "Color Analysis",
-          tags: [
-            "Customized",
-            "Vibrant",
-          ],
-          imageSrc: "http://img.b2bpic.net/free-photo/young-woman-looking-photo-tape-red-background-high-quality-photo_114579-60934.jpg?_wi=1",
-        },
-      ]}
-      title="Signature Services"
-      description="Excellence in hair craft, delivered with passion."
-    />
-  </div>
+        <div id="features" data-section="features">
+          <FeatureCardTwentyThree
+            animationType="slide-up"
+            textboxLayout="split"
+            useInvertedBackground={false}
+            features={[
+              { id: "feat-1", title: "Men's Styling", tags: ["Precision", "Modern"], imageSrc: "http://img.b2bpic.net/free-photo/portrait-fat-bearded-male-dressed-jacket_613910-988.jpg" },
+              { id: "feat-2", title: "Women's Styling", tags: ["Elegant", "Volume"], imageSrc: "http://img.b2bpic.net/free-photo/beautiful-blonde-girl_1385-2552.jpg" },
+              { id: "feat-3", title: "Color Analysis", tags: ["Customized", "Vibrant"], imageSrc: "http://img.b2bpic.net/free-photo/young-woman-looking-photo-tape-red-background-high-quality-photo_114579-60934.jpg" }
+            ]}
+            title="Signature Services"
+            description="Excellence in hair craft, delivered with passion."
+          />
+        </div>
 
-  <div id="products" data-section="products">
-      <ProductCardOne
-      animationType="slide-up"
-      textboxLayout="split"
-      gridVariant="uniform-all-items-equal"
-      useInvertedBackground={false}
-      products={[
-        {
-          id: "p1",
-          name: "Classic Elegance",
-          price: "Styling",
-          imageSrc: "http://img.b2bpic.net/free-photo/young-woman-model-red-blouse-sitting-posing_114579-66797.jpg?_wi=1",
-        },
-        {
-          id: "p2",
-          name: "Modern Edge",
-          price: "Cut",
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-redhaired-woman-wearing-make-up_23-2149676973.jpg",
-        },
-        {
-          id: "p3",
-          name: "Color Masterpiece",
-          price: "Dyeing",
-          imageSrc: "http://img.b2bpic.net/free-photo/black-woman-s-portrait-dramma-look_633478-1621.jpg",
-        },
-        {
-          id: "p4",
-          name: "Trend Collection",
-          price: "Hairstyle",
-          imageSrc: "http://img.b2bpic.net/free-photo/teenager-girl-combs-her-hair-looking-mirror-bathroom_169016-55523.jpg",
-        },
-        {
-          id: "p5",
-          name: "Iconic Cut",
-          price: "Men's",
-          imageSrc: "http://img.b2bpic.net/free-photo/singing-girl_23-2147635322.jpg",
-        },
-        {
-          id: "p6",
-          name: "Vibrant Fusion",
-          price: "Color",
-          imageSrc: "http://img.b2bpic.net/free-photo/cute-young-woman-portrait-indoor_624325-4388.jpg",
-        },
-      ]}
-      title="Portfolio Highlights"
-      description="Explore the signature transformations by GianFranco."
-    />
-  </div>
+        <div id="products" data-section="products">
+          <ProductCardOne
+            animationType="slide-up"
+            textboxLayout="split"
+            gridVariant="uniform-all-items-equal"
+            useInvertedBackground={false}
+            products={[
+              { id: "p1", name: "Classic Elegance", price: "Styling", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-model-red-blouse-sitting-posing_114579-66797.jpg" },
+              { id: "p2", name: "Modern Edge", price: "Cut", imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-redhaired-woman-wearing-make-up_23-2149676973.jpg" },
+              { id: "p3", name: "Color Masterpiece", price: "Dyeing", imageSrc: "http://img.b2bpic.net/free-photo/black-woman-s-portrait-dramma-look_633478-1621.jpg" },
+              { id: "p4", name: "Trend Collection", price: "Hairstyle", imageSrc: "http://img.b2bpic.net/free-photo/teenager-girl-combs-her-hair-looking-mirror-bathroom_169016-55523.jpg" },
+              { id: "p5", name: "Iconic Cut", price: "Men's", imageSrc: "http://img.b2bpic.net/free-photo/singing-girl_23-2147635322.jpg" },
+              { id: "p6", name: "Vibrant Fusion", price: "Color", imageSrc: "http://img.b2bpic.net/free-photo/cute-young-woman-portrait-indoor_624325-4388.jpg" }
+            ]}
+            title="Portfolio Highlights"
+            description="Explore the signature transformations by GianFranco."
+          />
+        </div>
 
-  <div id="pricing" data-section="pricing">
-      <PricingCardThree
-      animationType="slide-up"
-      textboxLayout="split"
-      useInvertedBackground={false}
-      plans={[
-        {
-          id: "b1",
-          name: "Essentials",
-          price: "$80",
-          buttons: [
-            {
-              text: "Book",
-              href: "#contact",
-            },
-          ],
-          features: [
-            "Consultation",
-            "Haircut",
-            "Style",
-          ],
-        },
-        {
-          id: "b2",
-          name: "Advanced",
-          price: "$150",
-          buttons: [
-            {
-              text: "Book",
-              href: "#contact",
-            },
-          ],
-          features: [
-            "Color Consultation",
-            "Full Coloring",
-            "Styling",
-          ],
-        },
-        {
-          id: "b3",
-          name: "Signature",
-          price: "$250",
-          buttons: [
-            {
-              text: "Book",
-              href: "#contact",
-            },
-          ],
-          features: [
-            "Complete Restyle",
-            "Treatment",
-            "Coloring",
-          ],
-        },
-      ]}
-      title="Booking Options"
-      description="Select your transformation service."
-    />
-  </div>
+        <div id="pricing" data-section="pricing">
+          <PricingCardThree
+            animationType="slide-up"
+            textboxLayout="split"
+            useInvertedBackground={false}
+            plans={[
+              { id: "b1", name: "Essentials", price: "$80", buttons: [{ text: "Book", href: "#contact" }], features: ["Consultation", "Haircut", "Style"] },
+              { id: "b2", name: "Advanced", price: "$150", buttons: [{ text: "Book", href: "#contact" }], features: ["Color Consultation", "Full Coloring", "Styling"] },
+              { id: "b3", name: "Signature", price: "$250", buttons: [{ text: "Book", href: "#contact" }], features: ["Complete Restyle", "Treatment", "Coloring"] }
+            ]}
+            title="Booking Options"
+            description="Select your transformation service."
+          />
+        </div>
 
-  <div id="testimonials" data-section="testimonials">
-      <TestimonialCardFive
-      textboxLayout="split"
-      useInvertedBackground={false}
-      testimonials={[
-        {
-          id: "t1",
-          name: "Sarah J.",
-          date: "Oct 2025",
-          title: "Incredible",
-          quote: "The best haircut I've ever had, truly an artist.",
-          tag: "5 Stars",
-          avatarSrc: "http://img.b2bpic.net/free-photo/portrait-young-female-dentist-dentistry-concept-dental-treatment_169016-67131.jpg",
-          imageSrc: "http://img.b2bpic.net/free-photo/studio-portrait-blonde-female-dressed-white-t-shirt-waistcoat-grey-background_613910-9333.jpg?_wi=2",
-          imageAlt: "client headshot professional luxury",
-        },
-        {
-          id: "t2",
-          name: "Mark D.",
-          date: "Sep 2025",
-          title: "Precision",
-          quote: "GianFranco is incredibly detailed. A true professional.",
-          tag: "5 Stars",
-          avatarSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-sitting-table_23-2149684349.jpg",
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-fat-bearded-male-dressed-jacket_613910-988.jpg?_wi=2",
-          imageAlt: "client headshot professional luxury",
-        },
-        {
-          id: "t3",
-          name: "Elena R.",
-          date: "Aug 2025",
-          title: "Stunning",
-          quote: "Changed my look completely. Highly recommended.",
-          tag: "5 Stars",
-          avatarSrc: "http://img.b2bpic.net/free-photo/young-beautiful-female-hairdresser-apron-holding-trimmer-looking-aside-confused-standing-green-wall_141793-55408.jpg",
-          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-blonde-girl_1385-2552.jpg?_wi=2",
-          imageAlt: "client headshot professional luxury",
-        },
-        {
-          id: "t4",
-          name: "Liam K.",
-          date: "Jul 2025",
-          title: "Expertise",
-          quote: "The color analysis was perfect, loved the result.",
-          tag: "5 Stars",
-          avatarSrc: "http://img.b2bpic.net/free-photo/surprised-young-beautiful-female-barber-uniform-holding-barber-tools-isolated-pink-background_141793-119285.jpg",
-          imageSrc: "http://img.b2bpic.net/free-photo/young-woman-looking-photo-tape-red-background-high-quality-photo_114579-60934.jpg?_wi=2",
-          imageAlt: "client headshot professional luxury",
-        },
-        {
-          id: "t5",
-          name: "Sofia M.",
-          date: "Jun 2025",
-          title: "Amazing",
-          quote: "Professional, creative, and luxurious service.",
-          tag: "5 Stars",
-          avatarSrc: "http://img.b2bpic.net/free-photo/portrait-waitress-standing-with-disposable-coffee-cup_107420-12311.jpg",
-          imageSrc: "http://img.b2bpic.net/free-photo/young-woman-model-red-blouse-sitting-posing_114579-66797.jpg?_wi=2",
-          imageAlt: "client headshot professional luxury",
-        },
-      ]}
-      title="Client Reviews"
-      description="What our clients are saying about GianFranco."
-    />
-  </div>
+        <div id="testimonials" data-section="testimonials">
+          <TestimonialCardFive
+            textboxLayout="split"
+            useInvertedBackground={false}
+            testimonials={[
+              { id: "t1", name: "Sarah J.", date: "Oct 2025", title: "Incredible", quote: "The best haircut I've ever had, truly an artist.", tag: "5 Stars", avatarSrc: "http://img.b2bpic.net/free-photo/portrait-young-female-dentist-dentistry-concept-dental-treatment_169016-67131.jpg", imageSrc: "http://img.b2bpic.net/free-photo/studio-portrait-blonde-female-dressed-white-t-shirt-waistcoat-grey-background_613910-9333.jpg" },
+              { id: "t2", name: "Mark D.", date: "Sep 2025", title: "Precision", quote: "GianFranco is incredibly detailed. A true professional.", tag: "5 Stars", avatarSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-sitting-table_23-2149684349.jpg", imageSrc: "http://img.b2bpic.net/free-photo/portrait-fat-bearded-male-dressed-jacket_613910-988.jpg" },
+              { id: "t3", name: "Elena R.", date: "Aug 2025", title: "Stunning", quote: "Changed my look completely. Highly recommended.", tag: "5 Stars", avatarSrc: "http://img.b2bpic.net/free-photo/young-beautiful-female-hairdresser-apron-holding-trimmer-looking-aside-confused-standing-green-wall_141793-55408.jpg", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-blonde-girl_1385-2552.jpg" },
+              { id: "t4", name: "Liam K.", date: "Jul 2025", title: "Expertise", quote: "The color analysis was perfect, loved the result.", tag: "5 Stars", avatarSrc: "http://img.b2bpic.net/free-photo/surprised-young-beautiful-female-barber-uniform-holding-barber-tools-isolated-pink-background_141793-119285.jpg", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-looking-photo-tape-red-background-high-quality-photo_114579-60934.jpg" },
+              { id: "t5", name: "Sofia M.", date: "Jun 2025", title: "Amazing", quote: "Professional, creative, and luxurious service.", tag: "5 Stars", avatarSrc: "http://img.b2bpic.net/free-photo/portrait-waitress-standing-with-disposable-coffee-cup_107420-12311.jpg", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-model-red-blouse-sitting-posing_114579-66797.jpg" }
+            ]}
+            title="Client Reviews"
+            description="What our clients are saying about GianFranco."
+          />
+        </div>
 
-  <div id="faq" data-section="faq">
-      <FaqSplitText
-      useInvertedBackground={false}
-      faqs={[
-        {
-          id: "q1",
-          title: "How do I book?",
-          content: "Book directly through our WhatsApp link on this site.",
-        },
-        {
-          id: "q2",
-          title: "Do you do consultations?",
-          content: "Yes, every service starts with a consultation.",
-        },
-        {
-          id: "q3",
-          title: "What payment methods?",
-          content: "We accept major cards and mobile payments.",
-        },
-      ]}
-      sideTitle="Common Questions"
-      faqsAnimation="slide-up"
-    />
-  </div>
+        <div id="faq" data-section="faq">
+          <FaqSplitText
+            useInvertedBackground={false}
+            faqs={[
+              { id: "q1", title: "How do I book?", content: "Book directly through our WhatsApp link on this site." },
+              { id: "q2", title: "Do you do consultations?", content: "Yes, every service starts with a consultation." },
+              { id: "q3", title: "What payment methods?", content: "We accept major cards and mobile payments." }
+            ]}
+            sideTitle="Common Questions"
+            faqsAnimation="slide-up"
+          />
+        </div>
 
-  <div id="contact" data-section="contact">
-      <ContactCenter
-      useInvertedBackground={false}
-      background={{
-        variant: "plain",
-      }}
-      tag="Contact Us"
-      title="Book Your Session"
-      description="Get in touch via WhatsApp for an exclusive appointment."
-      buttonText="Connect via WhatsApp"
-      onSubmit={(email) => window.open('https://wa.me/your-number-here', '_blank')}
-    />
-  </div>
+        <div id="contact" data-section="contact">
+          <ContactCenter
+            useInvertedBackground={false}
+            background={{ variant: "plain" }}
+            tag="Contact Us"
+            title="Book Your Session"
+            description="Get in touch via WhatsApp for an exclusive appointment."
+            buttonText="Connect via WhatsApp"
+            onSubmit={(email) => window.open('https://wa.me/your-number-here', '_blank')}
+          />
+        </div>
 
-  <div id="footer" data-section="footer">
-      <FooterBaseReveal
-      logoText="GianFranco"
-      columns={[
-        {
-          title: "Links",
-          items: [
-            {
-              label: "Portfolio",
-              href: "#products",
-            },
-            {
-              label: "Services",
-              href: "#features",
-            },
-          ],
-        },
-        {
-          title: "Legal",
-          items: [
-            {
-              label: "Privacy",
-              href: "#",
-            },
-            {
-              label: "Terms",
-              href: "#",
-            },
-          ],
-        },
-      ]}
-      copyrightText="© 2026 GianFranco Hair Art. All rights reserved."
-    />
-  </div>
+        <div id="footer" data-section="footer">
+          <FooterBaseReveal
+            logoText="GianFranco"
+            columns={[
+              { title: "Links", items: [{ label: "Portfolio", href: "#products" }, { label: "Services", href: "#features" }] },
+              { title: "Legal", items: [{ label: "Privacy", href: "#" }, { label: "Terms", href: "#" }] }
+            ]}
+            copyrightText="© 2026 GianFranco Hair Art. All rights reserved."
+          />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );
-- 
2.49.1