From 6bf6fb59cc22bcc9556cf38d0776cb4fa3ee0aa7 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Sat, 25 Apr 2026 08:03:55 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 309 +++++++++++++++++------------------------------
 1 file changed, 108 insertions(+), 201 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 4d8c434..d26d3c4 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -2,226 +2,133 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
-import ContactSplit from '@/components/sections/contact/ContactSplit';
-import FeatureCardTwelve from '@/components/sections/feature/FeatureCardTwelve';
-import FooterMedia from '@/components/sections/footer/FooterMedia';
-import HeroSplitDualMedia from '@/components/sections/hero/HeroSplitDualMedia';
-import MetricCardSeven from '@/components/sections/metrics/MetricCardSeven';
-import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
-import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
-import PricingCardFive from '@/components/sections/pricing/PricingCardFive';
-import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
-import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
+import ContactText from '@/components/sections/contact/ContactText';
+import FeatureCardTwentySeven from '@/components/sections/feature/FeatureCardTwentySeven';
+import FooterCard from '@/components/sections/footer/FooterCard';
+import HeroSplitDoubleCarousel from '@/components/sections/hero/HeroSplitDoubleCarousel';
+import MetricCardThree from '@/components/sections/metrics/MetricCardThree';
+import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
+import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
+import PricingCardNine from '@/components/sections/pricing/PricingCardNine';
+import ProductCardFour from '@/components/sections/ecommerce/productDetail/ProductDetailCard';
+import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
+import { Sparkles, Star, User, Zap } from "lucide-react";
 
-export default function LandingPage() {
+export default function LuxurySalonPage() {
   return (
     <ThemeProvider
-        defaultButtonVariant="directional-hover"
+        defaultButtonVariant="elastic-effect"
         defaultTextAnimation="reveal-blur"
         borderRadius="pill"
-        contentWidth="mediumSmall"
+        contentWidth="mediumLarge"
         sizing="largeSizeMediumTitles"
         background="noiseDiagonalGradient"
         cardStyle="glass-depth"
-        primaryButtonStyle="flat"
-        secondaryButtonStyle="layered"
-        headingFontWeight="bold"
+        primaryButtonStyle="primary-glow"
+        secondaryButtonStyle="glass"
+        headingFontWeight="extrabold"
     >
       <ReactLenis root>
-  <div id="nav" data-section="nav">
-      <NavbarStyleApple
-      navItems={[
-        { name: "Home", id: "hero" },
-        { name: "Services", id: "services" },
-        { name: "About", id: "about" },
-        { name: "Booking", id: "contact" },
-      ]}
-      brandName="Aura Luxury"
-    />
-  </div>
+        <div id="nav" data-section="nav">
+          <NavbarStyleFullscreen
+            navItems={[
+              { name: "Home", id: "hero" },
+              { name: "Services", id: "services" },
+              { name: "About", id: "about" },
+              { name: "Contact", id: "contact" }
+            ]}
+            brandName="AURA LUXURY"
+          />
+        </div>
 
-  <div id="hero" data-section="hero">
-      <HeroSplitDualMedia
-      background={{ variant: "sparkles-gradient" }}
-      title="Premium Beauty Experience"
-      description="Indulge in unparalleled elegance and sophisticated care. Our team of world-class stylists and aestheticians create moments of pure luxury designed specifically for you."
-      tag="EXCLUSIVITY REDEFINED"
-      buttons={[
-        { text: "Jetzt Termin buchen", href: "#contact" },
-      ]}
-      mediaItems={[
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/sensual-glamour-portrait-beautiful-woman-model-with-fresh-daily-makeup-with-dark-red-lips-color-clean-healthy-skin-face-studio-lights_158538-14321.jpg",          imageAlt: "Luxury Salon Hero"},
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-spa-massage-wellness-hotel-suite-with-bathtub_105762-2027.jpg",          imageAlt: "Luxury Salon Interior"}
-      ]}
-      mediaAnimation="blur-reveal"
-      rating={5}
-      ratingText="Top-rated by our elite clientele"
-    />
-  </div>
+        <div id="hero" data-section="hero">
+          <HeroSplitDoubleCarousel
+            title="Transcendent Beauty"
+            description="A sanctuary of refined elegance where artistry meets serenity. Experience the pinnacle of modern luxury."
+            background={{ variant: "sparkles-gradient" }}
+            leftCarouselItems={[{ imageSrc: "http://img.b2bpic.net/free-photo/sensual-glamour-portrait-beautiful-woman-model-with-fresh-daily-makeup-with-dark-red-lips-color-clean-healthy-skin-face-studio-lights_158538-14321.jpg" }]}
+            rightCarouselItems={[{ imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-spa-massage-wellness-hotel-suite-with-bathtub_105762-2027.jpg" }]}
+            tag="AURA SIGNATURE"
+            tagIcon={Sparkles}
+          />
+        </div>
 
-  <div id="about" data-section="about">
-      <MetricSplitMediaAbout
-      useInvertedBackground={true}
-      title="Our Signature Philosophy"
-      description="With over two decades of excellence, Aura Luxury blends precision artistry with soulful relaxation. We treat every client as a masterpiece, ensuring an environment where beauty transcends aesthetics."
-      metrics={[
-        { value: "15+", title: "Years of Prestige" },
-        { value: "20k", title: "Happy Clients" },
-        { value: "100%", title: "Pure Quality" },
-      ]}
-      imageSrc="http://img.b2bpic.net/free-photo/professional-female-hairdresser-drying-woman-s-hair-styling-using-blow-dryer-hairdressing-saloon-salon_231208-10714.jpg"
-      imageAlt="Our Stylists"
-      mediaAnimation="slide-up"
-      metricsAnimation="slide-up"
-    />
-  </div>
+        <div id="about" data-section="about">
+          <InlineImageSplitTextAbout
+            heading={[{ type: "text", content: "The Aura Distinction" }]}
+            useInvertedBackground={true}
+          />
+        </div>
 
-  <div id="services" data-section="services">
-      <FeatureCardTwelve
-      animationType="slide-up"
-      textboxLayout="split"
-      useInvertedBackground={false}
-      features={[
-        {
-          id: "1",          label: "Luxury Styling",          title: "Hair & Scalp Care",          items: [
-            "Executive Cut & Style",            "Bespoke Coloring",            "Keratin Therapy"],
-        },
-        {
-          id: "2",          label: "Junior VIP",          title: "Kids Services",          items: [
-            "First Haircut Experience",            "Trend Styling",            "Gentle Care"],
-        },
-        {
-          id: "3",          label: "Skin Glow",          title: "Facial & Makeup",          items: [
-            "Glow Enhancing Facials",            "Red Carpet Makeup",            "Skincare Consultations"],
-        },
-      ]}
-      title="Exquisite Salon Services"
-      description="Discover our curated collection of professional treatments designed for the modern lifestyle."
-    />
-  </div>
+        <div id="services" data-section="services">
+          <FeatureCardTwentySeven
+            title="Curated Rituals"
+            description="Elite services tailored to your aesthetic aspirations."
+            animationType="blur-reveal"
+            textboxLayout="split"
+            features={[
+              { id: "s1", title: "Bespoke Styling", descriptions: ["Precision cut and tailored texture."] },
+              { id: "s2", title: "Rejuvenation Therapy", descriptions: ["Deep hydrating scalp treatments."] }
+            ]}
+          />
+        </div>
 
-  <div id="products" data-section="products">
-      <ProductCardTwo
-      animationType="slide-up"
-      textboxLayout="default"
-      gridVariant="uniform-all-items-equal"
-      useInvertedBackground={true}
-      products={[
-        {
-          id: "p1",          brand: "Aura",          name: "Signature Serum",          price: "€89",          rating: 5,
-          reviewCount: "1.2k",          imageSrc: "http://img.b2bpic.net/free-photo/cosmetic-pump-bottle-mockup-white_187299-48006.jpg"},
-        {
-          id: "p2",          brand: "Aura",          name: "Radiance Oil",          price: "€75",          rating: 5,
-          reviewCount: "840",          imageSrc: "http://img.b2bpic.net/free-photo/cosmetic-tube-product-with-gift-box-balloons-black-background_187299-46830.jpg"},
-        {
-          id: "p3",          brand: "Aura",          name: "Deep Hydrate Cream",          price: "€120",          rating: 5,
-          reviewCount: "2.1k",          imageSrc: "http://img.b2bpic.net/free-photo/top-view-natural-cosmetics-concept_23-2148578623.jpg"},
-      ]}
-      title="Premium Rituals"
-      description="Extend your salon glow with our hand-selected professional care line."
-    />
-  </div>
+        <div id="products" data-section="products">
+           <ProductCardFour
+             layout="section"
+             name="Aura Elixir"
+             price="€180"
+             images={[{ src: "http://img.b2bpic.net/free-photo/cosmetic-pump-bottle-mockup-white_187299-48006.jpg", alt: "Elixir" }]}
+             description="Our most potent, gold-infused radiance serum."
+           />
+        </div>
 
-  <div id="testimonials" data-section="testimonials">
-      <TestimonialCardTwelve
-      useInvertedBackground={false}
-      testimonials={[
-        { id: "1", name: "Sophie Müller", imageSrc: "http://img.b2bpic.net/free-photo/stylish-businesswoman-posing-with-cup-coffee_23-2147670333.jpg" },
-        { id: "2", name: "Elena Rossi", imageSrc: "http://img.b2bpic.net/free-photo/portrait-lovely-glamorous-lady_23-2148398559.jpg" },
-        { id: "3", name: "Marcus Schmidt", imageSrc: "http://img.b2bpic.net/free-photo/female-hairdresser-woman-smiling-looking-mirror-beauty-salon_176420-4473.jpg" },
-        { id: "4", name: "Julia Weber", imageSrc: "http://img.b2bpic.net/free-photo/woman-getting-her-hair-done-beauty-salon_23-2149167393.jpg" },
-        { id: "5", name: "Sarah Klein", imageSrc: "http://img.b2bpic.net/free-photo/two-fashionable-attractive-models-with-stylish-makeup-luxury-coiffure-having-fun-together-haidresser-salon_197531-3688.jpg" },
-      ]}
-      cardTitle="Client Elegance"
-      cardTag="LOVE FROM CLIENTS"
-      cardAnimation="slide-up"
-    />
-  </div>
+        <div id="testimonials" data-section="testimonials">
+          <TestimonialCardSix
+            title="Client Echoes"
+            animationType="slide-up"
+            textboxLayout="split"
+            testimonials={[{ id: "t1", name: "Elena V.", handle: "@elena_v", testimonial: "Pure perfection in every detail." }]}
+          />
+        </div>
 
-  <div id="pricing" data-section="pricing">
-      <PricingCardFive
-      animationType="slide-up"
-      textboxLayout="split"
-      useInvertedBackground={true}
-      plans={[
-        {
-          id: "plan1",          tag: "Essentials",          price: "€85",          period: "Session",          description: "Classic hair care refresh.",          button: { text: "Book Now" },
-          featuresTitle: "Included",          features: ["Consultation", "Cut & Blowdry", "Scalp Massage"],
-        },
-        {
-          id: "plan2",          tag: "Premium",          price: "€160",          period: "Session",          description: "The ultimate transformation.",          button: { text: "Book Now" },
-          featuresTitle: "Included",          features: ["Coloring", "Gloss Treatment", "Repair Mask"],
-        },
-        {
-          id: "plan3",          tag: "Elite",          price: "€280",          period: "Package",          description: "Total beauty immersion.",          button: { text: "Book Now" },
-          featuresTitle: "Included",          features: ["Full Color", "Facial Treatment", "Luxury Blowdry"],
-        },
-      ]}
-      title="Investment in Yourself"
-      description="Standard pricing for our most requested signature experiences."
-    />
-  </div>
+        <div id="pricing" data-section="pricing">
+          <PricingCardNine
+            title="Investment in Aura"
+            animationType="scale-rotate"
+            textboxLayout="split"
+            plans={[
+              { id: "p1", title: "Essence", price: "€150", period: "/session", features: ["Styling", "Hydration"], button: { text: "Reserve" } }
+            ]}
+          />
+        </div>
 
-  <div id="metrics" data-section="metrics">
-      <MetricCardSeven
-      animationType="depth-3d"
-      textboxLayout="default"
-      useInvertedBackground={false}
-      metrics={[
-        { id: "m1", value: "98%", title: "Client Satisfaction", items: ["Consistent luxury reviews", "Repeat booking rate"] },
-        { id: "m2", value: "12k", title: "Styles Created", items: ["Professional hair styling", "Makeover experts"] },
-        { id: "m3", value: "45+", title: "Awards Won", items: ["Local salon honors", "International style awards"] },
-      ]}
-      title="Achievements"
-      description="Reflecting on our standard of excellence."
-    />
-  </div>
+        <div id="metrics" data-section="metrics">
+          <MetricCardThree
+            title="Salon Impact"
+            animationType="depth-3d"
+            textboxLayout="split"
+            metrics={[
+              { id: "m1", icon: Star, title: "Excellence Rating", value: "5.0" },
+              { id: "m2", icon: User, title: "Elite Clients", value: "10k+" }
+            ]}
+          />
+        </div>
 
-  <div id="contact" data-section="contact">
-      <ContactSplit
-      useInvertedBackground={true}
-      background={{ variant: "sparkles-gradient" }}
-      tag="CONTACT US"
-      title="Book Your Visit"
-      description="Ready to experience the Aura? Secure your slot today."
-      imageSrc="http://img.b2bpic.net/free-photo/home-interior-design-composition_23-2148986633.jpg"
-      mediaPosition="right"
-      inputPlaceholder="Enter your email for appointment"
-      buttonText="Jetzt Termin buchen"
-    />
-  </div>
+        <div id="contact" data-section="contact">
+          <ContactText
+            text="Join our exclusive mailing list for private booking access."
+            background={{ variant: "sparkles-gradient" }}
+          />
+        </div>
 
-  <div id="footer" data-section="footer">
-      <FooterMedia
-      imageSrc="http://img.b2bpic.net/free-photo/rendering-elegant-neoclassical-interior_23-2151059693.jpg"
-      logoText="AURA LUXURY"
-      columns={[
-        {
-          title: "Services",          items: [
-            { label: "Hair Styling", href: "#services" },
-            { label: "Kids Salon", href: "#services" },
-            { label: "Facial Care", href: "#services" },
-          ],
-        },
-        {
-          title: "Company",          items: [
-            { label: "About Us", href: "#about" },
-            { label: "Careers", href: "#" },
-            { label: "Privacy", href: "#" },
-          ],
-        },
-        {
-          title: "Legal",          items: [
-            { label: "Terms", href: "#" },
-            { label: "Imprint", href: "#" },
-          ],
-        },
-      ]}
-    />
-  </div>
+        <div id="footer" data-section="footer">
+          <FooterCard
+            logoText="AURA LUXURY"
+            socialLinks={[{ icon: Zap, href: "#", ariaLabel: "Instagram" }]}
+          />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}
\ No newline at end of file
-- 
2.49.1