add story

Author: hhfrancois

public/src/app/app.html

@@ -40,6 +40,9 @@ <h1>AIPilot CLI</h1>
     <section class="hero-section">
       <h2 class="hero-title" i18n="@@hero.title">Control AI Agents from Your Mobile</h2>
       <p class="hero-description" i18n="@@hero.description">AIPilot CLI spawns a terminal with your favorite AI agent (Claude, Gemini, Codex) and lets you control it remotely from your mobile device.</p>
+      <div class="hero-story">
+        <img src="assets/story.png" alt="AIPilot story" loading="lazy">
+      </div>
       <div class="hero-buttons">
         <a href="#installation" class="primary-button">
           <span class="material-icons">rocket_launch</span>

public/src/app/app.scss

@@ -173,6 +173,19 @@
   animation: fadeInUp 0.5s ease-out 0.2s both;
 }
 
+.hero-story {
+  max-width: 700px;
+  margin: 0 auto 32px auto;
+  animation: fadeInUp 0.5s ease-out 0.25s both;
+
+  img {
+    width: 100%;
+    height: auto;
+    display: block;
+    border-radius: 8px;
+  }
+}
+
 .hero-buttons {
   display: flex;
   justify-content: center;