Merge version_4 into main

Merge version_4 into main

src/app/page.tsx

@@ -8,7 +8,7 @@ import FeatureCardNineteen from '@/components/sections/feature/FeatureCardNinete
 import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
 import HeroSplitDoubleCarousel from '@/components/sections/hero/HeroSplitDoubleCarousel';
 import MediaAbout from '@/components/sections/about/MediaAbout';
-import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
+import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
 import PricingCardTwo from '@/components/sections/pricing/PricingCardTwo';
 import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
 import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
@@ -28,8 +28,8 @@ export default function LandingPage() {
         headingFontWeight="light"
     >
       <ReactLenis root>
-  <div id="nav" data-section="nav">
-      <NavbarStyleCentered
+  <div id="nav" data-section="nav" className="fixed top-0 left-0 right-0 z-50">
+      <NavbarStyleFullscreen
       navItems={[
         { name: "Home", id: "hero" },
         { name: "Services", id: "services" },
@@ -38,13 +38,12 @@ export default function LandingPage() {
         { name: "About", id: "about" },
         { name: "Contact", id: "contact" },
       ]}
-      button={{
-        text: "Get a Quote",        href: "#contact"}}
+      button={{ text: "Get a Quote", href: "#contact" }}
       brandName="West Lane"
     />
   </div>
 
-  <div id="hero" data-section="hero">
+  <div id="hero" data-section="hero" className="pt-20">
       <HeroSplitDoubleCarousel
       background={{ variant: "radial-gradient" }}
       title="Your customers are searching for you."
@@ -208,4 +207,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}