57 lines
2.3 KiB
HTML
57 lines
2.3 KiB
HTML
<!-- ══ 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>
|