diff --git a/src/app/page.tsx b/src/app/page.tsx
index 8cbb6bb..4ac806d 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -1,7 +1,7 @@
 "use client";
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
-import NavbarStyleFullscreen from "@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen";
+import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline";
 import HeroSplit from "@/components/sections/hero/HeroSplit";
 import TextAbout from "@/components/sections/about/TextAbout";
 import FeatureCardSix from "@/components/sections/feature/FeatureCardSix";
@@ -24,7 +24,7 @@ export default function LandingPage() {
       headingFontWeight="bold"
     >
       <div id="nav" data-section="nav">
-        <NavbarStyleFullscreen
+        <NavbarLayoutFloatingInline
           navItems={[
             { name: "Work", id: "projects" },
             { name: "Process", id: "process" },
@@ -32,7 +32,10 @@ export default function LandingPage() {
             { name: "Contact", id: "contact" }
           ]}
           brandName="Atelier"
-          button={{ text: "Get In Touch", href: "#contact" }}
+          button={{
+            text: "Get In Touch",            href: "contact"
+          }}
+          animateOnLoad={true}
         />
       </div>
 
@@ -48,8 +51,8 @@ export default function LandingPage() {
           imagePosition="right"
           mediaAnimation="slide-up"
           buttons={[
-            { text: "View Our Work", href: "#projects" },
-            { text: "Learn More", href: "#about" }
+            { text: "View Our Work", href: "projects" },
+            { text: "Learn More", href: "about" }
           ]}
           buttonAnimation="blur-reveal"
         />
@@ -61,7 +64,7 @@ export default function LandingPage() {
           title="Defining spaces through purposeful design and meticulous attention to detail"
           useInvertedBackground={false}
           buttons={[
-            { text: "Explore Our Projects", href: "#projects" }
+            { text: "Explore Our Projects", href: "projects" }
           ]}
         />
       </div>
@@ -76,12 +79,15 @@ export default function LandingPage() {
           useInvertedBackground={false}
           features={[
             {
+              id: 1,
               title: "Trend Research",              description: "We explore global fashion movements, emerging aesthetics, and seasonal inspiration. Our team analyzes market trends while maintaining our signature minimalist vision.",              imageSrc: "http://img.b2bpic.net/free-photo/crop-people-working-with-drafts_23-2147785620.jpg",              imageAlt: "Fashion trend research and inspiration gathering"
             },
             {
+              id: 2,
               title: "Concept & Design",              description: "Translating inspiration into refined collections. We sketch, iterate, and refine each piece to embody elegance and functionality, creating designs that resonate.",              imageSrc: "http://img.b2bpic.net/free-vector/blue-technology-background-with-circuit_1055-369.jpg",              imageAlt: "Digital design and fashion rendering"
             },
             {
+              id: 3,
               title: "Production & Curation",              description: "Bringing designs to life with precision craftsmanship. We oversee material selection, quality control, and final presentation, ensuring every piece meets our exacting standards.",              imageSrc: "http://img.b2bpic.net/free-photo/detail-shot-skyscrapers_1359-638.jpg",              imageAlt: "Luxury fashion production and quality assurance"
             }
           ]}
@@ -129,7 +135,6 @@ export default function LandingPage() {
 
       <div id="footer" data-section="footer">
         <FooterBaseReveal
-          logoText="Atelier"
           columns={[
             {
               title: "Studio",              items: [
@@ -158,4 +163,4 @@ export default function LandingPage() {
       </div>
     </ThemeProvider>
   );
-}
+}
\ No newline at end of file