diff --git a/src/app/page.tsx b/src/app/page.tsx
index aef9474..e84234e 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -7,7 +7,7 @@ import ContactCTA from '@/components/sections/contact/ContactCTA';
 import FeatureBento from '@/components/sections/feature/FeatureBento';
 import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
 import HeroOverlayTestimonial from '@/components/sections/hero/HeroOverlayTestimonial';
-import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
+import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
 import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
 import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
 import { Award, BookOpen, Briefcase, Calendar, Clock, FileText, Home, MapPin, Sparkles, ThumbsUp, Users } from "lucide-react";
@@ -28,7 +28,7 @@ export default function LandingPage() {
     >
       <ReactLenis root>
   <div id="nav" data-section="nav">
-      <NavbarStyleFullscreen
+      <NavbarLayoutFloatingInline
       navItems={[
         { name: "Services", id: "services" },
         { name: "About", id: "about" },
@@ -55,6 +55,8 @@ export default function LandingPage() {
       ]}
       textPosition="bottom"
       showBlur={true}
+      titleClassName="text-[#000000]"
+      descriptionClassName="text-[#1a1a1a]"
     />
   </div>