✨ Story 2.3: page accueil hero

pages/home.php

@@ -0,0 +1,48 @@
+<?php
+/**
+ * Page d'accueil
+ */
+
+require_once __DIR__ . '/../includes/functions.php';
+
+$pageTitle = 'Accueil';
+$pageDescription = 'Portfolio de développeur web full-stack. Découvrez mes projets, compétences et parcours.';
+$currentPage = 'home';
+
+include_template('header', compact('pageTitle', 'pageDescription'));
+include_template('navbar', compact('currentPage'));
+?>
+
+<main>
+    <section class="min-h-[calc(100vh-5rem)] flex items-center justify-center">
+        <div class="container-content text-center py-20">
+            <p class="text-primary font-medium mb-4 animate-fade-in">
+                Bonjour, je suis
+            </p>
+
+            <h1 class="text-display text-text-primary mb-6 animate-fade-in animation-delay-100">
+                Célian <span class="text-primary">Skycel</span>
+            </h1>
+
+            <p class="text-heading text-text-secondary mb-6 animate-fade-in animation-delay-200">
+                Développeur Web Full-Stack
+            </p>
+
+            <p class="text-xl text-text-secondary max-w-2xl mx-auto mb-10 animate-fade-in animation-delay-300">
+                Je crée des expériences web modernes, performantes et accessibles.
+                <br>Chaque projet est une opportunité de montrer plutôt que de dire.
+            </p>
+
+            <div class="flex flex-col sm:flex-row gap-4 justify-center animate-fade-in animation-delay-300">
+                <a href="/projets" class="btn-primary">
+                    Découvrir mes projets
+                </a>
+                <a href="/a-propos" class="btn-secondary">
+                    En savoir plus
+                </a>
+            </div>
+        </div>
+    </section>
+</main>
+
+<?php include_template('footer'); ?>