🏠 Feature: Page d'accueil Hero + CTA mobile amélioré

Stories 2.2 & 2.3:
- Hero section avec nom, titre, accroche et CTA
- Typographie responsive (text-4xl → text-display)
- Animations fade-in avec délais progressifs
- CTA mobile full-width avec séparateur visuel
- Boutons "Découvrir mes projets" et "En savoir plus"

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>

templates/navbar.php

@@ -68,12 +68,20 @@ $navLinks = [
         <div id="mobile-menu" class="lg:hidden hidden" aria-hidden="true">
             <ul class="py-4 space-y-2 border-t border-border">
                 <?php foreach ($navLinks as $link): ?>
-                    <li>
-                        <a href="<?= $link['url'] ?>"
-                           class="block py-3 px-4 rounded-lg <?= $currentPage === $link['id'] ? 'bg-surface text-primary' : 'text-text-secondary hover:bg-surface hover:text-text-primary' ?> transition-colors">
-                            <?= $link['label'] ?>
-                        </a>
-                    </li>
+                    <?php if (!empty($link['isCta'])): ?>
+                        <li class="pt-2 border-t border-border mt-2">
+                            <a href="<?= $link['url'] ?>" class="btn-primary w-full justify-center">
+                                <?= $link['label'] ?>
+                            </a>
+                        </li>
+                    <?php else: ?>
+                        <li>
+                            <a href="<?= $link['url'] ?>"
+                               class="block py-3 px-4 rounded-lg <?= $currentPage === $link['id'] ? 'bg-surface text-primary' : 'text-text-secondary hover:bg-surface hover:text-text-primary' ?> transition-colors">
+                                <?= $link['label'] ?>
+                            </a>
+                        </li>
+                    <?php endif; ?>
                 <?php endforeach; ?>
             </ul>
         </div>