Update src/app/page.tsx

Merge version_4 into main

src/app/page.tsx

@@ -2,7 +2,7 @@
 
 import ReactLenis from "lenis/react";
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
-import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
+import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
 import HeroBillboardRotatedCarousel from '@/components/sections/hero/HeroBillboardRotatedCarousel';
 import ProductCardFour from '@/components/sections/product/ProductCardFour';
 import FeatureCardSix from '@/components/sections/feature/FeatureCardSix';
@@ -13,7 +13,8 @@ import FaqDouble from '@/components/sections/faq/FaqDouble';
 import ContactCTA from '@/components/sections/contact/ContactCTA';
 import FooterMedia from '@/components/sections/footer/FooterMedia';
 import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
-import { Sparkles, Award, Beaker, TrendingUp, Heart, HelpCircle, BookOpen } from 'lucide-react';
+import FeatureCardNineteen from '@/components/sections/feature/FeatureCardNineteen';
+import { Sparkles, Award, Beaker, TrendingUp, Heart, HelpCircle, BookOpen, Wrench } from 'lucide-react';
 
 export default function LandingPage() {
   return (
@@ -31,12 +32,13 @@ export default function LandingPage() {
     >
       <ReactLenis root>
       <div id="nav" data-section="nav">
-        <NavbarLayoutFloatingOverlay
+        <NavbarStyleFullscreen
           brandName="UMBRA"
           navItems={[
             { name: "Collection", id: "products" },
             { name: "Craft", id: "ingredients" },
             { name: "Journal", id: "blog" },
+            { name: "Repairs", id: "repairs" },
             { name: "Contact", id: "contact" }
           ]}
           button={{ text: "Shop Now", href: "#products" }}
@@ -117,6 +119,22 @@ export default function LandingPage() {
         />
       </div>
 
+      <div id="repairs" data-section="repairs">
+        <FeatureCardNineteen
+          title="Premium Maintenance & Care"
+          description="We ensure your collection remains pristine with professional care and bespoke maintenance services."
+          tag="Care & Repairs"
+          tagIcon={Wrench}
+          tagAnimation="slide-up"
+          features={[
+            { tag: "Artisanal", title: "Bottle Refilling", subtitle: "Sustainable luxury", description: "Extend the life of your signature scent with our professional refill service in-boutique.", imageSrc: "http://img.b2bpic.net/free-photo/luxury-perfume-bottle-minimal-background_23-2151045233.jpg" },
+            { tag: "Expertise", title: "Atomizer Restoration", subtitle: "Precision repair", description: "Our technicians carefully restore faulty spray mechanisms to original factory performance.", imageSrc: "http://img.b2bpic.net/free-photo/cosmetic-product-still-life_23-2151232284.jpg" }
+          ]}
+          textboxLayout="default"
+          useInvertedBackground={true}
+        />
+      </div>
+
       <div id="influencers" data-section="influencers">
         <FeatureCardOne
           title="Worn By Those Who Set The Standard"