diff --git a/src/app/terms-of-service/page.tsx b/src/app/terms-of-service/page.tsx
index 5d99383..bfb9c68 100644
--- a/src/app/terms-of-service/page.tsx
+++ b/src/app/terms-of-service/page.tsx
@@ -1,7 +1,7 @@
 "use client";
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
-import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline";
+import NavbarStyleCentered from "@/components/navbar/NavbarStyleCentered/NavbarStyleCentered";
 import LegalSection from "@/components/legal/LegalSection";
 import ReactLenis from "lenis/react";
 
@@ -20,18 +20,18 @@ export default function TermsPage() {
       headingFontWeight="semibold"
     >
       <ReactLenis root>
-        <div className="bg-[#E7DFD1] py-8">
-          <NavbarLayoutFloatingInline
+        <div id="nav" data-section="nav" className="bg-[#E7DFD1] py-8">
+          <NavbarStyleCentered
             brandName="Cartagena Pet Delivery"
             navItems={[
               { name: "Home", id: "/" },
               { name: "Services", id: "/#services" },
               { name: "Contacto", id: "/#contact" },
             ]}
-            button={{ text: "WhatsApp ", href: "https://wa.me/573011471991" }}
+            button={{ text: "WhatsApp", href: "https://wa.me/573011471991" }}
           />
         </div>
-        <div className="bg-[#E7DFD1] py-16">
+        <div id="legal" data-section="legal" className="bg-[#E7DFD1] py-16">
           <div className="max-w-4xl mx-auto px-4">
             <LegalSection
               layout="page"