textes revues et traduction
This commit is contained in:
ifaryd
@@ -1,50 +1,103 @@
|
||||
{% load i18n %}
|
||||
<!-- ══ CTA FINAL ══ -->
|
||||
<section class="s-cta-final" id="contact">
|
||||
<div class="deco deco-l">J</div>
|
||||
<div class="deco deco-r">L</div>
|
||||
<div class="section-inner">
|
||||
<h2 class="cta-final-h reveal">Transformez votre exploitation<br>agricole dès aujourd'hui.</h2>
|
||||
<p class="cta-final-sub reveal">Rejoignez les industriels et coopératives qui font confiance à Jool International.</p>
|
||||
<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>
|
||||
|
||||
<form id="contact-form" class="cta-form reveal" novalidate>
|
||||
{% csrf_token %}
|
||||
<div class="cta-fields">
|
||||
<input class="cta-input" type="text" name="last_name" placeholder="Nom" required>
|
||||
<input class="cta-input" type="text" name="first_name" placeholder="Prénom" required>
|
||||
<input class="cta-input" type="email" name="email" placeholder="Adresse email" required>
|
||||
<input class="cta-input" type="tel" name="phone" placeholder="Téléphone" inputmode="numeric" pattern="[0-9+ ]{6,20}">
|
||||
<input class="cta-input" type="text" name="last_name" placeholder="{% trans 'Nom' %}" required>
|
||||
<input class="cta-input" type="text" name="first_name" placeholder="{% trans 'Prénom' %}" required>
|
||||
<input class="cta-input" type="email" name="email" placeholder="{% trans 'Adresse email' %}" required>
|
||||
<div class="phone-wrap">
|
||||
<select id="phone-prefix" class="phone-select">
|
||||
<option value="+225">🇨🇮 +225</option>
|
||||
<option value="+223">🇲🇱 +223</option>
|
||||
<option value="+226">🇧🇫 +226</option>
|
||||
<option value="+227">🇳🇪 +227</option>
|
||||
<option value="+228">🇹🇬 +228</option>
|
||||
<option value="+229">🇧🇯 +229</option>
|
||||
<option value="+221">🇸🇳 +221</option>
|
||||
<option value="+224">🇬🇳 +224</option>
|
||||
<option value="+233">🇬🇭 +233</option>
|
||||
<option value="+234">🇳🇬 +234</option>
|
||||
<option value="+237">🇨🇲 +237</option>
|
||||
<option value="+243">🇨🇩 +243</option>
|
||||
<option value="+212">🇲🇦 +212</option>
|
||||
<option value="+216">🇹🇳 +216</option>
|
||||
<option value="+213">🇩🇿 +213</option>
|
||||
<option value="+33">🇫🇷 +33</option>
|
||||
<option value="+32">🇧🇪 +32</option>
|
||||
<option value="+1">🇺🇸 +1</option>
|
||||
</select>
|
||||
<input class="cta-input phone-number" type="tel" name="phone" id="phone-number" placeholder="{% trans 'Numéro' %}" inputmode="numeric">
|
||||
</div>
|
||||
</div>
|
||||
<textarea class="cta-input cta-textarea" name="message" placeholder="Votre demande…" rows="4" required></textarea>
|
||||
<textarea class="cta-input cta-textarea" name="message" placeholder="{% trans 'Votre demande…' %}" rows="4" required></textarea>
|
||||
<ul class="cta-errors" id="contact-errors" hidden></ul>
|
||||
<button class="btn-hero" type="submit" id="contact-btn">
|
||||
Démarrer maintenant
|
||||
<span class="material-icons-round" style="font-size:18px;">arrow_forward</span>
|
||||
<span id="contact-btn-label">{% trans "Démarrer maintenant" %}</span>
|
||||
<span id="contact-btn-spinner" class="btn-spinner" hidden></span>
|
||||
<span id="contact-btn-icon" class="material-icons-round" style="font-size:18px;">arrow_forward</span>
|
||||
</button>
|
||||
</form>
|
||||
|
||||
<div class="cta-success" id="contact-success">
|
||||
<span class="material-icons-round">check_circle</span>
|
||||
Votre demande a bien été envoyée ! Nous vous répondrons très prochainement.
|
||||
{% trans "Votre demande a bien été envoyée ! Nous vous répondrons très prochainement." %}
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<style>
|
||||
.cta-input.field-error,
|
||||
.phone-wrap.field-error { border-color: #e53e3e !important; }
|
||||
.btn-spinner {
|
||||
width: 18px; height: 18px;
|
||||
border: 2.5px solid rgba(255,255,255,.35);
|
||||
border-top-color: #fff;
|
||||
border-radius: 50%;
|
||||
animation: spin .7s linear infinite;
|
||||
flex-shrink: 0;
|
||||
}
|
||||
@keyframes spin { to { transform: rotate(360deg); } }
|
||||
</style>
|
||||
|
||||
<script>
|
||||
(function () {
|
||||
const form = document.getElementById('contact-form');
|
||||
const errors = document.getElementById('contact-errors');
|
||||
const success = document.getElementById('contact-success');
|
||||
const btn = document.getElementById('contact-btn');
|
||||
const label = document.getElementById('contact-btn-label');
|
||||
const spinner = document.getElementById('contact-btn-spinner');
|
||||
const icon = document.getElementById('contact-btn-icon');
|
||||
const url = "{% url 'core:contact_ajax' %}";
|
||||
const msgSending = "{% trans 'Envoi en cours…' %}";
|
||||
const msgSend = "{% trans 'Démarrer maintenant' %}";
|
||||
|
||||
function setLoading(on) {
|
||||
btn.disabled = on;
|
||||
spinner.hidden = !on;
|
||||
icon.hidden = on;
|
||||
label.textContent = on ? msgSending : msgSend;
|
||||
btn.style.opacity = on ? '.85' : '1';
|
||||
}
|
||||
|
||||
form.addEventListener('submit', async function (e) {
|
||||
e.preventDefault();
|
||||
errors.hidden = true;
|
||||
errors.innerHTML = '';
|
||||
btn.disabled = true;
|
||||
btn.style.opacity = '.6';
|
||||
setLoading(true);
|
||||
|
||||
const data = new FormData(form);
|
||||
const prefix = document.getElementById('phone-prefix').value;
|
||||
const number = document.getElementById('phone-number').value.trim();
|
||||
if (number) data.set('phone', prefix + ' ' + number);
|
||||
|
||||
try {
|
||||
const res = await fetch(url, {
|
||||
@@ -58,24 +111,23 @@
|
||||
form.style.display = 'none';
|
||||
success.classList.add('visible');
|
||||
} else {
|
||||
// Affiche les erreurs sans recharger
|
||||
const msgs = Object.values(json.errors).flat().map(e => e.message);
|
||||
msgs.forEach(msg => {
|
||||
const li = document.createElement('li');
|
||||
li.textContent = msg;
|
||||
errors.appendChild(li);
|
||||
Object.keys(json.errors).forEach(field => {
|
||||
const el = form.querySelector('[name="' + field + '"]');
|
||||
if (!el) return;
|
||||
const target = field === 'phone' ? el.closest('.phone-wrap') : el;
|
||||
target.classList.add('field-error');
|
||||
el.addEventListener('input', function() {
|
||||
target.classList.remove('field-error');
|
||||
}, { once: true });
|
||||
});
|
||||
errors.hidden = false;
|
||||
btn.disabled = false;
|
||||
btn.style.opacity = '1';
|
||||
setLoading(false);
|
||||
}
|
||||
} catch (_) {
|
||||
const li = document.createElement('li');
|
||||
li.textContent = 'Une erreur réseau est survenue. Veuillez réessayer.';
|
||||
li.textContent = "{% trans 'Une erreur réseau est survenue. Veuillez réessayer.' %}";
|
||||
errors.appendChild(li);
|
||||
errors.hidden = false;
|
||||
btn.disabled = false;
|
||||
btn.style.opacity = '1';
|
||||
setLoading(false);
|
||||
}
|
||||
});
|
||||
})();
|
||||
|
||||
@@ -1,66 +1,57 @@
|
||||
{% load i18n %}
|
||||
<!-- ══ FAQ ══ -->
|
||||
<section class="s-faq" id="faq">
|
||||
<div class="section-inner">
|
||||
<h2 class="faq-h reveal">Questions ? Réponses.</h2>
|
||||
<p class="faq-sub reveal">Tout ce que vous devez savoir sur nos solutions AgriTech.</p>
|
||||
<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)">
|
||||
Faut-il une connexion internet sur le terrain pour utiliser vos solutions ?
|
||||
{% 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">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.
|
||||
</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)">
|
||||
Quelle est la différence entre KIRIQ AI et Jool Monitor ?
|
||||
{% trans "Quelle est la différence entre KIRIQ AI et Jool Monitor ?" %}
|
||||
<span class="material-icons-round">add</span>
|
||||
</div>
|
||||
<div class="faq-a">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.</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)">
|
||||
Quels types de cultures sont pris en charge ?
|
||||
{% trans "Quels types de cultures sont pris en charge ?" %}
|
||||
<span class="material-icons-round">add</span>
|
||||
</div>
|
||||
<div class="faq-a">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.
|
||||
</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)">
|
||||
Combien de temps pour recevoir les résultats après un vol drone ?
|
||||
{% 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">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.</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)">
|
||||
Jool ID est-il compatible avec nos systèmes existants ?
|
||||
{% trans "Jool ID est-il compatible avec nos systèmes existants ?" %}
|
||||
<span class="material-icons-round">add</span>
|
||||
</div>
|
||||
<div class="faq-a">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.
|
||||
</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)">
|
||||
Où télécharger les applications mobiles ?
|
||||
{% trans "Où télécharger les applications mobiles ?" %}
|
||||
<span class="material-icons-round">add</span>
|
||||
</div>
|
||||
<div class="faq-a">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.</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>
|
||||
|
||||
@@ -1,3 +1,4 @@
|
||||
{% load i18n %}
|
||||
<!-- ══ FOOTER ══ -->
|
||||
<footer>
|
||||
<div class="footer-inner">
|
||||
@@ -7,37 +8,35 @@
|
||||
{% 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>L'intelligence artificielle au service de l'agriculture africaine. Satellite, drone et digitalisation pour optimiser vos
|
||||
exploitations agricoles.</p>
|
||||
<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>Solutions</h4>
|
||||
<a href="#kiriq">KIRIQ AI</a>
|
||||
<a href="#monitor">Jool Monitor</a>
|
||||
<a href="#joolid">Jool ID</a>
|
||||
<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>Entreprise</h4>
|
||||
<a href="{% url 'core:about' %}">À propos</a>
|
||||
<h4>{% trans "Entreprise" %}</h4>
|
||||
<a href="{% url 'core:about' %}">{% trans "À propos" %}</a>
|
||||
{% if careers_enabled %}
|
||||
<a href="{% url 'careers:job_list' %}">Carrières</a>
|
||||
<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="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. Tous droits réservés.</span>
|
||||
<a href="{% url 'core:privacy' %}" style="color:#888;font-size:13px;text-decoration:none;">Politique de confidentialité</a>
|
||||
<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>
|
||||
</div>
|
||||
|
||||
@@ -1,25 +1,42 @@
|
||||
{% load i18n %}
|
||||
<!-- ══ 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>
|
||||
<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 class="hero-input" type="email" placeholder="Votre adresse email">
|
||||
<button class="btn-hero">
|
||||
Demander une démo
|
||||
<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>
|
||||
</div>
|
||||
<div class="hero-visual reveal">
|
||||
<div class="float-badge fb-1">
|
||||
<span class="material-icons-round">satellite_alt</span>
|
||||
NDVI · Analyse live
|
||||
{% trans "NDVI · Analyse live" %}
|
||||
</div>
|
||||
<div class="float-badge fb-2">
|
||||
<span class="material-icons-round">check_circle</span>
|
||||
+34% détection précoce
|
||||
{% trans "Diagnostic en moins de 2h" %}
|
||||
</div>
|
||||
<div class="hero-mockup">
|
||||
<div class="hero-mockup-bar">
|
||||
@@ -31,15 +48,15 @@
|
||||
<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 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-card">
|
||||
<div class="hc-icon" style="background:#e07c00;"><span class="material-icons-round">flight</span></div>
|
||||
<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">Vision terrain augmentée</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>
|
||||
@@ -47,7 +64,15 @@
|
||||
<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 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>
|
||||
|
||||
@@ -1,3 +1,4 @@
|
||||
{% load i18n i18n_switch %}
|
||||
<!-- ══ NAV ══ -->
|
||||
<nav id="main-nav">
|
||||
<div class="nav-topbar">
|
||||
@@ -7,21 +8,30 @@
|
||||
</a>
|
||||
|
||||
<ul class="nav-links" id="nav-links">
|
||||
<li><a href="{% url 'core:home' %}#kiriq">KIRIQ AI</a></li>
|
||||
<li><a href="{% url 'core:home' %}#monitor">Jool Monitor</a></li>
|
||||
<li><a href="{% url 'core:home' %}#joolid">Jool ID</a></li>
|
||||
|
||||
<li><a href="{% url 'core:about' %}">À propos</a></li>
|
||||
<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' %}">
|
||||
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 %}
|
||||
{% 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>
|
||||
|
||||
<button class="nav-hamburger" id="nav-hamburger" aria-label="Menu" aria-expanded="false">
|
||||
<!-- 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>
|
||||
@@ -30,18 +40,23 @@
|
||||
|
||||
<div class="nav-drawer" id="nav-drawer">
|
||||
<ul>
|
||||
<li><a href="{% url 'core:home' %}#kiriq">KIRIQ AI</a></li>
|
||||
<li><a href="{% url 'core:home' %}#monitor">Jool Monitor</a></li>
|
||||
<li><a href="{% url 'core:home' %}#joolid">Jool ID</a></li>
|
||||
<li><a href="{% url 'core:home' %}#faq">FAQ</a></li>
|
||||
<li><a href="{% url 'core:about' %}">À propos</a></li>
|
||||
<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' %}">
|
||||
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 %}
|
||||
{% 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;">
|
||||
<a href="{{ fr_url }}" class="lang-btn {% if CURRENT_LANG == 'fr' %}lang-active{% endif %}" style="margin-right:4px;">FR</a>
|
||||
<a href="{{ en_url }}" class="lang-btn {% if CURRENT_LANG == 'en' %}lang-active{% endif %}">EN</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</nav>
|
||||
|
||||
@@ -1,3 +1,4 @@
|
||||
{% load i18n %}
|
||||
<!-- ══ JOOL ID ══ -->
|
||||
<section class="section s-id" id="joolid">
|
||||
<div class="section-inner">
|
||||
@@ -5,41 +6,39 @@
|
||||
<div class="reveal">
|
||||
<span class="section-tag tag-light">
|
||||
<span class="material-icons-round" style="font-size:13px;">badge</span>
|
||||
Digitalisation & Gestion
|
||||
{% trans "JOOL ID · IDENTITÉ AGRICOLE" %}
|
||||
</span>
|
||||
<h2 class="section-title">Chaque producteur. Chaque parcelle.<br><em>Une seule source de vérité.</em> Du terrain à la décision.</h2>
|
||||
<p class="section-body">JooL ID centralise les données producteurs, parcelles et opérations terrain dans une plateforme conçue pour fiabiliser la collecte, simplifier le suivi et piloter votre filière avec plus de clarté.
|
||||
</p>
|
||||
<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>
|
||||
<div class="uc-stack">
|
||||
<div class="uc-row">
|
||||
<span class="uc-num">01</span>
|
||||
<div class="uc-body">
|
||||
<div class="uc-title">Profils producteurs vérifiés</div>
|
||||
<div class="uc-desc">Créez des fiches fiables, complètes et prêtes pour le terrain, les audits et les partenaires.
|
||||
</div>
|
||||
<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>
|
||||
</div>
|
||||
<div class="uc-row">
|
||||
<span class="uc-num">02</span>
|
||||
<div class="uc-body">
|
||||
<div class="uc-title">Parcelles géolocalisées</div>
|
||||
<div class="uc-desc">Reliez chaque producteur à ses parcelles, surfaces et cultures dans une vue claire et exploitable.</div>
|
||||
<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>
|
||||
</div>
|
||||
<div class="uc-row">
|
||||
<span class="uc-num">03</span>
|
||||
<div class="uc-body">
|
||||
<div class="uc-title">Pilotage de programme</div>
|
||||
<div class="uc-desc">Suivez encadrement, conformité, collecte et performance depuis une base unifiée.</div>
|
||||
<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>
|
||||
</div>
|
||||
</div>
|
||||
<div class="btn-row">
|
||||
<a href="https://jool-id.com/" class="btn-primary" target="_blank">
|
||||
<span class="material-icons-round">east</span>
|
||||
Démarrer gratuitement
|
||||
{% trans "Structurer ma base agricole" %}
|
||||
</a>
|
||||
<a href="{% url 'core:joolid' %}" class="btn-outline-dark">En savoir plus</a>
|
||||
<a href="{% url 'core:joolid' %}" class="btn-outline-dark">{% trans "Découvrir JooL ID" %}</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="reveal">
|
||||
@@ -48,47 +47,44 @@
|
||||
<div class="id-avatar" style="background:#e0f2f0; font-size:1.4rem;">👨🏾🌾</div>
|
||||
<div class="id-info">
|
||||
<div class="id-name">Kouamé Assi</div>
|
||||
<div class="id-meta">Palmier · 4.2 ha · Coopérative Cowabo</div>
|
||||
<div class="id-meta">{% trans "Palmier · 4.2 ha · Coopérative Cowabo" %}</div>
|
||||
</div>
|
||||
<span class="id-badge badge-verified">Vérifié</span>
|
||||
<span class="id-badge badge-verified">{% trans "Vérifié" %}</span>
|
||||
</div>
|
||||
<div class="id-card">
|
||||
<div class="id-avatar" style="background:#fff3cd; font-size:1.4rem;">👩🏾🌾</div>
|
||||
<div class="id-info">
|
||||
<div class="id-name">Adjoua Koffi</div>
|
||||
<div class="id-meta">Hévéa · 7.8 ha · Coopérative Sud</div>
|
||||
<div class="id-meta">{% trans "Hévéa · 7.8 ha · Coopérative Sud" %}</div>
|
||||
</div>
|
||||
<span class="id-badge badge-verified">Vérifié</span>
|
||||
<span class="id-badge badge-verified">{% trans "Vérifié" %}</span>
|
||||
</div>
|
||||
<div class="id-card">
|
||||
<div class="id-avatar" style="background:#e8f4fd; font-size:1.4rem;">👨🏿🌾</div>
|
||||
<div class="id-info">
|
||||
<div class="id-name">N'Guessan Yao</div>
|
||||
<div class="id-meta">Cacao · 2.6 ha · Coopérative Nord</div>
|
||||
<div class="id-meta">{% trans "Cacao · 2.6 ha · Coopérative Nord" %}</div>
|
||||
</div>
|
||||
<span class="id-badge badge-pending">En attente</span>
|
||||
<span class="id-badge badge-pending">{% trans "En attente" %}</span>
|
||||
</div>
|
||||
<div class="id-card">
|
||||
<div class="id-avatar" style="background:#f0e8fd; font-size:1.4rem;">👩🏾🌾</div>
|
||||
<div class="id-info">
|
||||
<div class="id-name">Fatou Diallo</div>
|
||||
<div class="id-meta">Palmier · 5.1 ha · Coopérative Ouest</div>
|
||||
<div class="id-meta">{% trans "Palmier · 5.1 ha · Coopérative Ouest" %}</div>
|
||||
</div>
|
||||
<span class="id-badge badge-verified">Vérifié</span>
|
||||
<span class="id-badge badge-verified">{% trans "Vérifié" %}</span>
|
||||
</div>
|
||||
<!-- summary card -->
|
||||
<div
|
||||
style="background:var(--teal);border-radius:14px;padding:16px 18px;display:flex;align-items:center;gap:14px;">
|
||||
<div style="background:var(--teal);border-radius:14px;padding:16px 18px;display:flex;align-items:center;gap:14px;">
|
||||
<span class="material-icons-round" style="color:white;font-size:28px;">people</span>
|
||||
<div>
|
||||
<div
|
||||
style="font-size:1.6rem;font-weight:900;font-family:var(--display);color:white;letter-spacing:-.04em;">
|
||||
3 248</div>
|
||||
<div style="font-size:13px;color:rgba(255,255,255,.65);">Producteurs enregistrés</div>
|
||||
<div style="font-size:1.6rem;font-weight:900;font-family:var(--display);color:white;letter-spacing:-.04em;">300 000</div>
|
||||
<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;">12 580 ha</div>
|
||||
<div style="font-size:13px;color:rgba(255,255,255,.65);">Surface totale</div>
|
||||
<div style="font-size:1.2rem;font-weight:900;font-family:var(--display);color:white;">610 000</div>
|
||||
<div style="font-size:13px;color:rgba(255,255,255,.65);">{% trans "hectares cartographiés" %}</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@@ -1,4 +1,4 @@
|
||||
{% load static %}
|
||||
{% load i18n static %}
|
||||
<!-- ══ KIRIQ AI ══ -->
|
||||
<section class="section s-kiriq" id="kiriq">
|
||||
<div class="section-inner">
|
||||
@@ -6,52 +6,50 @@
|
||||
<div class="reveal">
|
||||
<span class="section-tag tag-teal">
|
||||
<span class="material-icons-round" style="font-size:13px;">satellite_alt</span>
|
||||
Satellitaire & IA
|
||||
{% trans "KIRiQ AI · SATELLITE & IA" %}
|
||||
</span>
|
||||
<h2 class="section-title">Diagnostiquez vos parcelles<br>depuis <em>l'espace.</em></h2>
|
||||
<p class="section-body">KIRiQ AI vous aide à lire l’état réel de vos parcelles, détecter les anomalies plus tôt et décider avec une longueur d’avance.</p>
|
||||
<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">Diagnostic instantané</div>
|
||||
<div class="uc-desc">Lancez une première lecture parcellaire en quelques minutes et validez rapidement les zones à surveiller.
|
||||
</div>
|
||||
<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">Suivi priorisé</div>
|
||||
<div class="uc-desc">Recevez des alertes utiles pour cibler les interventions là où l’impact terrain est le plus fort.
|
||||
</div>
|
||||
<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">Pilotage à l’échelle</div>
|
||||
<div class="uc-desc">Comparez vos parcelles, alignez vos équipes et décidez avec une vision claire, du bloc à la filière. </div>
|
||||
<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>
|
||||
</div>
|
||||
</div>
|
||||
<div class="btn-row">
|
||||
<a href="https://kiriq.ai/" class="btn-primary" target="_blank">
|
||||
<span class="material-icons-round">east</span>
|
||||
Demander une démo
|
||||
{% trans "Demander une démo" %}
|
||||
</a>
|
||||
<a href="{% url 'core:kiriq' %}" class="btn-outline-dark">En savoir plus</a>
|
||||
<a href="{% url 'core:kiriq' %}" class="btn-outline-dark">{% trans "Découvrir KIRiQ" %}</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="visual-box vb-dark reveal" style="position:relative;padding:0;overflow:hidden;">
|
||||
<img src="{% static 'img/Kiriq AI.jpg' %}" alt="Kiriq AI — analyse parcellaire">
|
||||
<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>
|
||||
4 anomalies détectées
|
||||
{% trans "4 anomalies détectées" %}
|
||||
</div>
|
||||
<div class="chip-float cf-br">
|
||||
<span class="material-icons-round">trending_up</span>
|
||||
NDVI +12 pts
|
||||
{% trans "Impact rendement estimé" %}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
103
templates/core/partials/_section_monagro.html
Normal file
103
templates/core/partials/_section_monagro.html
Normal file
@@ -0,0 +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>
|
||||
</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>
|
||||
</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>
|
||||
</div>
|
||||
</section>
|
||||
@@ -1,4 +1,4 @@
|
||||
{% load static %}
|
||||
{% load i18n static %}
|
||||
<!-- ══ JOOL MONITOR ══ -->
|
||||
<section class="section s-monitor" id="monitor">
|
||||
<div class="section-inner">
|
||||
@@ -6,54 +6,50 @@
|
||||
<div class="reveal">
|
||||
<span class="section-tag tag-white">
|
||||
<span class="material-icons-round" style="font-size:13px;">flight</span>
|
||||
Cartographie haute résolution
|
||||
{% trans "JOOL MONITOR · DRONE & HAUTE RÉSOLUTION" %}
|
||||
</span>
|
||||
<h2 class="section-title" style="color:var(--white);">Voyez votre terrain avec <em>une précision</em> nouvelle.
|
||||
|
||||
</h2>
|
||||
<p class="section-body-light">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>
|
||||
<h2 class="section-title" style="color:var(--white);">{% blocktrans %}Voyez votre terrain <br> <em>en haute résolution.</em>{% 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);">Comptage intelligent</div>
|
||||
<div class="uc-desc-light">Une lecture rapide des densités, manquants et répartitions sur chaque parcelle.
|
||||
</div>
|
||||
<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>
|
||||
</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);">Cartographie avancée</div>
|
||||
<div class="uc-desc-light"> Produisez des orthomosaïques, modèles 3D et délimitations précises de vos surfaces.</div>
|
||||
<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>
|
||||
</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);">Contrôle visuel continu</div>
|
||||
<div class="uc-desc-light">Comparez les missions dans le temps et suivez les écarts qui comptent vraiment.
|
||||
</div>
|
||||
<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>
|
||||
</div>
|
||||
</div>
|
||||
<div class="btn-row">
|
||||
<a href="https://jool-monitor.com/" class="btn-primary" target="_blank">
|
||||
<span class="material-icons-round">east</span>
|
||||
Planifier un vol
|
||||
{% trans "Planifier un vol" %}
|
||||
</a>
|
||||
<a href="{% url 'core:monitor' %}" class="btn-outline-light">En savoir plus</a>
|
||||
<a href="{% url 'core:monitor' %}" class="btn-outline-light">{% trans "Découvrir JooL Monitor" %}</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="drone-svg-wrap reveal" style="padding:0;">
|
||||
<img src="{% static 'img/JooL Monitor.jpg' %}" alt="JooL Monitor — cartographie drone">
|
||||
<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>
|
||||
Palmier bloc 4
|
||||
{% 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>
|
||||
3 anomalies détectés
|
||||
{% trans "3 anomalies détectés" %}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@@ -1,26 +1,27 @@
|
||||
{% load i18n %}
|
||||
<!-- ══ STATS ══ -->
|
||||
<section class="s-stats">
|
||||
<div class="section-inner">
|
||||
<div class="stats-header reveal">
|
||||
<h2>Des résultats qui parlent<br>d'eux-mêmes.</h2>
|
||||
<p>L'impact de nos solutions sur le terrain, en chiffres.</p>
|
||||
<h2>{% blocktrans %}Des résultats qui parlent<br>d'eux-mêmes.{% endblocktrans %}</h2>
|
||||
<p>{% trans "L'impact de nos solutions sur le terrain, en chiffres." %}</p>
|
||||
</div>
|
||||
<div class="stats-row reveal">
|
||||
<div class="stat-cell">
|
||||
<div class="stat-val">+280 000</div>
|
||||
<div class="stat-lbl">Producteurs digitalisés</div>
|
||||
<div class="stat-val">+300 000</div>
|
||||
<div class="stat-lbl">{% trans "Producteurs digitalisés" %}</div>
|
||||
</div>
|
||||
<div class="stat-cell">
|
||||
<div class="stat-val">+100 000 ha</div>
|
||||
<div class="stat-lbl">Superficie suivie</div>
|
||||
<div class="stat-val">+610 000</div>
|
||||
<div class="stat-lbl">{% trans "Superficie suivie" %}</div>
|
||||
</div>
|
||||
<div class="stat-cell">
|
||||
<div class="stat-val">3</div>
|
||||
<div class="stat-lbl">Cultures couvertes</div>
|
||||
<div class="stat-lbl">{% trans "Cultures couvertes" %}</div>
|
||||
</div>
|
||||
<div class="stat-cell">
|
||||
<div class="stat-val">89%</div>
|
||||
<div class="stat-lbl">Précision IA</div>
|
||||
<div class="stat-lbl">{% trans "Précision IA" %}</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@@ -1,7 +1,8 @@
|
||||
{% load i18n %}
|
||||
<!-- ══ TRUST STRIP ══ -->
|
||||
<div class="trust-strip">
|
||||
<div class="trust-item"><span class="material-icons-round">satellite_alt</span>Télédétection</div>
|
||||
<div class="trust-item"><span class="material-icons-round">camera</span>Cartographie</div>
|
||||
<div class="trust-item"><span class="material-icons-round">badge</span>Données producteurs</div>
|
||||
<div class="trust-item"><span class="material-icons-round">analytics</span>Aide à la décision</div>
|
||||
</div>
|
||||
<div class="trust-item"><span class="material-icons-round">badge</span>{% trans "Identité agricole" %}</div>
|
||||
<div class="trust-item"><span class="material-icons-round">satellite_alt</span>{% trans "Analyse satellite" %}</div>
|
||||
<div class="trust-item"><span class="material-icons-round">analytics</span>{% trans "Rapports IA" %}</div>
|
||||
<div class="trust-item"><span class="material-icons-round">grass</span>{% trans "Intervention terrain" %}</div>
|
||||
</div>
|
||||
|
||||
@@ -1,28 +1,48 @@
|
||||
{% load static %}
|
||||
{% load i18n static %}
|
||||
<!-- ══ TRUSTED BY ══ -->
|
||||
<section class="s-trusted">
|
||||
<div class="section-inner">
|
||||
<h2 class="trusted-title reveal">La solution de référence pour <em>l'agri-industrie africaine.</em></h2>
|
||||
<p class="trusted-sub reveal">Industriels, coopératives et institutions nous font confiance.</p>
|
||||
<h2 class="trusted-title reveal">{% blocktrans %}La donnée agricole devient une <em> infrastructure de confiance.</em>{% 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>
|
||||
|
||||
<!-- Défilement infini : les logos sont dupliqués pour un loop sans coupure -->
|
||||
<div class="logos-track-wrap">
|
||||
<div class="logos-track">
|
||||
<!-- Série 1 -->
|
||||
<div class="logo-slide"><img src="{% static 'img/partenaires/apromac.png' %}" alt="Apromac"></div>
|
||||
<div class="logo-slide"><img src="{% static 'img/partenaires/pmci.jpeg' %}" alt="PMCI"></div>
|
||||
<div class="logo-slide"><img src="{% static 'img/partenaires/sodexam.png' %}" alt="Sodexam"></div>
|
||||
<div class="logo-slide"><img src="{% static 'img/partenaires/trci.jpg' %}" alt="TRCI"></div>
|
||||
<div class="logo-slide"><img src="{% static 'img/partenaires/Archetyp.jpeg' %}" alt="Archetyp"></div>
|
||||
<div class="logo-slide"><img src="{% static 'img/partenaires/tonys_chocolonely.svg' %}" alt="Tony's Chocolonely"></div>
|
||||
<div class="logo-slide"><img src="{% static 'img/partenaires/apromac.png' %}" alt="Apromac" loading="lazy"></div>
|
||||
<div class="logo-slide"><img src="{% static 'img/partenaires/pmci.jpeg' %}" alt="PMCI" loading="lazy"></div>
|
||||
<div class="logo-slide"><img src="{% static 'img/partenaires/sodexam.png' %}" alt="Sodexam" loading="lazy"></div>
|
||||
<div class="logo-slide"><img src="{% static 'img/partenaires/trci.jpg' %}" alt="TRCI" loading="lazy"></div>
|
||||
<div class="logo-slide"><img src="{% static 'img/partenaires/Archetyp.jpeg' %}" alt="Archetyp" loading="lazy"></div>
|
||||
<div class="logo-slide"><img src="{% static 'img/partenaires/tonys_chocolonely.svg' %}" alt="Tony's Chocolonely" loading="lazy"></div>
|
||||
<div class="logo-slide"><img src="{% static 'img/partenaires/palmci.png' %}" alt="Palmci" loading="lazy"></div>
|
||||
<div class="logo-slide"><img src="{% static 'img/partenaires/palmafrique.jpeg' %}" alt="Palmafrique" loading="lazy"></div>
|
||||
<div class="logo-slide"><img src="{% static 'img/partenaires/veolia.png' %}" alt="Veolia" loading="lazy"></div>
|
||||
<div class="logo-slide"><img src="{% static 'img/partenaires/Coris assurance.jpg' %}" alt="Coris Assurance" loading="lazy"></div>
|
||||
<div class="logo-slide"><img src="{% static 'img/partenaires/sim assurance.jpg' %}" alt="SIM Assurance" loading="lazy"></div>
|
||||
<div class="logo-slide"><img src="{% static 'img/partenaires/saph .jpg' %}" alt="SAPH" loading="lazy"></div>
|
||||
<div class="logo-slide"><img src="{% static 'img/partenaires/emergim.png' %}" alt="Emergim" loading="lazy"></div>
|
||||
<div class="logo-slide"><img src="{% static 'img/partenaires/korigins.png' %}" alt="Korigins" loading="lazy"></div>
|
||||
<div class="logo-slide"><img src="{% static 'img/partenaires/carré dor.png' %}" alt="Carré d'Or" loading="lazy"></div>
|
||||
<div class="logo-slide"><img src="{% static 'img/partenaires/mairie de dioulatédougou.jpg' %}" alt="Mairie de Dioulatédougou" loading="lazy"></div>
|
||||
<!-- Série 2 (copie pour loop sans coupure) -->
|
||||
<div class="logo-slide"><img src="{% static 'img/partenaires/apromac.png' %}" alt="Apromac"></div>
|
||||
<div class="logo-slide"><img src="{% static 'img/partenaires/pmci.jpeg' %}" alt="PMCI"></div>
|
||||
<div class="logo-slide"><img src="{% static 'img/partenaires/sodexam.png' %}" alt="Sodexam"></div>
|
||||
<div class="logo-slide"><img src="{% static 'img/partenaires/trci.jpg' %}" alt="TRCI"></div>
|
||||
<div class="logo-slide"><img src="{% static 'img/partenaires/Archetyp.jpeg' %}" alt="Archetyp"></div>
|
||||
<div class="logo-slide"><img src="{% static 'img/partenaires/tonys_chocolonely.svg' %}" alt="Tony's Chocolonely"></div>
|
||||
<div class="logo-slide"><img src="{% static 'img/partenaires/apromac.png' %}" alt="Apromac" loading="lazy" aria-hidden="true"></div>
|
||||
<div class="logo-slide"><img src="{% static 'img/partenaires/pmci.jpeg' %}" alt="PMCI" loading="lazy" aria-hidden="true"></div>
|
||||
<div class="logo-slide"><img src="{% static 'img/partenaires/sodexam.png' %}" alt="Sodexam" loading="lazy" aria-hidden="true"></div>
|
||||
<div class="logo-slide"><img src="{% static 'img/partenaires/trci.jpg' %}" alt="TRCI" loading="lazy" aria-hidden="true"></div>
|
||||
<div class="logo-slide"><img src="{% static 'img/partenaires/Archetyp.jpeg' %}" alt="Archetyp" loading="lazy" aria-hidden="true"></div>
|
||||
<div class="logo-slide"><img src="{% static 'img/partenaires/tonys_chocolonely.svg' %}" alt="Tony's Chocolonely" loading="lazy" aria-hidden="true"></div>
|
||||
<div class="logo-slide"><img src="{% static 'img/partenaires/palmci.png' %}" alt="Palmci" loading="lazy" aria-hidden="true"></div>
|
||||
<div class="logo-slide"><img src="{% static 'img/partenaires/palmafrique.jpeg' %}" alt="Palmafrique" loading="lazy" aria-hidden="true"></div>
|
||||
<div class="logo-slide"><img src="{% static 'img/partenaires/veolia.png' %}" alt="Veolia" loading="lazy" aria-hidden="true"></div>
|
||||
<div class="logo-slide"><img src="{% static 'img/partenaires/Coris assurance.jpg' %}" alt="Coris Assurance" loading="lazy" aria-hidden="true"></div>
|
||||
<div class="logo-slide"><img src="{% static 'img/partenaires/sim assurance.jpg' %}" alt="SIM Assurance" loading="lazy" aria-hidden="true"></div>
|
||||
<div class="logo-slide"><img src="{% static 'img/partenaires/saph .jpg' %}" alt="SAPH" loading="lazy" aria-hidden="true"></div>
|
||||
<div class="logo-slide"><img src="{% static 'img/partenaires/emergim.png' %}" alt="Emergim" loading="lazy" aria-hidden="true"></div>
|
||||
<div class="logo-slide"><img src="{% static 'img/partenaires/korigins.png' %}" alt="Korigins" loading="lazy" aria-hidden="true"></div>
|
||||
<div class="logo-slide"><img src="{% static 'img/partenaires/carré dor.png' %}" alt="Carré d'Or" loading="lazy" aria-hidden="true"></div>
|
||||
<div class="logo-slide"><img src="{% static 'img/partenaires/mairie de dioulatédougou.jpg' %}" alt="Mairie de Dioulatédougou" loading="lazy" aria-hidden="true"></div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
Reference in New Issue
Block a user