diff --git a/src/app/page.tsx b/src/app/page.tsx
index 268c38b..bcf839d 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -10,7 +10,7 @@ import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
 import HeroOverlay from '@/components/sections/hero/HeroOverlay';
 import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
 import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
-import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
+import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
 import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
 import { Database, Shield, Users, Zap } from "lucide-react";
 
@@ -30,15 +30,16 @@ export default function LandingPage() {
     >
       <ReactLenis root>
   <div id="nav" data-section="nav">
-      <NavbarLayoutFloatingOverlay
+      <NavbarStyleApple
+      brandName="Grupo RH"
       navItems={[
         { name: "Inicio", id: "hero" },
         { name: "Nosotros", id: "about" },
         { name: "Servicios", id: "services" },
         { name: "Clientes", id: "clients" },
+        { name: "Blog", id: "cases" },
         { name: "Contacto", id: "contact" },
       ]}
-      brandName="Grupo RH"
     />
   </div>