Merge version_2 into main

Merge version_2 into main

src/app/page.tsx

@@ -2,13 +2,13 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
-import ContactCenter from '@/components/sections/contact/ContactCenter';
-import FeatureCardNineteen from '@/components/sections/feature/FeatureCardNineteen';
-import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
-import HeroSplitDualMedia from '@/components/sections/hero/HeroSplitDualMedia';
-import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
-import SplitAbout from '@/components/sections/about/SplitAbout';
-import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
+import ContactSplit from '@/components/sections/contact/ContactSplit';
+import FeatureBorderGlow from '@/components/sections/feature/featureBorderGlow/FeatureBorderGlow';
+import FooterBase from '@/components/sections/footer/FooterBase';
+import HeroBillboardCarousel from '@/components/sections/hero/HeroBillboardCarousel';
+import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
+import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
+import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
 import { Compass, Heart, LayoutDashboard, Sparkles } from "lucide-react";
 
 export default function LandingPage() {
@@ -17,17 +17,17 @@ export default function LandingPage() {
         defaultButtonVariant="text-shift"
         defaultTextAnimation="reveal-blur"
         borderRadius="soft"
-        contentWidth="smallMedium"
-        sizing="largeSizeMediumTitles"
-        background="grid"
+        contentWidth="medium"
+        sizing="mediumLargeSizeLargeTitles"
+        background="noise"
         cardStyle="subtle-shadow"
         primaryButtonStyle="shadow"
         secondaryButtonStyle="solid"
-        headingFontWeight="medium"
+        headingFontWeight="semibold"
     >
       <ReactLenis root>
         <div id="nav" data-section="nav">
-          <NavbarStyleFullscreen
+          <NavbarLayoutFloatingOverlay
             navItems={[
               { name: "Home", id: "hero" },
               { name: "About", id: "about" },
@@ -40,96 +40,89 @@ export default function LandingPage() {
         </div>
 
         <div id="hero" data-section="hero">
-          <HeroSplitDualMedia
-            background={{ variant: "plain" }}
+          <HeroBillboardCarousel
             title="Spaces that feel calm, elevated, and beautifully easy"
             description="Design-led home organization rooted in architecture. Functional systems built to last, paired with a warm, thoughtful client experience that transforms how you live."
             tag="Architectural Home Organization"
+            tagIcon={Sparkles}
             buttons={[{ text: "Book Your Reset", href: "#contact" }]}
             mediaItems={[
               { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BUcKNs8WBTWQFQ6SCSDgc2Wd7Z/a-serene-luxury-home-organization-setup--1774547075102-cc02a627.png", imageAlt: "Luxurious organized space" },
               { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BUcKNs8WBTWQFQ6SCSDgc2Wd7Z/an-interior-designer-working-in-a-bright-1774547075695-741dd00a.png?_wi=1", imageAlt: "Val Space Studio design focus" },
             ]}
-            mediaAnimation="slide-up"
-            rating={5}
-            ratingText="Transforming lives in South Texas"
-            tagIcon={Sparkles}
+            background={{ variant: "plain" }}
           />
         </div>
 
         <div id="about" data-section="about">
-          <SplitAbout
-            textboxLayout="split"
-            useInvertedBackground={true}
-            imagePosition="right"
+          <MetricSplitMediaAbout
             title="Architecture informed organization."
             description="We believe your home should work as beautifully as it looks. By bridging spatial planning with refined organization, we create calm, functional environments tailored to your lifestyle."
-            bulletPoints={[
-              { title: "Intentional Design", description: "Custom systems built for long-term function.", icon: Compass },
-              { title: "Architectural Precision", description: "Spatial planning informed by structural logic.", icon: LayoutDashboard },
-              { title: "Warm Experience", description: "A client-first approach from start to finish.", icon: Heart },
+            metrics={[
+              { value: "100%", title: "Customized Design" },
+              { value: "50+", title: "Homes Transformed" },
+              { value: "24/7", title: "Client Support" }
             ]}
+            useInvertedBackground={true}
             imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BUcKNs8WBTWQFQ6SCSDgc2Wd7Z/an-interior-designer-working-in-a-bright-1774547075695-741dd00a.png?_wi=2"
             imageAlt="Interior designer in a modern studio"
-            mediaAnimation="blur-reveal"
           />
         </div>
 
         <div id="features" data-section="features">
-          <FeatureCardNineteen
-            textboxLayout="default"
+          <FeatureBorderGlow
+            title="Our four-step design process"
+            description="From initial architectural analysis to final signature setup, we ensure every detail serves your lifestyle."
+            animationType="slide-up"
             useInvertedBackground={false}
+            textboxLayout="default"
             features={[
-              { id: 1, tag: "Planning", title: "Spatial Analysis", subtitle: "Architecture First", description: "Analyzing your home's flow and structural constraints to maximize space.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BUcKNs8WBTWQFQ6SCSDgc2Wd7Z/close-up-of-organized-luxury-pantry-stor-1774547075306-77253848.png" },
-              { id: 2, tag: "Systems", title: "Custom Integration", subtitle: "Built to Last", description: "Selecting premium materials and bespoke organizational systems.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BUcKNs8WBTWQFQ6SCSDgc2Wd7Z/walk-in-closet-organization-premium-mate-1774547075528-c243c6ab.png" },
-              { id: 3, tag: "Reset", title: "Signature Setup", subtitle: "Stress-Free Life", description: "A refined, professional installation that creates instant calm.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BUcKNs8WBTWQFQ6SCSDgc2Wd7Z/thoughtful-home-office-organization-clea-1774547075548-b930666d.png" },
+              { icon: Compass, title: "1. Spatial Analysis", description: "Mapping structural logic and flow to maximize your home's potential." },
+              { icon: LayoutDashboard, title: "2. Custom Planning", description: "Curating bespoke systems that align with your daily routine and aesthetic." },
+              { icon: Heart, title: "3. Signature Installation", description: "Professional implementation with premium materials for lasting organization." },
+              { icon: Sparkles, title: "4. Final Reset", description: "Delivering a refined, tranquil environment ready for you to enjoy immediately." },
             ]}
-            title="Our design-led process"
-            description="We transform chaotic spaces into cohesive environments through architectural planning and refined systems."
           />
         </div>
 
         <div id="testimonials" data-section="testimonials">
-          <TestimonialCardThirteen
-            animationType="blur-reveal"
+          <TestimonialCardTen
+            title="Client transformations"
+            description="Hear from homeowners in the Rio Grande Valley who have experienced our architectural approach to organization."
             textboxLayout="split"
             useInvertedBackground={true}
             testimonials={[
-              { id: "1", name: "Sarah M.", handle: "McAllen Resident", testimonial: "Val Space Studio turned my chaotic pantry into a functional piece of art. Absolutely intentional.", rating: 5, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BUcKNs8WBTWQFQ6SCSDgc2Wd7Z/luxurious-living-space-showing-perfect-o-1774547075468-4ac93fb6.png" },
-              { id: "2", name: "David R.", handle: "Edinburg Professional", testimonial: "The architectural approach makes all the difference. It isn't just tidy; it's designed.", rating: 5, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BUcKNs8WBTWQFQ6SCSDgc2Wd7Z/refined-residential-storage-corner-high--1774547075217-3e88c5b0.png" },
-              { id: "3", name: "Elena G.", handle: "Homeowner", testimonial: "Bilingual professionalism and incredible design vision. My move-in felt seamless and calm.", rating: 5, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BUcKNs8WBTWQFQ6SCSDgc2Wd7Z/beautifully-organized-entryway-design-le-1774547075131-4f2b29d6.png" },
-              { id: "4", name: "Marcus L.", handle: "Local Architect", testimonial: "Finally, organization that understands the structural logic of a house. Truly impressed.", rating: 5, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BUcKNs8WBTWQFQ6SCSDgc2Wd7Z/calm-bedroom-storage-soft-colors-archite-1774547075043-69c2d17f.png" },
+              { id: "1", title: "Pantry Perfection", quote: "Val Space Studio turned my chaotic pantry into a functional piece of art. Absolutely intentional.", name: "Sarah M.", role: "McAllen Resident", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BUcKNs8WBTWQFQ6SCSDgc2Wd7Z/luxurious-living-space-showing-perfect-o-1774547075468-4ac93fb6.png" },
+              { id: "2", title: "Designed to Last", quote: "The architectural approach makes all the difference. It isn't just tidy; it's designed.", name: "David R.", role: "Edinburg Professional", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BUcKNs8WBTWQFQ6SCSDgc2Wd7Z/refined-residential-storage-corner-high--1774547075217-3e88c5b0.png" },
+              { id: "3", title: "Seamless Move-in", quote: "Bilingual professionalism and incredible design vision. My move-in felt seamless and calm.", name: "Elena G.", role: "Homeowner", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BUcKNs8WBTWQFQ6SCSDgc2Wd7Z/beautifully-organized-entryway-design-le-1774547075131-4f2b29d6.png" },
             ]}
-            showRating={true}
-            title="Stories of calm transformation"
-            description="See how our architectural approach has restored clarity to homes across the Rio Grande Valley."
           />
         </div>
 
         <div id="contact" data-section="contact">
-          <ContactCenter
-            useInvertedBackground={false}
-            background={{ variant: "plain" }}
-            tag="Get In Touch"
+          <ContactSplit
+            tag="Inquire"
             title="Ready to restore your space?"
-            description="Book a discovery call today and start your journey toward a more intentional home."
+            description="Reach out to discuss your project or book a discovery call. We are based in the Rio Grande Valley and eager to help you create your dream home."
+            background={{ variant: "plain" }}
+            useInvertedBackground={false}
+            imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BUcKNs8WBTWQFQ6SCSDgc2Wd7Z/thoughtful-home-office-organization-clea-1774547075548-b930666d.png"
             buttonText="Inquire Today"
-            inputPlaceholder="Enter your email"
           />
         </div>
 
         <div id="footer" data-section="footer">
-          <FooterBaseCard
+          <FooterBase
             logoText="VAL SPACE STUDIO"
             columns={[
-              { title: "Company", items: [{ label: "About", href: "#about" }, { label: "Process", href: "#features" }] },
-              { title: "Services", items: [{ label: "Book Now", href: "#contact" }] },
-              { title: "Legal", items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms", href: "#" }] },
+              { title: "Studio", items: [{ label: "About", href: "#about" }, { label: "Our Process", href: "#features" }] },
+              { title: "Connect", items: [{ label: "Book a Call", href: "#contact" }, { label: "Instagram", href: "#" }] },
+              { title: "Legal", items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms of Service", href: "#" }] },
             ]}
-            copyrightText="© 2025 Val Space Studio"
+            copyrightText="© 2025 Val Space Studio. All rights reserved."
           />
         </div>
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}