Initial commit

templates/core/partials/_hero.html

@@ -0,0 +1,56 @@
+  <!-- ══ HERO ══ -->
+  <section class="hero">
+    <div class="hero-text reveal">
+      
+      <h1>L'agriculture<br>de précision,<br><span>accessible.</span></h1>
+      <p>Des technologies agricoles pour cartographier, diagnostiquer et piloter avec précision.</p>
+      <div class="hero-form">
+        <input class="hero-input" type="email" placeholder="Votre adresse email">
+        <button class="btn-hero">
+          Demander une démo
+          <span class="material-icons-round" style="font-size:18px;">arrow_forward</span>
+        </button>
+      </div>
+    </div>
+    <div class="hero-visual reveal">
+      <div class="float-badge fb-1">
+        <span class="material-icons-round">satellite_alt</span>
+        NDVI · Analyse live
+      </div>
+      <div class="float-badge fb-2">
+        <span class="material-icons-round">check_circle</span>
+        +34% détection précoce
+      </div>
+      <div class="hero-mockup">
+        <div class="hero-mockup-bar">
+          <div class="hm-dot hm-d1"></div>
+          <div class="hm-dot hm-d2"></div>
+          <div class="hm-dot hm-d3"></div>
+        </div>
+        <div class="hero-card">
+          <div class="hc-icon"><span class="material-icons-round">satellite_alt</span></div>
+          <div class="hc-text">
+            <div class="hc-title">KIRIQ AI</div>
+            <div class="hc-sub">Diagnostic agricole à distance</div>
+          </div>
+          <div class="hc-arrow"><span class="material-icons-round">chevron_right</span></div>
+        </div>
+        <div class="hero-card">
+          <div class="hc-icon" style="background:#e07c00;"><span class="material-icons-round">flight</span></div>
+          <div class="hc-text">
+            <div class="hc-title">Jool Monitor</div>
+            <div class="hc-sub">Vision terrain augmentée</div>
+          </div>
+          <div class="hc-arrow"><span class="material-icons-round">chevron_right</span></div>
+        </div>
+        <div class="hero-card">
+          <div class="hc-icon" style="background:#1a6080;"><span class="material-icons-round">badge</span></div>
+          <div class="hc-text">
+            <div class="hc-title">Jool ID</div>
+            <div class="hc-sub">Gestion digitale des producteurs</div>
+          </div>
+          <div class="hc-arrow"><span class="material-icons-round">chevron_right</span></div>
+        </div>
+      </div>
+    </div>
+  </section>