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

Initial commit

Browse Source
This commit is contained in:
ifaryd
2026-05-12 16:54:38 +00:00
commit 8638273475
92 changed files with 6861 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

82
templates/core/partials/_cta_final.html Normal file
View File

@@ -0,0 +1,82 @@
<!-- ══ 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>
<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}">
</div>
<textarea class="cta-input cta-textarea" name="message" placeholder="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>
</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.
</div>
</div>
</section>
<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 url = "{% url 'core:contact_ajax' %}";
form.addEventListener('submit', async function (e) {
e.preventDefault();
errors.hidden = true;
errors.innerHTML = '';
btn.disabled = true;
btn.style.opacity = '.6';
const data = new FormData(form);
try {
const res = await fetch(url, {
method: 'POST',
headers: { 'X-CSRFToken': data.get('csrfmiddlewaretoken') },
body: data,
});
const json = await res.json();
if (json.ok) {
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);
});
errors.hidden = false;
btn.disabled = false;
btn.style.opacity = '1';
}
} catch (_) {
const li = document.createElement('li');
li.textContent = 'Une erreur réseau est survenue. Veuillez réessayer.';
errors.appendChild(li);
errors.hidden = false;
btn.disabled = false;
btn.style.opacity = '1';
}
});
})();
</script>

68
templates/core/partials/_faq.html Normal file
View File

@@ -0,0 +1,68 @@
<!-- ══ 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>
<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 ?
<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>
<div class="faq-item reveal">
<div class="faq-q" onclick="toggleFaq(this)">
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>
<div class="faq-item reveal">
<div class="faq-q" onclick="toggleFaq(this)">
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>
<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 ?
<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>
<div class="faq-item reveal">
<div class="faq-q" onclick="toggleFaq(this)">
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>
<div class="faq-item reveal">
<div class="faq-q" onclick="toggleFaq(this)">
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>
</div>
</div>
</section>

43
templates/core/partials/_features.html Normal file
View File

@@ -0,0 +1,43 @@
<!-- ══ 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>
</div>
</div>
</section>

43
templates/core/partials/_footer.html Normal file
View File

@@ -0,0 +1,43 @@
<!-- ══ 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>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>
</div>
<div class="footer-col">
<h4>Entreprise</h4>
<a href="{% url 'core:about' %}">À propos</a>
{% if careers_enabled %}
<a href="{% url 'careers:job_list' %}">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. Tous droits réservés.</span>
<a href="{% url 'core:privacy' %}" style="color:#888;font-size:13px;text-decoration:none;">Politique de confidentialité</a>
<script>
document.getElementById("year").textContent = new Date().getFullYear();
</script>
</div>
</div>

56
templates/core/partials/_hero.html Normal file
View File

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

47
templates/core/partials/_nav.html Normal file
View File

@@ -0,0 +1,47 @@
<!-- ══ 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>
<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>
{% 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 %}
</a>
</li>
{% endif %}
</ul>
<button class="nav-hamburger" id="nav-hamburger" aria-label="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: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>
{% 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 %}
</a>
</li>
{% endif %}
</ul>
</div>
</nav>

98
templates/core/partials/_section_joolid.html Normal file
View File

@@ -0,0 +1,98 @@
<!-- ══ JOOL ID ══ -->
<section class="section s-id" id="joolid">
<div class="section-inner">
<div class="two-col">
<div class="reveal">
<span class="section-tag tag-light">
<span class="material-icons-round" style="font-size:13px;">badge</span>
Digitalisation & Gestion
</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>
<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>
</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>
</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>
</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
</a>
<a href="{% url 'core:joolid' %}" class="btn-outline-dark">En savoir plus</a>
</div>
</div>
<div class="reveal">
<div class="id-cards">
<div class="id-card">
<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>
<span class="id-badge badge-verified">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>
<span class="id-badge badge-verified">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>
<span class="id-badge badge-pending">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>
<span class="id-badge badge-verified">Vérifié</span>
</div>
<!-- summary card -->
<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>
<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>
</div>
</div>
</div>
</div>
</div>
</section>

59
templates/core/partials/_section_kiriq.html Normal file
View File

@@ -0,0 +1,59 @@
{% 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>
Satellitaire & 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>
<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>
</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>
</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>
</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
</a>
<a href="{% url 'core:kiriq' %}" class="btn-outline-dark">En savoir plus</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">
<div class="chip-float cf-tl">
<span class="material-icons-round">warning</span>
4 anomalies détectées
</div>
<div class="chip-float cf-br">
<span class="material-icons-round">trending_up</span>
NDVI +12 pts
</div>
</div>
</div>
</div>
</section>

61
templates/core/partials/_section_monitor.html Normal file
View File

@@ -0,0 +1,61 @@
{% load static %}
<!-- ══ JOOL MONITOR ══ -->
<section class="section s-monitor" id="monitor">
<div class="section-inner">
<div class="two-col flip">
<div class="reveal">
<span class="section-tag tag-white">
<span class="material-icons-round" style="font-size:13px;">flight</span>
Cartographie 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>
<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>
</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>
</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>
</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
</a>
<a href="{% url 'core:monitor' %}" class="btn-outline-light">En savoir plus</a>
</div>
</div>
<div class="drone-svg-wrap reveal" style="padding:0;">
<img src="{% static 'img/JooL Monitor.jpg' %}" alt="JooL Monitor — cartographie drone">
<div class="chip-float" style="top:14px;right:16px;animation-delay:.3s;">
<span class="material-icons-round">place</span>
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
</div>
</div>
</div>
</div>
</section>

27
templates/core/partials/_stats.html Normal file
View File

@@ -0,0 +1,27 @@
<!-- ══ 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>
</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>
<div class="stat-cell">
<div class="stat-val">+100 000 ha</div>
<div class="stat-lbl">Superficie suivie</div>
</div>
<div class="stat-cell">
<div class="stat-val">3</div>
<div class="stat-lbl">Cultures couvertes</div>
</div>
<div class="stat-cell">
<div class="stat-val">89%</div>
<div class="stat-lbl">Précision IA</div>
</div>
</div>
</div>
</section>

13
templates/core/partials/_testimonial.html Normal file
View File

@@ -0,0 +1,13 @@
<!-- ══ TESTIMONIAL ══ -->
<section class="s-testimonial">
<div class="section-inner reveal">
<div class="testimonial-avatar">🌿</div>
<blockquote class="testimonial-quote">
"Jool International a transformé notre façon de piloter nos 8 000 hectares de palmiers. Nous anticipons les
crises bien avant qu'elles arrivent sur le terrain."
</blockquote>
<div class="testimonial-author">
<strong>Directeur Technique</strong> · Grande plantation de palmier à huile, Côte d'Ivoire
</div>
</div>
</section>

7
templates/core/partials/_trust_strip.html Normal file
View File

@@ -0,0 +1,7 @@
<!-- ══ 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>

28
templates/core/partials/_trusted_by.html Normal file
View File

@@ -0,0 +1,28 @@
{% load 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>
</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>
<!-- 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>
</div>
</section>