refonte: portfolio statique Astro (design moderne développeur)

- Remplace l'ancien Astro hybrid + admin par un site one-page statique (sortie static)
- Thème clair/sombre sans flash, contenu typé (src/data/content.ts), zéro admin
- Icônes simple-icons (SVG monochrome), polices auto-hébergées (RGPD)
- SEO complet : canonical, Open Graph, Twitter Card, JSON-LD Person, robots.txt, sitemap.xml, image OG 1200x630
- CI Gitea de déploiement FTPS vers Plesk (.gitea/workflows/prod.yml)

src/components/Hero.astro

@@ -0,0 +1,41 @@
+---
+import Icon from "./Icon.astro";
+import { profile, social, terminalText } from "../data/content";
+---
+<section class="section container hero">
+  <div class="hero-grid">
+    <div>
+      <span class="badge"><span class="badge-dot"></span>Ouvert aux opportunités</span>
+      <h1>{profile.name}</h1>
+      <p class="hero-role">{profile.role}</p>
+      <p class="hero-lede">{profile.lede}</p>
+
+      <div class="cta-row">
+        <a class="btn btn-primary" href="/cv.pdf" download>
+          <Icon name="download" size={16} /> Télécharger mon CV
+        </a>
+        <a class="btn btn-secondary" href="#projets">
+          Voir mes projets <Icon name="arrow" size={16} />
+        </a>
+      </div>
+
+      <div class="social-row">
+        <a class="social-link" href={social.github} target="_blank" rel="noopener" aria-label="GitHub"><Icon name="github" /></a>
+        <a class="social-link" href={social.gitea} target="_blank" rel="noopener" aria-label="Gitea auto-hébergé"><Icon name="gitea" /></a>
+        <a class="social-link" href={social.linkedin} target="_blank" rel="noopener" aria-label="LinkedIn"><Icon name="linkedin" /></a>
+        <a class="social-link" href={`mailto:${social.email}`} aria-label="Envoyer un email"><Icon name="mail" /></a>
+      </div>
+    </div>
+
+    <div class="terminal">
+      <div class="terminal-bar">
+        <span class="dot dot-r"></span>
+        <span class="dot dot-y"></span>
+        <span class="dot dot-g"></span>
+        <span class="terminal-label">johanleroy.fr ~ %</span>
+        <img class="terminal-avatar" src="/images/profil/pp2.png" alt="Photo de Johan Leroy" width="28" height="28" loading="lazy" />
+      </div>
+      <pre class="terminal-body"><span id="typed">{terminalText}</span><span class="caret" aria-hidden="true"></span></pre>
+    </div>
+  </div>
+</section>