isracool/JooL_website
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

nouvelle version des textes

Browse Source
This commit is contained in:
ifaryd
2026-06-08 13:00:54 +00:00
parent c0ec5c98dd
commit 575c184bb8
27 changed files with 3794 additions and 1227 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
templates/core/partials/_cta_final.html
View File

@@ -4,8 +4,8 @@
<div class="deco deco-l">J</div>
<div class="deco deco-r">L</div>
<div class="section-inner">
<h2 class="cta-final-h reveal">{% blocktrans %}Transformez votre exploitation<br>agricole dès aujourd'hui.{% endblocktrans %}</h2>
<p class="cta-final-sub reveal">{% trans "Rejoignez les industriels et coopératives qui font confiance à Jool International." %}</p>
<h2 class="cta-final-h reveal">{% blocktrans %}Mieux voir. Mieux décider. Mieux agir.{% endblocktrans %}</h2>
<p class="cta-final-sub reveal">{% blocktrans %}Découvrez comment l'intelligence artificielle, l'imagerie satellitaire, les drones et les opérations terrain de JooL peuvent transformer la gestion de vos exploitations agricoles.{% endblocktrans %}</p>
<form id="contact-form" class="cta-form reveal" novalidate>
{% csrf_token %}

119
templates/core/partials/_faq.html
View File

@@ -1,59 +1,70 @@
{% load i18n %}
<!-- ══ FAQ ══ -->
<section class="s-faq" id="faq">
<div class="section-inner">
<h2 class="faq-h reveal">{% trans "Questions ? Réponses." %}</h2>
<p class="faq-sub reveal">{% trans "Tout ce que vous devez savoir sur nos solutions AgriTech." %}</p>
<div class="faq-wrap">
<!-- ══ FAQ ══ -->
<section class="s-faq" id="faq">
<div class="section-inner">
<h2 class="faq-h reveal">{% trans "Questions ? Réponses." %}</h2>
<p class="faq-sub reveal">{% trans "Tout ce que vous devez savoir sur nos solutions AgriTech." %}</p>
<div class="faq-wrap">
<div class="faq-item reveal">
<div class="faq-q" onclick="toggleFaq(this)">
{% trans "Faut-il une connexion internet sur le terrain pour utiliser vos solutions ?" %}
<span class="material-icons-round">add</span>
</div>
<div class="faq-a">{% blocktrans %}Non. Nos applications mobiles fonctionnent en mode hors-ligne. Les données se synchronisent automatiquement dès qu'une connexion est disponible idéal pour les zones rurales à connectivité limitée.{% endblocktrans %}</div>
<div class="faq-item reveal">
<div class="faq-q" onclick="toggleFaq(this)">
{% trans "Faut-il une connexion internet sur le terrain pour utiliser vos solutions ?" %}
<span class="material-icons-round">add</span>
</div>
<div class="faq-item reveal">
<div class="faq-q" onclick="toggleFaq(this)">
{% trans "Quelle est la différence entre KIRIQ AI et Jool Monitor ?" %}
<span class="material-icons-round">add</span>
</div>
<div class="faq-a">{% blocktrans %}KIRIQ AI analyse via satellite à grande échelle (milliers d'hectares) avec une fréquence régulière. Jool Monitor utilise des drones pour une précision centimétrique sur des zones ciblées. Les deux sont complémentaires : KIRIQ détecte les anomalies, Jool Monitor les confirme avec précision.{% endblocktrans %}</div>
</div>
<div class="faq-item reveal">
<div class="faq-q" onclick="toggleFaq(this)">
{% trans "Quels types de cultures sont pris en charge ?" %}
<span class="material-icons-round">add</span>
</div>
<div class="faq-a">{% blocktrans %}Nos solutions sont optimisées pour le palmier à huile, l'hévéa, le cacao, le café et les grandes cultures vivrières. Nos modèles IA peuvent être adaptés à d'autres cultures tropicales sur demande.{% endblocktrans %}</div>
</div>
<div class="faq-item reveal">
<div class="faq-q" onclick="toggleFaq(this)">
{% trans "Combien de temps pour recevoir les résultats après un vol drone ?" %}
<span class="material-icons-round">add</span>
</div>
<div class="faq-a">{% blocktrans %}Les rapports Jool Monitor sont livrés sous 24 à 48 heures après le vol. Pour KIRIQ AI, les données satellitaires sont traitées et disponibles en temps quasi-réel selon la couverture nuageuse.{% endblocktrans %}</div>
</div>
<div class="faq-item reveal">
<div class="faq-q" onclick="toggleFaq(this)">
{% trans "Jool ID est-il compatible avec nos systèmes existants ?" %}
<span class="material-icons-round">add</span>
</div>
<div class="faq-a">{% blocktrans %}Oui. Jool ID dispose d'une API ouverte permettant l'intégration avec vos ERP, bases de données et outils de gestion existants. Notre équipe technique assure l'accompagnement à l'intégration.{% endblocktrans %}</div>
</div>
<div class="faq-item reveal">
<div class="faq-q" onclick="toggleFaq(this)">
{% trans "Où télécharger les applications mobiles ?" %}
<span class="material-icons-round">add</span>
</div>
<div class="faq-a">{% blocktrans %}Nos applications sont disponibles sur l'App Store (iOS) et Google Play (Android). Contactez-nous pour obtenir votre accès entreprise et la configuration adaptée à votre exploitation.{% endblocktrans %}</div>
</div>
<div class="faq-a">{% blocktrans %}Non. Nos applications mobiles fonctionnent en mode hors-ligne. Les données se synchronisent automatiquement dès qu'une connexion est disponible. Idéal pour les zones rurales à connectivité limitée.{% endblocktrans %}</div>
</div>
<div class="faq-item reveal">
<div class="faq-q" onclick="toggleFaq(this)">
{% trans "Quelle est la différence entre KIRiQ Ai et JooL Monitor ?" %}
<span class="material-icons-round">add</span>
</div>
<div class="faq-a">
<p>{% blocktrans %}<strong>KIRiQ Ai</strong> est notre solution de monitoring satellitaire à grande échelle. Elle permet de suivre des milliers d'hectares simultanément grâce à l'imagerie satellitaire et à l'intelligence artificielle, avec une fréquence de mise à jour régulière, sans nécessiter le déplacement d'équipes sur le terrain. Résultat : un suivi continu, rapide et extrêmement scalable, à un coût 10 à 15 fois inférieur à une intervention drone.{% endblocktrans %}</p>
<p style="margin-top:12px;">{% blocktrans %}<strong>JooL Monitor</strong> est notre service de cartographie aérienne de précision par drone. Nos équipes de pilotes certifiés se déplacent sur le terrain pour capturer des images très haute résolution et produire des cartes détaillées des plantations. Cette technologie permet d'obtenir un niveau de précision largement supérieur au satellite et d'analyser avec finesse l'état des cultures, la densité, les manques, les zones affectées ou les problématiques agronomiques spécifiques.{% endblocktrans %}</p>
<p style="margin-top:12px;font-weight:700;">{% trans "En résumé" %}</p>
<ul style="margin:8px 0 12px 18px;display:flex;flex-direction:column;gap:4px;">
<li>{% trans "KIRiQ Ai surveille de vastes superficies depuis l'espace grâce aux satellites et à l'IA." %}</li>
<li>{% trans "JooL Monitor cartographie les plantations depuis le ciel grâce aux drones." %}</li>
<li>{% trans "KIRiQ Ai permet une surveillance continue, rapide et à faible coût." %}</li>
<li>{% trans "JooL Monitor fournit une vision ultra-précise lorsqu'une analyse détaillée est nécessaire." %}</li>
</ul>
<p>{% blocktrans %}<strong>KIRiQ Ai</strong> donne une vue continentale. <strong>JooL Monitor</strong> donne une vue terrain. Ensemble, ils permettent aux agriculteurs, assureurs, banques et agro-industriels de prendre des décisions plus rapides, plus précises et mieux informées.{% endblocktrans %}</p>
</div>
</div>
<div class="faq-item reveal">
<div class="faq-q" onclick="toggleFaq(this)">
{% trans "Quels types de cultures sont pris en charge ?" %}
<span class="material-icons-round">add</span>
</div>
<div class="faq-a">
<p>{% blocktrans %}Nos solutions sont optimisées pour le palmier à huile, l'hévéa, le cacao, le café, le maïs, les bananes, l'anacarde ainsi que les grandes cultures vivrières.{% endblocktrans %}</p>
<p style="margin-top:10px;">{% blocktrans %}Nos modèles d'IA sont conçus pour les cultures tropicales africaines et peuvent être adaptés à d'autres cultures spécifiques sur demande.{% endblocktrans %}</p>
</div>
</div>
<div class="faq-item reveal">
<div class="faq-q" onclick="toggleFaq(this)">
{% trans "Combien de temps pour recevoir les résultats après un vol de drone ?" %}
<span class="material-icons-round">add</span>
</div>
<div class="faq-a">
<p>{% blocktrans %}KIRiQ Ai fournit des analyses satellitaires en quasi temps réel, selon la disponibilité des images et la couverture nuageuse.{% endblocktrans %}</p>
<p style="margin-top:10px;">{% blocktrans %}Les rapports JooL Monitor sont généralement livrés sous 24 à 48 heures après le vol.{% endblocktrans %}</p>
</div>
</div>
<div class="faq-item reveal">
<div class="faq-q" onclick="toggleFaq(this)">
{% trans "Jool ID est-il compatible avec nos systèmes existants ?" %}
<span class="material-icons-round">add</span>
</div>
<div class="faq-a">{% blocktrans %}Oui. Jool ID dispose d'une API ouverte permettant l'intégration avec vos ERP, bases de données et outils de gestion existants. Notre équipe technique vous accompagne durant tout le processus d'intégration.{% endblocktrans %}</div>
</div>
</div>
</section>
</div>
</section>

78
templates/core/partials/_features.html
View File

@@ -1,43 +1,39 @@
<!-- ══ FEATURES ══ -->
<section class="s-features">
<div class="section-inner">
<h2 class="feat-title reveal">La solution <em>rapide, fiable</em><br>et puissante pour l'agriculture.</h2>
<div class="feat-grid">
<div class="feat-card reveal">
<div class="feat-icon-wrap"><span class="material-icons-round">speed</span></div>
<h3>Résultats en 24h</h3>
<p>Du vol drone au rapport final en moins de 24 heures. Des données exploitables dès le lendemain de
l'acquisition.</p>
</div>
<div class="feat-card reveal">
<div class="feat-icon-wrap"><span class="material-icons-round">hub</span></div>
<h3>Écosystème intégré</h3>
<p>KIRIQ AI, Jool Monitor et Jool ID communiquent entre eux. Une vision unifiée de toutes vos exploitations.
</p>
</div>
<div class="feat-card reveal">
<div class="feat-icon-wrap"><span class="material-icons-round">offline_bolt</span></div>
<h3>Mode hors-ligne</h3>
<p>Nos applications fonctionnent sans connexion. Idéal pour les zones rurales à connectivité limitée en
Afrique.</p>
</div>
<div class="feat-card reveal">
<div class="feat-icon-wrap"><span class="material-icons-round">verified_user</span></div>
<h3>Données certifiées</h3>
<p>Traçabilité complète et données conformes aux exigences des certifications internationales (RSPO, ISO,
etc.).</p>
</div>
<div class="feat-card reveal">
<div class="feat-icon-wrap"><span class="material-icons-round">insights</span></div>
<h3>IA agronomique</h3>
<p>Modèles d'IA entraînés spécifiquement sur les cultures tropicales africaines pour une précision maximale.
</p>
</div>
<div class="feat-card reveal">
<div class="feat-icon-wrap"><span class="material-icons-round">support_agent</span></div>
<h3>Support dédié</h3>
<p>Une équipe d'experts agronomes et techniques disponible pour vous accompagner à chaque étape.</p>
</div>
{% load i18n %}
<!-- ══ FEATURES ══ -->
<section class="s-features">
<div class="section-inner">
<h2 class="feat-title reveal">{% blocktrans %}La solution <span style="color:#2ec99e;">Rapide</span>, <span style="color:#2ec99e;">Fiable</span><br>et <span style="color:#2ec99e;">Puissante</span> pour l'agriculture.{% endblocktrans %}</h2>
<div class="feat-grid">
<div class="feat-card reveal">
<div class="feat-icon-wrap"><span class="material-icons-round">speed</span></div>
<h3>{% trans "Résultats en moins de 1 heure" %}</h3>
<p>{% trans "De la capture d'image par satellite au rapport final exploitable en une heure. Une prise de décision rapide et fiable le temps d'un café." %}</p>
</div>
<div class="feat-card reveal">
<div class="feat-icon-wrap"><span class="material-icons-round">hub</span></div>
<h3>{% trans "Écosystème intégré" %}</h3>
<p>{% trans "KIRiQ Ai, Jool Monitor et Jool ID communiquent entre eux. Une vision unifiée de toutes vos exploitations." %}</p>
</div>
<div class="feat-card reveal">
<div class="feat-icon-wrap"><span class="material-icons-round">offline_bolt</span></div>
<h3>{% trans "Mode Hors-ligne" %}</h3>
<p>{% trans "Notre application pour la collecte de données terrain fonctionne dans les zones à connectivité réduite (ou nulle) en Côte d'Ivoire mais aussi en Afrique." %}</p>
</div>
<div class="feat-card reveal">
<div class="feat-icon-wrap"><span class="material-icons-round">satellite_alt</span></div>
<h3>{% trans "Monitoring intelligent" %}</h3>
<p>{% trans "Surveillance continue des exploitations grâce aux données satellites, drones et terrain synchronisées." %}</p>
</div>
<div class="feat-card reveal">
<div class="feat-icon-wrap"><span class="material-icons-round">insights</span></div>
<h3>{% trans "IA agronomique" %}</h3>
<p>{% trans "Modèles d'IA entraînés spécifiquement sur les cultures tropicales africaines pour une précision maximale." %}</p>
</div>
<div class="feat-card reveal">
<div class="feat-icon-wrap"><span class="material-icons-round">support_agent</span></div>
<h3>{% trans "Support dédié" %}</h3>
<p>{% trans "Une équipe d'experts agronomes et techniques disponible pour vous accompagner à chaque étape." %}</p>
</div>
</div>
</section>
</div>
</section>

76
templates/core/partials/_footer.html
View File

@@ -1,42 +1,44 @@
{% load i18n %}
<!-- ══ FOOTER ══ -->
<footer>
<div class="footer-inner">
<div class="footer-grid">
<div class="footer-brand">
<div class="footer-logo-wrap">
{% load static %}
<img src="{% static 'img/logo.png' %}" alt="Jool International" style="height:34px;width:auto;filter:brightness(0) invert(1);opacity:0.85;">
</div>
<p>{% trans "L'intelligence artificielle au service de l'agriculture africaine. Satellite, drone et digitalisation pour optimiser vos exploitations agricoles." %}</p>
</div>
<div class="footer-col">
<h4>{% trans "Solutions" %}</h4>
<a href="{% url 'core:kiriq' %}">KIRIQ AI</a>
<a href="{% url 'core:monitor' %}">Jool Monitor</a>
<a href="{% url 'core:joolid' %}">Jool ID</a>
<a href="{% url 'core:monagro' %}">Mon Agro</a>
</div>
<div class="footer-col">
<h4>{% trans "Entreprise" %}</h4>
<a href="{% url 'core:about' %}">{% trans "À propos" %}</a>
{% if careers_enabled %}
<a href="{% url 'careers:job_list' %}">{% trans "Carrières" %}</a>
{% endif %}
</div>
<div class="footer-col">
<h4>Contact</h4>
<a href="mailto:info@jool-int.com">Email: info@jool-int.com</a>
<a href="#">Tel: +225 27 22 557 825</a>
<a href="#">Mob: +225 07 99 899 836</a>
<a href="https://www.linkedin.com/company/jool-international/posts/?feedView=all" target="_blank">LinkedIn: Jool International</a>
<!-- ══ FOOTER ══ -->
<footer>
<div class="footer-inner">
<div class="footer-grid">
<div class="footer-brand">
<div class="footer-logo-wrap">
{% load static %}
<img src="{% static 'img/logo.png' %}" alt="Jool International"
style="height:34px;width:auto;filter:brightness(0) invert(1);opacity:0.85;">
</div>
<p>{% trans "L'intelligence artificielle au service de l'agriculture africaine. Satellite, drone et digitalisation pour optimiser vos exploitations agricoles." %}</p>
</div>
<div class="footer-bottom">
<span>©<span id="year"></span> Jool International. {% trans "Tous droits réservés." %}</span>
<a href="{% url 'core:privacy' %}" style="color:#888;font-size:13px;text-decoration:none;">{% trans "Politique de confidentialité" %}</a>
<script>
document.getElementById("year").textContent = new Date().getFullYear();
</script>
<div class="footer-col">
<h4>{% trans "Solutions" %}</h4>
<a href="{% url 'core:kiriq' %}">KIRiQ Ai</a>
<a href="{% url 'core:monitor' %}">Jool Monitor</a>
<a href="{% url 'core:joolid' %}">Jool ID</a>
<a href="{% url 'core:monagro' %}">Mon Agro</a>
</div>
<div class="footer-col">
<h4>{% trans "Entreprise" %}</h4>
<a href="{% url 'core:about' %}">{% trans "À propos" %}</a>
{% if careers_enabled %}
<a href="{% url 'careers:job_list' %}">{% trans "Carrières" %}</a>
{% endif %}
</div>
<div class="footer-col">
<h4>Contact</h4>
<a href="mailto:info@jool-int.com">Email: info@jool-int.com</a>
<a href="#">Tel: +225 27 22 557 825</a>
<a href="#">Mob: +225 07 99 899 836</a>
<a href="https://www.linkedin.com/company/jool-international/posts/?feedView=all" target="_blank">LinkedIn: Jool
International</a>
</div>
</div>
<div class="footer-bottom">
<span>©<span id="year"></span> Jool International. {% trans "Tous droits réservés." %}</span>
<a href="{% url 'core:privacy' %}" style="color:#888;font-size:13px;text-decoration:none;">{% trans "Politique de confidentialité" %}</a>
<script>
document.getElementById("year").textContent = new Date().getFullYear();
</script>
</div>
</div>

147
templates/core/partials/_hero.html
View File

@@ -1,81 +1,84 @@
{% load i18n %}
<!-- ══ HERO ══ -->
<section class="hero">
<div class="hero-text reveal">
<h1>{% blocktrans %}L'agriculture n'a plus<br><span>de zones d'ombre.</span>{% endblocktrans %}</h1>
<p>{% blocktrans %}JooL révèle ce que chaque hectare cache : risques, anomalies, potentiel et décisions à prendre grâce à l'IA,<br> au satellite et aux drones.{% endblocktrans %}</p>
<div class="hero-form">
<input id="hero-email" class="hero-input" type="email" placeholder="{% trans 'Votre adresse email' %}">
<button id="hero-demo-btn" class="btn-hero" type="button">
{% trans "Demander une démo" %}
<span class="material-icons-round" style="font-size:18px;">arrow_forward</span>
</button>
</div>
<script>
document.getElementById('hero-demo-btn').addEventListener('click', function () {
const email = document.getElementById('hero-email').value.trim();
const target = document.getElementById('contact');
if (target) {
target.scrollIntoView({ behavior: 'smooth' });
if (email) {
setTimeout(function () {
const contactEmail = document.querySelector('#contact-form input[name="email"]');
if (contactEmail) contactEmail.value = email;
const lastName = document.querySelector('#contact-form input[name="last_name"]');
if (lastName) lastName.focus();
}, 600);
}
}
});
</script>
<!-- ══ HERO ══ -->
<section class="hero">
<div class="hero-text reveal">
<h1>
<span class="hero-h1-line">{% trans "L'agriculture n'a plus" %}</span>
<span class="hero-h1-line hero-h1-accent">{% trans "de zones d'ombre." %}</span>
</h1>
<p>{% blocktrans %}JooL révèle ce que chaque hectare cache : risques, anomalies, potentiel et décisions à prendre grâce à l'IA, l’imagerie satellite et les drones.{% endblocktrans %}</p>
<div class="hero-form">
<input id="hero-email" class="hero-input" type="email" placeholder="{% trans 'Votre adresse email' %}">
<button id="hero-demo-btn" class="btn-hero" type="button">
{% trans "Demander une démo" %}
<span class="material-icons-round" style="font-size:18px;">arrow_forward</span>
</button>
</div>
<div class="hero-visual reveal">
<div class="float-badge fb-1">
<span class="material-icons-round">satellite_alt</span>
{% trans "NDVI · Analyse live" %}
<script>
document.getElementById('hero-demo-btn').addEventListener('click', function () {
const email = document.getElementById('hero-email').value.trim();
const target = document.getElementById('contact');
if (target) {
target.scrollIntoView({ behavior: 'smooth' });
if (email) {
setTimeout(function () {
const contactEmail = document.querySelector('#contact-form input[name="email"]');
if (contactEmail) contactEmail.value = email;
const lastName = document.querySelector('#contact-form input[name="last_name"]');
if (lastName) lastName.focus();
}, 600);
}
}
});
</script>
</div>
<div class="hero-visual reveal">
<div class="float-badge fb-1">
<span class="material-icons-round">satellite_alt</span>
{% trans "NDVI · Analyse live" %}
</div>
<div class="float-badge fb-2">
<span class="material-icons-round">check_circle</span>
{% trans "Diagnostic en moins de 2h" %}
</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="float-badge fb-2">
<span class="material-icons-round">check_circle</span>
{% trans "Diagnostic en moins de 2h" %}
<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">{% trans "Risques détectés, rapport disponible" %}</div>
</div>
<div class="hc-arrow"><span class="material-icons-round">chevron_right</span></div>
</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 class="hero-card">
<div class="hc-icon" style="background:#e07c00;"><span class="material-icons-round">camera</span></div>
<div class="hc-text">
<div class="hc-title">Jool Monitor</div>
<div class="hc-sub">{% trans "Carte drone prête" %}</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">{% trans "Risques détectés, rapport disponible" %}</div>
</div>
<div class="hc-arrow"><span class="material-icons-round">chevron_right</span></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">{% trans "Producteur géoréférencé" %}</div>
</div>
<div class="hero-card">
<div class="hc-icon" style="background:#e07c00;"><span class="material-icons-round">camera</span></div>
<div class="hc-text">
<div class="hc-title">Jool Monitor</div>
<div class="hc-sub">{% trans "Carte drone prête" %}</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">{% trans "Producteur géoréférencé" %}</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:#806c1a;"><span class="material-icons-round">person</span></div>
<div class="hc-text">
<div class="hc-title">Mon Agro</div>
<div class="hc-sub">{% trans "Agronome disponible" %}</div>
</div>
<div class="hc-arrow"><span class="material-icons-round">chevron_right</span></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:#806c1a;"><span class="material-icons-round">person</span></div>
<div class="hc-text">
<div class="hc-title">Mon Agro</div>
<div class="hc-sub">{% trans "Agronome disponible" %}</div>
</div>
<div class="hc-arrow"><span class="material-icons-round">chevron_right</span></div>
</div>
</div>
</section>
</div>
</section>

120
templates/core/partials/_nav.html
View File

@@ -1,64 +1,68 @@
{% load i18n i18n_switch %}
<!-- ══ NAV ══ -->
<nav id="main-nav">
<div class="nav-topbar">
<a href="{% url 'core:home' %}" class="nav-logo">
{% load static %}
<img src="{% static 'img/logo.png' %}" alt="Jool International" style="height:38px;width:auto;">
</a>
<nav id="main-nav">
<div class="nav-topbar">
<a href="{% url 'core:home' %}" class="nav-logo">
{% load static %}
<img src="{% static 'img/logo.png' %}" alt="Jool International" style="height:38px;width:auto;">
</a>
<ul class="nav-links" id="nav-links">
<li><a href="{% url 'core:kiriq' %}">KIRIQ AI</a></li>
<li><a href="{% url 'core:monitor' %}">Jool Monitor</a></li>
<li><a href="{% url 'core:joolid' %}">Jool ID</a></li>
<li><a href="{% url 'core:monagro' %}">Mon Agro</a></li>
<li><a href="{% url 'core:about' %}">{% trans "À propos" %}</a></li>
{% if careers_enabled %}
<li>
<a href="{% url 'careers:job_list' %}">
{% trans "Carrières" %}{% if open_jobs_count %} <span style="background:var(--teal);color:#fff;border-radius:100px;font-size:11px;padding:1px 7px;margin-left:4px;">{{ open_jobs_count }}</span>{% endif %}
</a>
</li>
{% endif %}
</ul>
<ul class="nav-links" id="nav-links">
<li><a href="{% url 'core:kiriq' %}">KIRiQ Ai</a></li>
<li><a href="{% url 'core:monitor' %}">Jool Monitor</a></li>
<li><a href="{% url 'core:joolid' %}">Jool ID</a></li>
<li><a href="{% url 'core:monagro' %}">Mon Agro</a></li>
<li><a href="{% url 'core:about' %}">{% trans "À propos" %}</a></li>
{% if careers_enabled %}
<li>
<a href="{% url 'careers:job_list' %}">
{% trans "Carrières" %}{% if open_jobs_count %} <span
style="background:var(--teal);color:#fff;border-radius:100px;font-size:11px;padding:1px 7px;margin-left:4px;">{{
open_jobs_count }}</span>{% endif %}
</a>
</li>
{% endif %}
</ul>
<!-- Switcher de langue -->
{% get_current_language as CURRENT_LANG %}
{% switch_lang_url 'fr' as fr_url %}
{% switch_lang_url 'en' as en_url %}
<div class="lang-switcher">
<a href="{{ fr_url }}" class="lang-btn {% if CURRENT_LANG == 'fr' %}lang-active{% endif %}">FR</a>
<a href="{{ en_url }}" class="lang-btn {% if CURRENT_LANG == 'en' %}lang-active{% endif %}">EN</a>
</div>
<button class="nav-hamburger" id="nav-hamburger" aria-label="{% trans 'Menu' %}" aria-expanded="false">
<span></span>
<span></span>
<span></span>
</button>
<!-- Switcher de langue -->
{% get_current_language as CURRENT_LANG %}
{% switch_lang_url 'fr' as fr_url %}
{% switch_lang_url 'en' as en_url %}
<div class="lang-switcher">
<a href="{{ fr_url }}" class="lang-btn {% if CURRENT_LANG == 'fr' %}lang-active{% endif %}">FR</a>
<a href="{{ en_url }}" class="lang-btn {% if CURRENT_LANG == 'en' %}lang-active{% endif %}">EN</a>
</div>
<div class="nav-drawer" id="nav-drawer">
<ul>
<li><a href="{% url 'core:kiriq' %}">KIRIQ AI</a></li>
<li><a href="{% url 'core:monitor' %}">Jool Monitor</a></li>
<li><a href="{% url 'core:joolid' %}">Jool ID</a></li>
<li><a href="{% url 'core:monagro' %}">Mon Agro</a></li>
<li><a href="{% url 'core:about' %}">{% trans "À propos" %}</a></li>
{% if careers_enabled %}
<li>
<a href="{% url 'careers:job_list' %}">
{% trans "Carrières" %}{% if open_jobs_count %} <span style="background:var(--teal);color:#fff;border-radius:100px;font-size:11px;padding:1px 7px;margin-left:4px;">{{ open_jobs_count }}</span>{% endif %}
</a>
</li>
{% endif %}
<!-- Switcher mobile -->
<li style="margin-top:12px;">
<div class="lang-switcher">
<a href="{{ fr_url }}" class="lang-btn {% if CURRENT_LANG == 'fr' %}lang-active{% endif %}">FR</a>
<a href="{{ en_url }}" class="lang-btn {% if CURRENT_LANG == 'en' %}lang-active{% endif %}">EN</a>
</div>
</li>
</ul>
</div>
</nav>
<button class="nav-hamburger" id="nav-hamburger" aria-label="{% trans 'Menu' %}" aria-expanded="false">
<span></span>
<span></span>
<span></span>
</button>
</div>
<div class="nav-drawer" id="nav-drawer">
<ul>
<li><a href="{% url 'core:kiriq' %}">KIRiQ Ai</a></li>
<li><a href="{% url 'core:monitor' %}">Jool Monitor</a></li>
<li><a href="{% url 'core:joolid' %}">Jool ID</a></li>
<li><a href="{% url 'core:monagro' %}">Mon Agro</a></li>
<li><a href="{% url 'core:about' %}">{% trans "À propos" %}</a></li>
{% if careers_enabled %}
<li>
<a href="{% url 'careers:job_list' %}">
{% trans "Carrières" %}{% if open_jobs_count %} <span
style="background:var(--teal);color:#fff;border-radius:100px;font-size:11px;padding:1px 7px;margin-left:4px;">{{
open_jobs_count }}</span>{% endif %}
</a>
</li>
{% endif %}
<!-- Switcher mobile -->
<li style="margin-top:12px;">
<div class="lang-switcher">
<a href="{{ fr_url }}" class="lang-btn {% if CURRENT_LANG == 'fr' %}lang-active{% endif %}">FR</a>
<a href="{{ en_url }}" class="lang-btn {% if CURRENT_LANG == 'en' %}lang-active{% endif %}">EN</a>
</div>
</li>
</ul>
</div>
</nav>

16
templates/core/partials/_section_joolid.html
View File

@@ -8,37 +8,37 @@
<span class="material-icons-round" style="font-size:13px;">badge</span>
{% trans "JOOL ID · IDENTITÉ AGRICOLE" %}
</span>
<h2 class="section-title">{% blocktrans %}Donnez une identité claire à <br><em>chaque producteur <br> et chaque parcelle.</em>{% endblocktrans %}</h2>
<p class="section-body">{% trans "JooL ID structure les données agricoles essentielles — producteurs, parcelles, cultures, surfaces, coopératives et statuts de vérification — pour créer une base fiable, traçable et exploitable à grande échelle." %}</p>
<h2 class="section-title">{% blocktrans %}Donnez une identité claire à <br>chaque producteur <br> et chaque parcelle.{% endblocktrans %}</h2>
<p class="section-body">{% trans "JooL ID structure les données agricoles essentielles : producteurs, parcelles, cultures, surfaces, coopératives et statuts de vérification, pour créer une base fiable, traçable et exploitable à grande échelle." %}</p>
<div class="uc-stack">
<div class="uc-row">
<span class="uc-num">01</span>
<div class="uc-body">
<div class="uc-title">{% trans "Identification des producteurs" %}</div>
<div class="uc-desc">{% trans "Centralisez les profils producteurs avec leurs informations clés, statuts de vérification et rattachements aux organisations agricoles." %}</div>
<div class="uc-desc">{% blocktrans %}<strong>Centralisez</strong> les profils producteurs avec leurs informations clés, statuts de vérification et rattachements aux organisations agricoles.{% endblocktrans %}</div>
</div>
</div>
<div class="uc-row">
<span class="uc-num">02</span>
<div class="uc-body">
<div class="uc-title">{% trans "Cartographie des exploitations" %}</div>
<div class="uc-desc">{% trans "Associez chaque producteur à ses parcelles, cultures, surfaces et données géographiques pour obtenir une vision claire du terrain." %}</div>
<div class="uc-desc">{% blocktrans %}<strong>Associez</strong> chaque producteur à ses parcelles, cultures, surfaces et données géographiques pour obtenir une vision claire du terrain.{% endblocktrans %}</div>
</div>
</div>
<div class="uc-row">
<span class="uc-num">03</span>
<div class="uc-body">
<div class="uc-title">{% trans "Gestion des programmes agricoles" %}</div>
<div class="uc-desc">{% trans "Suivez les coopératives, certifications, subventions, audits et projets agricoles depuis une base structurée et vérifiable." %}</div>
<div class="uc-desc">{% blocktrans %}<strong>Suivez</strong> les coopératives, certifications, subventions, audits et projets agricoles depuis une base structurée et vérifiable.{% endblocktrans %}</div>
</div>
</div>
</div>
<div class="btn-row">
<a href="https://jool-id.com/" class="btn-primary" target="_blank">
<span class="material-icons-round">east</span>
{% trans "Structurer ma base agricole" %}
{% trans "Découvrir JooL ID" %}
</a>
<a href="{% url 'core:joolid' %}" class="btn-outline-dark">{% trans "Découvrir JooL ID" %}</a>
<a href="{% url 'core:joolid' %}" class="btn-outline-dark">{% trans "En savoir plus" %}</a>
</div>
</div>
<div class="reveal">
@@ -83,7 +83,7 @@
<div style="font-size:13px;color:rgba(255,255,255,.65);">{% trans "Producteurs enregistrés" %}</div>
</div>
<div style="margin-left:auto;text-align:right;">
<div style="font-size:1.2rem;font-weight:900;font-family:var(--display);color:white;">610 000</div>
<div style="font-size:1.2rem;font-weight:900;font-family:var(--display);color:white;">600 000</div>
<div style="font-size:13px;color:rgba(255,255,255,.65);">{% trans "hectares cartographiés" %}</div>
</div>
</div>

104
templates/core/partials/_section_kiriq.html
View File

@@ -1,57 +1,61 @@
{% load i18n static %}
<!-- ══ KIRIQ AI ══ -->
<section class="section s-kiriq" id="kiriq">
<div class="section-inner">
<div class="two-col">
<div class="reveal">
<span class="section-tag tag-teal">
<span class="material-icons-round" style="font-size:13px;">satellite_alt</span>
{% trans "KIRiQ AI · SATELLITE & IA" %}
</span>
<h2 class="section-title">{% blocktrans %}Lisez l'état réel<br><em>vos parcelles.</em>{% endblocktrans %}</h2>
<p class="section-body">{% blocktrans %}KIRiQ AI transforme l'imagerie satellite en lecture parcellaire claire : anomalies, zones à risque, impact potentiel sur le rendement et recommandations. <br> Vous décidez avant que les pertes ne deviennent visibles sur le terrain.{% endblocktrans %}</p>
<div class="uc-stack">
<div class="uc-row">
<span class="uc-num">01</span>
<div class="uc-body">
<div class="uc-title">{% trans "Détection précoce des anomalies" %}</div>
<div class="uc-desc">{% trans "Repérez les signaux faibles et identifiez les zones à surveiller avant que les pertes ne deviennent visibles." %}</div>
</div>
</div>
<div class="uc-row">
<span class="uc-num">02</span>
<div class="uc-body">
<div class="uc-title">{% trans "Mesure du risque et rendement estimé" %}</div>
<div class="uc-desc">{% trans "Mesurez la sévérité des anomalies, estimez l'impact sur le rendement et priorisez les interventions les plus critiques." %}</div>
</div>
</div>
<div class="uc-row">
<span class="uc-num">03</span>
<div class="uc-body">
<div class="uc-title">{% trans "Pilotage du risque à l'échelle" %}</div>
<div class="uc-desc">{% trans "Comparez vos parcelles dans le temps, suivez l'évolution du risque et pilotez vos décisions du bloc agricole à la filière." %}</div>
</div>
{% load i18n %}
{% load static %}
<!-- ══ KIRiQ Ai ══ -->
<section class="section s-kiriq" id="kiriq">
<div class="section-inner">
<div class="two-col">
<div class="reveal">
<span class="section-tag tag-teal">
<span class="material-icons-round" style="font-size:13px;">satellite_alt</span>
{% trans "KIRiQ Ai · SATELLITE & IA" %}
</span>
<h2 class="section-title">{% blocktrans %}Décidez avant que les pertes ne deviennent <br>visibles sur le terrain.{% endblocktrans %}</h2>
<p class="section-body">{% blocktrans %}KIRiQ Ai transforme l'imagerie satellite en lecture parcellaire claire : anomalies, zones à risque, impact potentiel sur le rendement et recommandations. <br> Vous décidez avant que les pertes ne deviennent visibles sur le terrain.{% endblocktrans %}</p>
<div class="uc-stack">
<div class="uc-row">
<span class="uc-num">01</span>
<div class="uc-body">
<div class="uc-title">{% trans "Détection précoce des anomalies" %}</div>
<div class="uc-desc">{% blocktrans %}<strong>Repérez</strong> les signaux faibles et <strong>identifiez</strong> les zones à surveiller avant que les pertes ne deviennent visibles.{% endblocktrans %}</div>
</div>
</div>
<div class="btn-row">
<a href="https://kiriq.ai/" class="btn-primary" target="_blank">
<span class="material-icons-round">east</span>
{% trans "Demander une démo" %}
</a>
<a href="{% url 'core:kiriq' %}" class="btn-outline-dark">{% trans "Découvrir KIRiQ" %}</a>
<div class="uc-row">
<span class="uc-num">02</span>
<div class="uc-body">
<div class="uc-title">{% trans "Mesure du risque et rendement estimé" %}</div>
<div class="uc-desc">{% blocktrans %}<strong>Mesurez</strong> la sévérité des anomalies, <strong>estimez</strong> l'impact sur le rendement et <strong>priorisez</strong> les interventions les plus critiques.{% endblocktrans %}</div>
</div>
</div>
<div class="uc-row">
<span class="uc-num">03</span>
<div class="uc-body">
<div class="uc-title">{% trans "Pilotage du risque à l'échelle" %}</div>
<div class="uc-desc">{% blocktrans %}<strong>Comparez</strong> vos parcelles dans le temps, <strong>suivez</strong> l'évolution du risque et <strong>pilotez</strong> vos décisions du bloc agricole à la filière.{% endblocktrans %}</div>
</div>
</div>
</div>
<div class="visual-box vb-dark reveal" style="position:relative;padding:0;overflow:hidden;">
<img src="{% static 'img/Kiriq AI.jpg' %}" alt="{% trans 'Kiriq AI — analyse parcellaire' %}" loading="lazy" decoding="async">
<div class="chip-float cf-tl">
<span class="material-icons-round">warning</span>
{% trans "4 anomalies détectées" %}
</div>
<div class="chip-float cf-br">
<span class="material-icons-round">trending_up</span>
{% trans "Impact rendement estimé" %}
</div>
<div class="btn-row">
<a href="https://kiriq.ai/" class="btn-primary" target="_blank">
<span class="material-icons-round">east</span>
{% trans "Découvrir KIRiQ Ai" %}
</a>
<a href="{% url 'core:kiriq' %}" class="btn-outline-dark">{% trans "En savoir plus" %}</a>
</div>
</div>
<div class="reveal" style="position:relative;">
<div class="visual-box vb-dark" style="padding:0;overflow:hidden;">
<img src="{% static 'img/KIRiQ Ai.jpg' %}" alt="{% trans 'KIRiQ Ai, analyse parcellaire' %}" loading="lazy"
decoding="async">
</div>
<div class="chip-float cf-tl">
<span class="material-icons-round">warning</span>
{% trans "4 anomalies détectées" %}
</div>
<div class="chip-float cf-br">
<span class="material-icons-round">trending_up</span>
{% trans "Impact rendement estimé" %}
</div>
</div>
</div>
</section>
</div>
</section>

186
templates/core/partials/_section_monagro.html
View File

@@ -1,103 +1,103 @@
{% load i18n %}
{% load static %}
<!-- ══ MON AGRO ══ -->
<section class="section s-monagro" id="monagro">
<div class="section-inner">
<div class="two-col flip">
<div class="reveal">
<span class="section-tag tag-accent">
<span class="material-icons-round" style="font-size:13px;">agriculture</span>
{% trans "MON AGRO · INTERVENTION TERRAIN" %}
</span>
<h2 class="section-title">{% blocktrans %}Transformez les recommandations<br><em>en interventions terrain.</em>{% endblocktrans %}</h2>
<p class="section-body">{% trans "Mon Agro by JooL connecte les diagnostics KIRiQ AI à un réseau d'agronomes et techniciens pour accompagner les producteurs, exécuter les interventions et assurer le suivi des parcelles avec précision." %}</p>
<div class="uc-stack">
<div class="uc-row">
<span class="uc-num">01</span>
<div class="uc-body">
<div class="uc-title">{% trans "Interventions ciblées par l'IA" %}</div>
<div class="uc-desc">{% trans "Déployez les bonnes actions au bon endroit grâce aux alertes et niveaux de priorité générés par KIRiQ AI." %}</div>
</div>
</div>
<div class="uc-row">
<span class="uc-num">02</span>
<div class="uc-body">
<div class="uc-title">{% trans "Coordination des équipes terrain" %}</div>
<div class="uc-desc">{% trans "Assignez les missions, suivez les interventions et pilotez vos opérations depuis une vision centralisée." %}</div>
</div>
</div>
<div class="uc-row">
<span class="uc-num">03</span>
<div class="uc-body">
<div class="uc-title">{% trans "Suivi & reporting opérationnel" %}</div>
<div class="uc-desc">{% trans "Les données terrain remontent automatiquement pour mesurer les impacts et piloter vos opérations en continu." %}</div>
</div>
<!-- ══ MON AGRO ══ -->
<section class="section s-monagro" id="monagro">
<div class="section-inner">
<div class="two-col flip">
<div class="reveal">
<span class="section-tag tag-accent">
<span class="material-icons-round" style="font-size:13px;">agriculture</span>
{% trans "MON AGRO · INTERVENTION TERRAIN" %}
</span>
<h2 class="section-title">{% blocktrans %}Transformez les recommandations<br>en interventions terrain.{% endblocktrans %}</h2>
<p class="section-body">{% trans "Mon Agro by JooL connecte les diagnostics KIRiQ Ai à un réseau d'agronomes et techniciens pour accompagner les producteurs, exécuter les interventions et assurer le suivi des parcelles avec précision." %}</p>
<div class="uc-stack">
<div class="uc-row">
<span class="uc-num">01</span>
<div class="uc-body">
<div class="uc-title">{% trans "Interventions ciblées par l'IA" %}</div>
<div class="uc-desc">{% blocktrans %}<strong>Déployez</strong> les bonnes actions au bon endroit grâce aux alertes et niveaux de priorité générés par KIRiQ Ai.{% endblocktrans %}</div>
</div>
</div>
<div class="btn-row">
<a href="{% url 'core:home' %}#contact" class="btn-primary">
<span class="material-icons-round">east</span>
{% trans "Déployer Mon Agro" %}
</a>
<a href="{% url 'core:monagro' %}" class="btn-outline-dark">{% trans "Découvrir Mon Agro" %}</a>
<div class="uc-row">
<span class="uc-num">02</span>
<div class="uc-body">
<div class="uc-title">{% trans "Coordination des équipes terrain" %}</div>
<div class="uc-desc">{% blocktrans %}<strong>Assignez</strong> les missions, <strong>suivez</strong> les interventions et <strong>pilotez</strong> vos opérations depuis une vision centralisée.{% endblocktrans %}</div>
</div>
</div>
</div>
<!-- Visuel missions -->
<div class="reveal">
<div class="monagro-visual">
<div class="ma-mission">
<div class="ma-mission-icon" style="background:rgba(231,111,81,.12);">
<span class="material-icons-round" style="color:#e55c3a;">warning_amber</span>
</div>
<div class="ma-mission-info">
<div class="ma-mission-name">{% trans "Bloc Hévéa — Zone Sud" %}</div>
<div class="ma-mission-sub">{% trans "Stress hydrique · Agronome assigné" %}</div>
</div>
<span class="ma-badge" style="background:rgba(231,111,81,.1);color:#e55c3a;">{% trans "Urgent" %}</span>
</div>
<div class="ma-mission">
<div class="ma-mission-icon" style="background:rgba(96,165,250,.12);">
<span class="material-icons-round" style="color:#3b82f6;">flight</span>
</div>
<div class="ma-mission-info">
<div class="ma-mission-name">{% trans "Pulvérisation drone — Ananas" %}</div>
<div class="ma-mission-sub">{% trans "18 ha · Mission en cours" %}</div>
</div>
<span class="ma-badge" style="background:rgba(96,165,250,.1);color:#3b82f6;">{% trans "En cours" %}</span>
</div>
<div class="ma-mission">
<div class="ma-mission-icon" style="background:rgba(25,112,97,.1);">
<span class="material-icons-round" style="color:var(--teal);">check_circle</span>
</div>
<div class="ma-mission-info">
<div class="ma-mission-name">{% trans "Traitement foliaire — Adjoua K." %}</div>
<div class="ma-mission-sub">{% trans "4.2 ha traités · Rapport soumis" %}</div>
</div>
<span class="ma-badge" style="background:rgba(25,112,97,.1);color:var(--teal);">{% trans "Terminé" %}</span>
</div>
<div class="ma-summary">
<div class="ma-kpi">
<div class="ma-kpi-val">250</div>
<div class="ma-kpi-label">{% trans "Agronomes actifs" %}</div>
</div>
<div class="ma-sep"></div>
<div class="ma-kpi">
<div class="ma-kpi-val">42</div>
<div class="ma-kpi-label">{% trans "Missions / mois" %}</div>
</div>
<div class="ma-sep"></div>
<div class="ma-kpi">
<div class="ma-kpi-val">95%</div>
<div class="ma-kpi-label">{% trans "Exécution" %}</div>
</div>
<div class="uc-row">
<span class="uc-num">03</span>
<div class="uc-body">
<div class="uc-title">{% trans "Suivi & reporting opérationnel" %}</div>
<div class="uc-desc">{% blocktrans %}Les données terrain remontent automatiquement pour <strong>mesurer</strong> les impacts et <strong>piloter</strong> vos opérations en continu.{% endblocktrans %}</div>
</div>
</div>
</div>
<div class="btn-row">
<a href="{% url 'core:home' %}#contact" class="btn-primary">
<span class="material-icons-round">east</span>
{% trans "Découvrir Mon Agro" %}
</a>
<a href="{% url 'core:monagro' %}" class="btn-outline-dark">{% trans "En savoir plus" %}</a>
</div>
</div>
<!-- Visuel missions -->
<div class="reveal">
<div class="monagro-visual">
<div class="ma-mission">
<div class="ma-mission-icon" style="background:rgba(231,111,81,.12);">
<span class="material-icons-round" style="color:#e55c3a;">warning_amber</span>
</div>
<div class="ma-mission-info">
<div class="ma-mission-name">{% trans "Bloc Hévéa · Zone Sud" %}</div>
<div class="ma-mission-sub">{% trans "Stress hydrique · Agronome assigné" %}</div>
</div>
<span class="ma-badge" style="background:rgba(231,111,81,.1);color:#e55c3a;">{% trans "Urgent" %}</span>
</div>
<div class="ma-mission">
<div class="ma-mission-icon" style="background:rgba(96,165,250,.12);">
<span class="material-icons-round" style="color:#3b82f6;">flight</span>
</div>
<div class="ma-mission-info">
<div class="ma-mission-name">{% trans "Pulvérisation drone · Ananas" %}</div>
<div class="ma-mission-sub">{% trans "18 ha · Mission en cours" %}</div>
</div>
<span class="ma-badge" style="background:rgba(96,165,250,.1);color:#3b82f6;">{% trans "En cours" %}</span>
</div>
<div class="ma-mission">
<div class="ma-mission-icon" style="background:rgba(25,112,97,.1);">
<span class="material-icons-round" style="color:var(--teal);">check_circle</span>
</div>
<div class="ma-mission-info">
<div class="ma-mission-name">{% trans "Traitement foliaire · Adjoua K." %}</div>
<div class="ma-mission-sub">{% trans "4.2 ha traités · Rapport soumis" %}</div>
</div>
<span class="ma-badge" style="background:rgba(25,112,97,.1);color:var(--teal);">{% trans "Terminé" %}</span>
</div>
<div class="ma-summary">
<div class="ma-kpi">
<div class="ma-kpi-val">250</div>
<div class="ma-kpi-label">{% trans "Agronomes actifs" %}</div>
</div>
<div class="ma-sep"></div>
<div class="ma-kpi">
<div class="ma-kpi-val">42</div>
<div class="ma-kpi-label">{% trans "Missions / mois" %}</div>
</div>
<div class="ma-sep"></div>
<div class="ma-kpi">
<div class="ma-kpi-val">95%</div>
<div class="ma-kpi-label">{% trans "Exécution" %}</div>
</div>
</div>
</div>
</div>
</div>
</section>
</div>
</section>

33
templates/core/partials/_section_monitor.html
View File

@@ -8,49 +8,52 @@
<span class="material-icons-round" style="font-size:13px;">flight</span>
{% trans "JOOL MONITOR · DRONE & HAUTE RÉSOLUTION" %}
</span>
<h2 class="section-title" style="color:var(--white);">{% blocktrans %}Voyez votre terrain <br> <em>en haute résolution.</em>{% endblocktrans %}</h2>
<h2 class="section-title" style="color:var(--white);">{% blocktrans %}Voyez votre terrain <br> en haute résolution.{% endblocktrans %}</h2>
<p class="section-body-light">{% trans "JooL Monitor transforme l'imagerie drone en lecture terrain exploitable pour compter, mesurer, cartographier et contrôler vos parcelles avec un niveau de détail prêt à l'action." %}</p>
<div class="uc-stack">
<div class="uc-row uc-row-dark">
<span class="uc-num uc-num-light">01</span>
<div class="uc-body">
<div class="uc-title" style="color:var(--white);">{% trans "Cartographie avancée" %}</div>
<div class="uc-desc-light">{% trans "Produisez des orthomosaïques, modèles 3D et délimitations précises pour visualiser vos surfaces avec un niveau de détail terrain." %}</div>
<div class="uc-desc-light">{% blocktrans %}<strong>Produisez</strong> des orthomosaïques, modèles 3D et délimitations précises pour <strong>visualiser</strong> vos surfaces avec un niveau de détail terrain.{% endblocktrans %}</div>
</div>
</div>
<div class="uc-row uc-row-dark">
<span class="uc-num uc-num-light">02</span>
<div class="uc-body">
<div class="uc-title" style="color:var(--white);">{% trans "Comptage & mesures intelligentes" %}</div>
<div class="uc-desc-light">{% trans "Mesurez les superficies, distances et densités, comptez les arbres, identifiez les manquants et analysez la répartition sur chaque parcelle." %}</div>
<div class="uc-desc-light">{% blocktrans %}<strong>Mesurez</strong> les superficies, distances et densités, <strong>comptez</strong> les arbres, <strong>identifiez</strong> les manquants et <strong>analysez</strong> la répartition sur chaque parcelle.{% endblocktrans %}</div>
</div>
</div>
<div class="uc-row uc-row-dark">
<span class="uc-num uc-num-light">03</span>
<div class="uc-body">
<div class="uc-title" style="color:var(--white);">{% trans "Contrôle visuel continu" %}</div>
<div class="uc-desc-light">{% trans "Comparez l'évolution de vos parcelles dans le temps, suivez les écarts significatifs et documentez les changements qui comptent vraiment." %}</div>
<div class="uc-desc-light">{% blocktrans %}<strong>Comparez</strong> l'évolution de vos parcelles dans le temps, <strong>suivez</strong> les écarts significatifs et <strong>documentez</strong> les changements qui comptent vraiment.{% endblocktrans %}</div>
</div>
</div>
</div>
<div class="btn-row">
<a href="https://jool-monitor.com/" class="btn-primary" target="_blank">
<span class="material-icons-round">east</span>
{% trans "Planifier un vol" %}
{% trans "Découvrir JooL Monitor" %}
</a>
<a href="{% url 'core:monitor' %}" class="btn-outline-light">{% trans "Découvrir JooL Monitor" %}</a>
<a href="{% url 'core:monitor' %}" class="btn-outline-light">{% trans "En savoir plus" %}</a>
</div>
</div>
<div class="drone-svg-wrap reveal" style="padding:0;">
<img src="{% static 'img/JooL Monitor.jpg' %}" alt="{% trans 'JooL Monitor — cartographie drone' %}" loading="lazy" decoding="async">
<div class="chip-float" style="top:14px;right:16px;animation-delay:.3s;">
<span class="material-icons-round">place</span>
{% trans "Palmier bloc 4" %}
</div>
<div class="chip-float" style="bottom:18px;left:14px;animation-delay:2.2s;">
<span class="material-icons-round">report_problem</span>
{% trans "3 anomalies détectés" %}
</div>
<a href="https://www.youtube.com/watch?v=S9sE7H_01mI" target="_blank" rel="noopener"
style="position:relative;display:block;width:100%;aspect-ratio:16/9;border-radius:20px;overflow:hidden;box-shadow:0 16px 48px rgba(0,0,0,.25);text-decoration:none;">
<img src="https://img.youtube.com/vi/S9sE7H_01mI/maxresdefault.jpg"
alt="JooL Monitor, Démonstration cartographie drone"
style="width:100%;height:100%;object-fit:cover;display:block;">
<!-- Bouton play -->
<div style="position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.25);transition:background .2s;">
<div style="width:72px;height:72px;background:rgba(255,255,255,.95);border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 20px rgba(0,0,0,.3);">
<span class="material-icons-round" style="font-size:36px;color:#e55c3a;margin-left:4px;">play_arrow</span>
</div>
</div>
</a>
</div>
</div>
</div>

18
templates/core/partials/_stats.html
View File

@@ -8,21 +8,21 @@
</div>
<div class="stats-row reveal">
<div class="stat-cell">
<div class="stat-val">+300 000</div>
<div class="stat-lbl">{% trans "Producteurs digitalisés" %}</div>
<div class="stat-val">300 000+</div>
<div class="stat-lbl">{% trans "Producteurs géoréférencés" %}</div>
</div>
<div class="stat-cell">
<div class="stat-val">+610 000</div>
<div class="stat-lbl">{% trans "Superficie suivie" %}</div>
<div class="stat-val">600 000+ ha</div>
<div class="stat-lbl">{% trans "Cartographiés et analysés" %}</div>
</div>
<div class="stat-cell">
<div class="stat-val">3</div>
<div class="stat-val">2 000+</div>
<div class="stat-lbl">{% trans "Coopératives identifiées" %}</div>
</div>
<div class="stat-cell">
<div class="stat-val">8+</div>
<div class="stat-lbl">{% trans "Cultures couvertes" %}</div>
</div>
<div class="stat-cell">
<div class="stat-val">89%</div>
<div class="stat-lbl">{% trans "Précision IA" %}</div>
</div>
</div>
</div>
</section>

2
templates/core/partials/_trusted_by.html
View File

@@ -2,7 +2,7 @@
<!-- ══ TRUSTED BY ══ -->
<section class="s-trusted">
<div class="section-inner">
<h2 class="trusted-title reveal">{% blocktrans %}La donnée agricole devient une <em> infrastructure de confiance.</em>{% endblocktrans %}</h2>
<h2 class="trusted-title reveal">{% blocktrans %}La donnée agricole devient une infrastructure de confiance.{% endblocktrans %}</h2>
<p class="trusted-sub reveal">{% blocktrans %}Des assureurs aux agro-industriels, des coopératives aux collectivités, JooL aide les acteurs agricoles à mieux voir, mieux décider <br> et mieux intervenir sur le terrain.{% endblocktrans %}</p>
</div>