diff --git a/src/app/contact/page.tsx b/src/app/contact/page.tsx
index 03ddc32..3a27ba6 100644
--- a/src/app/contact/page.tsx
+++ b/src/app/contact/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 ContactCenter from "@/components/sections/contact/ContactCenter";
 import FaqSplitText from "@/components/sections/faq/FaqSplitText";
 import SplitAbout from "@/components/sections/about/SplitAbout";
@@ -10,9 +10,9 @@ import FooterBaseCard from "@/components/sections/footer/FooterBaseCard";
 import { Mail, MapPin, Phone } 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 = [
@@ -73,12 +73,7 @@ export default function ContactPage() {
       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="contact-info" data-section="contact-info">