From ecd8d09362b36bdf5751fbeb253a35909265c51e Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Wed, 22 Apr 2026 23:38:04 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 486 ++++++++++++++---------------------------------
 1 file changed, 145 insertions(+), 341 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 6147ac2..fca97bb 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -2,362 +2,166 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
-import ContactSplit from '@/components/sections/contact/ContactSplit';
-import FaqDouble from '@/components/sections/faq/FaqDouble';
-import FooterCard from '@/components/sections/footer/FooterCard';
-import HeroBillboard from '@/components/sections/hero/HeroBillboard';
-import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
-import PricingCardOne from '@/components/sections/pricing/PricingCardOne';
-import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
-import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
-import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
 import { Facebook, Instagram, Sparkles } from "lucide-react";
+import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
+import HeroBillboard from '@/components/sections/hero/HeroBillboard';
+import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
+import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
+import PricingCardOne from '@/components/sections/pricing/PricingCardOne';
+import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
+import FaqDouble from '@/components/sections/faq/FaqDouble';
+import ContactSplit from '@/components/sections/contact/ContactSplit';
+import FooterCard from '@/components/sections/footer/FooterCard';
 
 export default function LandingPage() {
   return (
     <ThemeProvider
-        defaultButtonVariant="hover-bubble"
-        defaultTextAnimation="entrance-slide"
-        borderRadius="pill"
+      defaultButtonVariant="hover-bubble"
+      defaultTextAnimation="entrance-slide"
+      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: "hero",
-        },
-        {
-          name: "About",
-          id: "about",
-        },
-        {
-          name: "Shop",
-          id: "products",
-        },
-        {
-          name: "Services",
-          id: "services",
-        },
-        {
-          name: "Contact",
-          id: "contact",
-        },
-      ]}
-      brandName="House of Reinehair"
-    />
-  </div>
+        <div id="nav" data-section="nav">
+          <NavbarStyleFullscreen
+            brandName="House of Reinehair"
+            navItems={[
+              { name: "Home", id: "hero" },
+              { name: "About", id: "about" },
+              { name: "Products", id: "products" },
+              { name: "Services", id: "services" },
+              { name: "Contact", id: "contact" }
+            ]}
+          />
+        </div>
 
-  <div id="hero" data-section="hero">
-      <HeroBillboard
-      background={{
-        variant: "plain",
-      }}
-      title="House of Reinehair"
-      description="Luxurious raw and virgin hair extensions for those who demand the best. Book your transformation or shop our collection today."
-      buttons={[
-        {
-          text: "Shop Hair",
-          href: "#products",
-        },
-        {
-          text: "Book Appointment",
-          href: "#services",
-        },
-      ]}
-      imageSrc="http://img.b2bpic.net/free-photo/close-up-portrait-curly-woman-looking-into-camera-gold-background_197531-15001.jpg?_wi=1"
-      mediaAnimation="slide-up"
-      avatars={[
-        {
-          src: "http://img.b2bpic.net/free-photo/young-brunette-sleeping-floor_23-2147781242.jpg",
-          alt: "Client 1",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/woman-into-fur_633478-354.jpg",
-          alt: "Client 2",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/closeup-portrait-mixed-race-woman-with-ideal-skin-straight-hairxd_633478-1697.jpg",
-          alt: "Client 3",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/red-hair-woman-with-red-lips-posing-camera_613910-63.jpg",
-          alt: "Client 4",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/close-up-person-holding-brown-braids_23-2148283612.jpg",
-          alt: "Client 5",
-        },
-      ]}
-      avatarText="Join 5,000+ satisfied clients"
-      marqueeItems={[
-        {
-          type: "image",
-          src: "http://img.b2bpic.net/free-photo/female-patient-smiling-while-looking-doctor_107420-74008.jpg",
-          alt: "Icon 1",
-        },
-        {
-          type: "image",
-          src: "http://img.b2bpic.net/free-photo/beautiful-young-woman-caring-her-skin-near-mirror-bathroom_1301-7643.jpg",
-          alt: "Icon 2",
-        },
-        {
-          type: "image",
-          src: "http://img.b2bpic.net/free-photo/smiley-woman-home-pandemic-having-cup-coffee-with-her-boyfriend_23-2148781381.jpg",
-          alt: "Icon 3",
-        },
-        {
-          type: "image",
-          src: "http://img.b2bpic.net/free-photo/woman-getting-treatment-hairdresser-shop_23-2149230955.jpg",
-          alt: "Icon 4",
-        },
-        {
-          type: "image",
-          src: "http://img.b2bpic.net/free-photo/beautiful-flirty-girl-cozy-sweater-joyfully-looking-camera-colorful-background_574295-2487.jpg",
-          alt: "Icon 5",
-        },
-      ]}
-    />
-  </div>
+        <div id="hero" data-section="hero">
+          <HeroBillboard
+            background={{ variant: "plain" }}
+            title="House of Reinehair"
+            description="Luxurious raw and virgin hair extensions for those who demand the best. Book your transformation or shop our collection today."
+            buttons={[{ text: "Shop Hair", href: "#products" }, { text: "Book Appointment", href: "#services" }]}
+            imageSrc="http://img.b2bpic.net/free-photo/close-up-portrait-curly-woman-looking-into-camera-gold-background_197531-15001.jpg"
+            mediaAnimation="slide-up"
+            avatars={[
+              { src: "http://img.b2bpic.net/free-photo/young-brunette-sleeping-floor_23-2147781242.jpg", alt: "Client 1" },
+              { src: "http://img.b2bpic.net/free-photo/woman-into-fur_633478-354.jpg", alt: "Client 2" },
+              { src: "http://img.b2bpic.net/free-photo/closeup-portrait-mixed-race-woman-with-ideal-skin-straight-hairxd_633478-1697.jpg", alt: "Client 3" },
+              { src: "http://img.b2bpic.net/free-photo/red-hair-woman-with-red-lips-posing-camera_613910-63.jpg", alt: "Client 4" },
+              { src: "http://img.b2bpic.net/free-photo/close-up-person-holding-brown-braids_23-2148283612.jpg", alt: "Client 5" }
+            ]}
+            avatarText="Join 5,000+ satisfied clients"
+            marqueeItems={[
+              { type: "image", src: "http://img.b2bpic.net/free-photo/female-patient-smiling-while-looking-doctor_107420-74008.jpg", alt: "Icon 1" },
+              { type: "image", src: "http://img.b2bpic.net/free-photo/beautiful-young-woman-caring-her-skin-near-mirror-bathroom_1301-7643.jpg", alt: "Icon 2" },
+              { type: "image", src: "http://img.b2bpic.net/free-photo/smiley-woman-home-pandemic-having-cup-coffee-with-her-boyfriend_23-2148781381.jpg", alt: "Icon 3" },
+              { type: "image", src: "http://img.b2bpic.net/free-photo/woman-getting-treatment-hairdresser-shop_23-2149230955.jpg", alt: "Icon 4" },
+              { type: "image", src: "http://img.b2bpic.net/free-photo/beautiful-flirty-girl-cozy-sweater-joyfully-looking-camera-colorful-background_574295-2487.jpg", alt: "Icon 5" }
+            ]}
+          />
+        </div>
 
-  <div id="about" data-section="about">
-      <TestimonialAboutCard
-      useInvertedBackground={false}
-      tag="Our Story"
-      title="Excellence in Hair Artistry"
-      description="Welcome to House of Reinehair, where luxury meets beauty. We provide premium raw and virgin hair extensions and professional salon services designed to elevate your personal style."
-      subdescription="Our mission is to empower our clients by delivering unmatched quality and exceptional service that makes every visit an experience of pure luxury."
-      icon={Sparkles}
-      imageSrc="http://img.b2bpic.net/free-photo/elegance-cool-adult-hand-old_1187-6235.jpg"
-      mediaAnimation="blur-reveal"
-    />
-  </div>
+        <div id="about" data-section="about">
+          <TestimonialAboutCard
+            tag="Our Story"
+            title="Excellence in Hair Artistry"
+            description="Welcome to House of Reinehair, where luxury meets beauty. We provide premium raw and virgin hair extensions and professional salon services designed to elevate your personal style."
+            subdescription="Our mission is to empower our clients by delivering unmatched quality and exceptional service that makes every visit an experience of pure luxury."
+            icon={Sparkles}
+            imageSrc="http://img.b2bpic.net/free-photo/elegance-cool-adult-hand-old_1187-6235.jpg"
+            mediaAnimation="blur-reveal"
+          />
+        </div>
 
-  <div id="products" data-section="products">
-      <ProductCardTwo
-      animationType="slide-up"
-      textboxLayout="split"
-      gridVariant="three-columns-all-equal-width"
-      useInvertedBackground={true}
-      products={[
-        {
-          id: "p1",
-          brand: "Reinehair",
-          name: "Premium Straight Raw Hair",
-          price: "$150",
-          rating: 5,
-          reviewCount: "120",
-          imageSrc: "http://img.b2bpic.net/free-photo/hair-samples-fan_633478-204.jpg",
-        },
-        {
-          id: "p2",
-          brand: "Reinehair",
-          name: "Signature Wavy Virgin Hair",
-          price: "$180",
-          rating: 5,
-          reviewCount: "95",
-          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-putting-turban_197531-12910.jpg",
-        },
-        {
-          id: "p3",
-          brand: "Reinehair",
-          name: "Luxury Curly Raw Hair",
-          price: "$210",
-          rating: 5,
-          reviewCount: "88",
-          imageSrc: "http://img.b2bpic.net/free-photo/mixed-race-black-blonde-model-with-curly-hair-happy-smiling-touching-it_633478-827.jpg",
-        },
-        {
-          id: "p4",
-          brand: "Reinehair",
-          name: "Blonde Virgin Collection",
-          price: "$250",
-          rating: 4,
-          reviewCount: "42",
-          imageSrc: "http://img.b2bpic.net/free-photo/arrangement-natural-argan-oil-dropper_23-2149016620.jpg",
-        },
-        {
-          id: "p5",
-          brand: "Reinehair",
-          name: "Deep Wave Raw Texture",
-          price: "$195",
-          rating: 5,
-          reviewCount: "67",
-          imageSrc: "http://img.b2bpic.net/free-photo/styled-hair-extensions-beauty-salon_23-2148940854.jpg",
-        },
-        {
-          id: "p6",
-          brand: "Reinehair",
-          name: "Water Wave Virgin Hair",
-          price: "$175",
-          rating: 5,
-          reviewCount: "55",
-          imageSrc: "http://img.b2bpic.net/free-photo/sad-woman-near-sea_23-2150343367.jpg",
-        },
-      ]}
-      title="Shop Our Premium Collection"
-      description="Discover our signature line of raw and virgin hair, meticulously sourced and tested for durability and natural luster."
-    />
-  </div>
+        <div id="products" data-section="products">
+          <ProductCardTwo
+            gridVariant="three-columns-all-equal-width"
+            animationType="slide-up"
+            textboxLayout="split"
+            useInvertedBackground={true}
+            title="Shop Our Premium Collection"
+            description="Discover our signature line of raw and virgin hair, meticulously sourced and tested for durability and natural luster."
+            products={[
+              { id: "p1", brand: "Reinehair", name: "Premium Straight Raw Hair", price: "$150", rating: 5, reviewCount: "120", imageSrc: "http://img.b2bpic.net/free-photo/hair-samples-fan_633478-204.jpg" },
+              { id: "p2", brand: "Reinehair", name: "Signature Wavy Virgin Hair", price: "$180", rating: 5, reviewCount: "95", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-putting-turban_197531-12910.jpg" },
+              { id: "p3", brand: "Reinehair", name: "Luxury Curly Raw Hair", price: "$210", rating: 5, reviewCount: "88", imageSrc: "http://img.b2bpic.net/free-photo/mixed-race-black-blonde-model-with-curly-hair-happy-smiling-touching-it_633478-827.jpg" },
+              { id: "p4", brand: "Reinehair", name: "Blonde Virgin Collection", price: "$250", rating: 4, reviewCount: "42", imageSrc: "http://img.b2bpic.net/free-photo/arrangement-natural-argan-oil-dropper_23-2149016620.jpg" },
+              { id: "p5", brand: "Reinehair", name: "Deep Wave Raw Texture", price: "$195", rating: 5, reviewCount: "67", imageSrc: "http://img.b2bpic.net/free-photo/styled-hair-extensions-beauty-salon_23-2148940854.jpg" },
+              { id: "p6", brand: "Reinehair", name: "Water Wave Virgin Hair", price: "$175", rating: 5, reviewCount: "55", imageSrc: "http://img.b2bpic.net/free-photo/sad-woman-near-sea_23-2150343367.jpg" }
+            ]}
+          />
+        </div>
 
-  <div id="services" data-section="services">
-      <PricingCardOne
-      animationType="slide-up"
-      textboxLayout="split"
-      useInvertedBackground={false}
-      plans={[
-        {
-          id: "svc-1",
-          badge: "Essential",
-          price: "$85",
-          subtitle: "Hair Wash & Silk Press",
-          features: [
-            "Luxury wash",
-            "Deep conditioning",
-            "Professional silk press",
-          ],
-        },
-        {
-          id: "svc-2",
-          badge: "Popular",
-          price: "$150",
-          subtitle: "Extension Installation",
-          features: [
-            "Braid down",
-            "Precise installation",
-            "Style blend",
-          ],
-        },
-        {
-          id: "svc-3",
-          badge: "Premium",
-          price: "$220",
-          subtitle: "Full Color & Maintenance",
-          features: [
-            "Color customization",
-            "Hydration treatment",
-            "Cut and style",
-          ],
-        },
-      ]}
-      title="Salon Hair Services"
-      description="Book a professional appointment with our experts. Whether it's styling, maintenance, or full installations, we ensure perfection."
-    />
-  </div>
+        <div id="services" data-section="services">
+          <PricingCardOne
+            animationType="slide-up"
+            textboxLayout="split"
+            title="Salon Hair Services"
+            description="Book a professional appointment with our experts. Whether it's styling, maintenance, or full installations, we ensure perfection."
+            plans={[
+              { id: "svc-1", badge: "Essential", price: "$85", subtitle: "Hair Wash & Silk Press", features: ["Luxury wash", "Deep conditioning", "Professional silk press"] },
+              { id: "svc-2", badge: "Popular", price: "$150", subtitle: "Extension Installation", features: ["Braid down", "Precise installation", "Style blend"] },
+              { id: "svc-3", badge: "Premium", price: "$220", subtitle: "Full Color & Maintenance", features: ["Color customization", "Hydration treatment", "Cut and style"] }
+            ]}
+          />
+        </div>
 
-  <div id="testimonials" data-section="testimonials">
-      <TestimonialCardTen
-      textboxLayout="split"
-      useInvertedBackground={true}
-      testimonials={[
-        {
-          id: "t1",
-          title: "Incredible quality!",
-          quote: "The raw hair I bought is still as good as day one. Truly premium quality.",
-          name: "Sarah J.",
-          role: "Client",
-          imageSrc: "http://img.b2bpic.net/free-photo/charming-smiling-lady-with-long-wavy-dark-hair-is-touching-hair-looking-camera-home_291650-2384.jpg",
-        },
-        {
-          id: "t2",
-          title: "My go-to salon",
-          quote: "The silk press service was amazing, my hair has never been this healthy.",
-          name: "Chloe M.",
-          role: "Client",
-          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-female-model-with-long-light-brown-hair-vine-lips-posing-isolated-wall-with-lovely-smile-portrait-young-well-groomed-girl-with-perfect-skin-close-up_291650-80.jpg",
-        },
-        {
-          id: "t3",
-          title: "Highly recommended!",
-          quote: "Professional team and the best hair extensions I've ever purchased.",
-          name: "Anita R.",
-          role: "Client",
-          imageSrc: "http://img.b2bpic.net/free-photo/lesbian-couple-wearing-white-their-wedding_23-2150835701.jpg",
-        },
-        {
-          id: "t4",
-          title: "Amazing transformation",
-          quote: "Every time I visit House of Reinehair, I leave feeling like royalty.",
-          name: "Bianca T.",
-          role: "Client",
-          imageSrc: "http://img.b2bpic.net/free-photo/internationals-people-standing-cafe-with-shopping-bags_1157-31452.jpg",
-        },
-        {
-          id: "t5",
-          title: "Stunning results",
-          quote: "Customer service is top notch and the products are definitely worth it.",
-          name: "Zoe L.",
-          role: "Client",
-          imageSrc: "http://img.b2bpic.net/free-photo/young-black-people-taking-care-afro-hair_23-2149575437.jpg",
-        },
-      ]}
-      title="What Our Clients Say"
-      description="Read why thousands of customers trust House of Reinehair for their hair care and extension needs."
-    />
-  </div>
+        <div id="testimonials" data-section="testimonials">
+          <TestimonialCardTen
+            textboxLayout="split"
+            title="What Our Clients Say"
+            description="Read why thousands of customers trust House of Reinehair for their hair care and extension needs."
+            testimonials={[
+              { id: "t1", title: "Incredible quality!", quote: "The raw hair I bought is still as good as day one. Truly premium quality.", name: "Sarah J.", role: "Client", imageSrc: "http://img.b2bpic.net/free-photo/charming-smiling-lady-with-long-wavy-dark-hair-is-touching-hair-looking-camera-home_291650-2384.jpg" },
+              { id: "t2", title: "My go-to salon", quote: "The silk press service was amazing, my hair has never been this healthy.", name: "Chloe M.", role: "Client", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-female-model-with-long-light-brown-hair-vine-lips-posing-isolated-wall-with-lovely-smile-portrait-young-well-groomed-girl-with-perfect-skin-close-up_291650-80.jpg" },
+              { id: "t3", title: "Highly recommended!", quote: "Professional team and the best hair extensions I've ever purchased.", name: "Anita R.", role: "Client", imageSrc: "http://img.b2bpic.net/free-photo/lesbian-couple-wearing-white-their-wedding_23-2150835701.jpg" },
+              { id: "t4", title: "Amazing transformation", quote: "Every time I visit House of Reinehair, I leave feeling like royalty.", name: "Bianca T.", role: "Client", imageSrc: "http://img.b2bpic.net/free-photo/internationals-people-standing-cafe-with-shopping-bags_1157-31452.jpg" },
+              { id: "t5", title: "Stunning results", quote: "Customer service is top notch and the products are definitely worth it.", name: "Zoe L.", role: "Client", imageSrc: "http://img.b2bpic.net/free-photo/young-black-people-taking-care-afro-hair_23-2149575437.jpg" }
+            ]}
+          />
+        </div>
 
-  <div id="faq" data-section="faq">
-      <FaqDouble
-      textboxLayout="split"
-      useInvertedBackground={false}
-      faqs={[
-        {
-          id: "f1",
-          title: "Do you offer shipping and collection?",
-          content: "Yes, we offer both fast shipping options across the country and a convenient in-store collection service at our salon.",
-        },
-        {
-          id: "f2",
-          title: "How do I book an appointment?",
-          content: "You can easily book through our website via the Services section, select your desired appointment date and time.",
-        },
-        {
-          id: "f3",
-          title: "What is raw hair?",
-          content: "Raw hair is 100% unprocessed human hair, collected from a single donor, retaining its natural texture and integrity.",
-        },
-      ]}
-      title="Frequently Asked Questions"
-      description="Have questions about our hair or booking process? Find answers here."
-      faqsAnimation="slide-up"
-    />
-  </div>
+        <div id="faq" data-section="faq">
+          <FaqDouble
+            textboxLayout="split"
+            title="Frequently Asked Questions"
+            description="Have questions about our hair or booking process? Find answers here."
+            faqsAnimation="slide-up"
+            faqs={[
+              { id: "f1", title: "Do you offer shipping and collection?", content: "Yes, we offer both fast shipping options across the country and a convenient in-store collection service at our salon." },
+              { id: "f2", title: "How do I book an appointment?", content: "You can easily book through our website via the Services section, select your desired appointment date and time." },
+              { id: "f3", title: "What is raw hair?", content: "Raw hair is 100% unprocessed human hair, collected from a single donor, retaining its natural texture and integrity." }
+            ]}
+          />
+        </div>
 
-  <div id="contact" data-section="contact">
-      <ContactSplit
-      useInvertedBackground={true}
-      background={{
-        variant: "plain",
-      }}
-      tag="Let's Talk"
-      title="Ready to Transform Your Look?"
-      description="Stay updated with our latest collections, promotions, and salon news."
-      mediaAnimation="slide-up"
-      mediaPosition="right"
-      imageSrc="http://img.b2bpic.net/free-photo/close-up-portrait-curly-woman-looking-into-camera-gold-background_197531-15001.jpg?_wi=2"
-    />
-  </div>
+        <div id="contact" data-section="contact">
+          <ContactSplit
+            tag="Let's Talk"
+            title="Ready to Transform Your Look?"
+            description="Stay updated with our latest collections, promotions, and salon news."
+            background={{ variant: "plain" }}
+            mediaAnimation="slide-up"
+            imageSrc="http://img.b2bpic.net/free-photo/close-up-portrait-curly-woman-looking-into-camera-gold-background_197531-15001.jpg"
+          />
+        </div>
 
-  <div id="footer" data-section="footer">
-      <FooterCard
-      logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CjZZW634AfOxZPtxVSTnXfKZOM/uploaded-1776901025590-za336xyf.jpg"
-      logoText="House of Reinehair"
-      copyrightText="© 2025 House of Reinehair. All rights reserved."
-      socialLinks={[
-        {
-          icon: Instagram,
-          href: "https://instagram.com",
-          ariaLabel: "Instagram",
-        },
-        {
-          icon: Facebook,
-          href: "https://facebook.com",
-          ariaLabel: "Facebook",
-        },
-      ]}
-    />
-  </div>
+        <div id="footer" data-section="footer">
+          <FooterCard
+            logoText="House of Reinehair"
+            logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CjZZW634AfOxZPtxVSTnXfKZOM/uploaded-1776901025590-za336xyf.jpg"
+            socialLinks={[
+              { icon: Instagram, href: "https://instagram.com", ariaLabel: "Instagram" },
+              { icon: Facebook, href: "https://facebook.com", ariaLabel: "Facebook" }
+            ]}
+          />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );
-- 
2.49.1