diff --git a/src/app/page.tsx b/src/app/page.tsx
index f3f8339..d45af4b 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -2,7 +2,7 @@
 
 import Link from "next/link";
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
-import NavbarStyleFullscreen from "@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen";
+import NavbarStyleApple from "@/components/navbar/NavbarStyleApple/NavbarStyleApple";
 import HeroCentered from "@/components/sections/hero/HeroCentered";
 import ProductCardOne from "@/components/sections/product/ProductCardOne";
 import SplitAbout from "@/components/sections/about/SplitAbout";
@@ -13,9 +13,9 @@ import FooterBaseCard from "@/components/sections/footer/FooterBaseCard";
 import { Camera, Trophy, Image as ImageIcon, Heart } from "lucide-react";
 
 const navItems = [
-  { name: "Concours photo", id: "contests" },
-  { name: "Classement", id: "rankings" },
-  { name: "À propos", id: "about" },
+  { name: "Concours photo", id: "/concours" },
+  { name: "Classement", id: "/classements" },
+  { name: "À propos", id: "/a-propos" },
 ];
 
 const footerColumns = [
@@ -76,12 +76,7 @@ export default function HomePage() {
       headingFontWeight="bold"
     >
       <div id="nav" data-section="nav">
-        <NavbarStyleFullscreen
-          navItems={navItems}
-          brandName="Vote Gear"
-          bottomLeftText="Communauté Automobile"
-          bottomRightText="votegear@example.com"
-        />
+        <NavbarStyleApple navItems={navItems} brandName="Vote Gear" />
       </div>
 
       <div id="hero" data-section="hero">