- Lien pour première section

Author: Martzcode

index.html

@@ -115,7 +115,7 @@
 
     <main id="scroll-container">
         <!-- Hero Section -->
-        <section
+        <section id="home"
             class="min-h-screen flex flex-col justify-center px-8 transition-all duration-300 opacity-20 translate-y-2.5 active-focus:opacity-100 active-focus:translate-y-0">
             <div class="container mx-auto max-w-[1100px]">
                 <div class="max-w-3xl">
@@ -303,7 +303,7 @@ <h2 class="text-4xl md:text-5xl font-extrabold mb-2">Expériences</h2>
                                     class="inline-block px-4 py-1.5 rounded-full bg-primary/10 text-primary font-bold text-sm">
                                     Août 2025 - Présent</div>
                                 <h3 class="text-3xl md:text-4xl font-extrabold leading-tight">Développeur Fullstack</h3>
-                                <div class="text-xl font-medium text-secondary">Calyps - Portfolio Prédictif</div>
+                                <div class="text-xl font-medium text-secondary">Calyps</div>
                             </div>
                             <div class="md:w-2/3 space-y-6">
                                 <p class="text-lg md:text-xl text-text-dim leading-relaxed">

site/components/mobile-nav.html

@@ -5,6 +5,8 @@
     <div class="absolute inset-0 backdrop-blur-xl"></div>
 
     <div class="relative z-10 flex flex-col items-center gap-6 w-full px-8">
+        <a href="#home"
+            class="w-full max-w-xs py-4 text-center text-2xl font-bold border border-border-color rounded-2xl bg-bg-card/50 hover:bg-primary hover:text-white transition-all">Accueil</a>
         <a href="#skills"
             class="w-full max-w-xs py-4 text-center text-2xl font-bold border border-border-color rounded-2xl bg-bg-card/50 hover:bg-primary hover:text-white transition-all">Compétences</a>
         <a href="#experience"

site/components/navbar.html

@@ -1,12 +1,13 @@
 <nav
     class="fixed top-0 w-full py-6 z-[1000] bg-bg-main/85 backdrop-blur-md border-b border-border-color transition-all duration-300">
     <div class="container mx-auto px-8 flex justify-between items-center max-w-[1100px]">
-        <div class="logo font-extrabold text-[1.3rem] flex items-center gap-2">
-            <span class="w-6 h-6 bg-primary inline-block"
+        <a href="#home"
+            class="logo font-extrabold text-[1.3rem] flex items-center gap-2 group transition-all duration-300 hover:scale-105 active:scale-95">
+            <span class="w-6 h-6 bg-primary inline-block transition-transform duration-300 group-hover:rotate-12"
                 style="mask: url('assets/icons/terminal-icon.svg') no-repeat center / contain; -webkit-mask: url('assets/icons/terminal-icon.svg') no-repeat center / contain;"
                 aria-hidden="true"></span>
             <span class="bg-gradient-to-r from-primary to-secondary bg-clip-text text-transparent">Martzcode</span>
-        </div>
+        </a>
 
         <ul class="nav-menu hidden md:flex gap-10 list-none transition-all duration-300" id="nav-menu">
             <li><a href="#skills"