<![CDATA[<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>source.Ai — Agence IA en Occitanie | Intelligence Artificielle France</title>
<meta name="description" content="source.Ai, votre agence intelligence artificielle en Occitanie. Automatisation, chatbots IA, analyse de données. Transformez votre entreprise grâce à l'IA. Devis gratuit.">
<meta name="keywords" content="agence IA Occitanie, intelligence artificielle PME, automatisation IA France, chatbot IA Toulouse, agence IA Montpellier">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link href="https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800&display=swap" rel="stylesheet">
<style>
*{margin:0;padding:0;box-sizing:border-box}
:root{
--bleu:#1A4FA0;
--bleu-fonce:#0D2E63;
--bleu-clair:#2E6FD4;
--jaune:#F7C325;
--jaune-hover:#E0AC10;
--blanc:#FFFFFF;
--gris-clair:#F4F6FA;
--gris-texte:#4A5568;
--noir:#0D1B2E;
--radius:12px;
}
body{font-family:'Poppins',sans-serif;color:var(--gris-texte);background:#fff;line-height:1.7;overflow-x:hidden}
h1,h2,h3,h4{color:var(--noir);font-weight:700;line-height:1.25}
a{text-decoration:none;color:var(--bleu);transition:all .3s}
img{max-width:100%}
.container{max-width:1180px;margin:0 auto;padding:0 24px}
/* ── HEADER ── */
header{background:#fff;box-shadow:0 2px 20px rgba(26,79,160,.08);position:sticky;top:0;z-index:999;padding:0}
.header-inner{display:flex;align-items:center;justify-content:space-between;padding:18px 24px;max-width:1180px;margin:0 auto}
.logo{display:flex;align-items:center;gap:10px}
.logo-text{font-size:1.5rem;font-weight:800;color:var(--bleu)}
.logo-text span{color:var(--jaune)}
nav{display:flex;align-items:center;gap:8px}
nav a{font-size:.92rem;font-weight:500;color:var(--noir);padding:8px 14px;border-radius:8px;transition:all .3s}
nav a:hover{color:var(--bleu);background:rgba(26,79,160,.06)}
.btn-header{background:var(--jaune)!important;color:var(--noir)!important;font-weight:700!important;padding:10px 22px!important;border-radius:50px!important}
.btn-header:hover{background:var(--jaune-hover)!important;transform:translateY(-2px)}
/* ── HERO ── */
.hero{background:linear-gradient(135deg,var(--bleu-fonce) 0%,var(--bleu) 55%,#2E6FD4 100%);color:#fff;padding:110px 24px 90px;position:relative;overflow:hidden}
.hero::before{content:'';position:absolute;top:-40%;right:-15%;width:600px;height:600px;background:radial-gradient(circle,rgba(247,195,37,.15) 0%,transparent 65%);border-radius:50%;pointer-events:none}
.hero::after{content:'';position:absolute;bottom:-40%;left:-10%;width:400px;height:400px;background:radial-gradient(circle,rgba(247,195,37,.08) 0%,transparent 65%);border-radius:50%;pointer-events:none}
.hero-inner{max-width:1180px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;position:relative;z-index:1}
.hero-badge{display:inline-block;background:rgba(247,195,37,.18);border:1px solid rgba(247,195,37,.5);color:var(--jaune);padding:6px 18px;border-radius:50px;font-size:.8rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;margin-bottom:20px}
.hero h1{font-size:clamp(2rem,4.5vw,3.4rem);color:#fff;font-weight:800;margin-bottom:20px;line-height:1.15}
.hero h1 em{color:var(--jaune);font-style:normal}
.hero p{font-size:1.1rem;color:rgba(255,255,255,.88);max-width:520px;margin-bottom:36px;font-weight:300}
.hero-btns{display:flex;gap:16px;flex-wrap:wrap}
.btn-blanc{background:#fff;color:var(--bleu);font-weight:700;padding:14px 32px;border-radius:50px;font-size:1rem;transition:all .3s;box-shadow:0 4px 20px rgba(0,0,0,.15)}
.btn-blanc:hover{transform:translateY(-3px);box-shadow:0 10px 30px rgba(0,0,0,.2);color:var(--bleu)}
.btn-outline-blanc{background:transparent;color:#fff;font-weight:600;padding:14px 32px;border-radius:50px;font-size:1rem;border:2px solid rgba(255,255,255,.5);transition:all .3s}
.btn-outline-blanc:hover{background:rgba(255,255,255,.1);border-color:#fff;color:#fff;transform:translateY(-3px)}
.hero-visual{display:flex;justify-content:center;align-items:center}
.hero-card{background:rgba(255,255,255,.08);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.15);border-radius:20px;padding:32px;width:100%;max-width:380px}
.hero-card-title{color:rgba(255,255,255,.7);font-size:.8rem;font-weight:500;text-transform:uppercase;letter-spacing:.1em;margin-bottom:16px}
.stat-row{display:flex;align-items:center;justify-content:space-between;padding:14px 0;border-bottom:1px solid rgba(255,255,255,.08)}
.stat-row:last-child{border-bottom:none}
.stat-label{color:rgba(255,255,255,.75);font-size:.88rem}
.stat-val{color:var(--jaune);font-size:1.3rem;font-weight:800}
.stat-badge{background:rgba(247,195,37,.15);color:var(--jaune);font-size:.75rem;font-weight:600;padding:3px 10px;border-radius:50px}
/* ── STATS BAR ── */
.stats-bar{background:linear-gradient(135deg,var(--bleu),var(--bleu-fonce));padding:56px 24px}
.stats-grid{max-width:1180px;margin:0 auto;display:grid;grid-template-columns:repeat(4,1fr);gap:20px;text-align:center}
.stat-item .num{font-size:2.8rem;font-weight:800;color:var(--jaune);display:block;line-height:1}
.stat-item .lbl{font-size:.9rem;color:rgba(255,255,255,.8);margin-top:8px}
/* ── SECTIONS COMMUNES ── */
section{padding:90px 24px}
.section-alt{background:var(--gris-clair)}
.section-head{text-align:center;margin-bottom:56px}
.section-label{display:inline-flex;align-items:center;gap:10px;color:var(--bleu);font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;margin-bottom:12px}
.section-label::before{content:'';width:28px;height:3px;background:var(--jaune);border-radius:2px}
.section-head h2{font-size:clamp(1.6rem,3vw,2.4rem);margin-bottom:14px}
.section-head h2 em{color:var(--bleu);font-style:normal}
.section-head p{max-width:580px;margin:0 auto;color:var(--gris-texte);font-size:1rem}
/* ── SERVICES GRID ── */
.services-grid{max-width:1180px;margin:0 auto;display:grid;grid-template-columns:repeat(3,1fr);gap:28px}
.service-card{background:#fff;border-radius:var(--radius);padding:36px 28px;box-shadow:0 4px 24px rgba(26,79,160,.08);border-top:4px solid transparent;transition:all .35s;height:100%}
.service-card:hover{transform:translateY(-8px);border-top-color:var(--jaune);box-shadow:0 20px 50px rgba(26,79,160,.16)}
.icon{width:60px;height:60px;background:linear-gradient(135deg,var(--bleu),var(--bleu-clair));border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:1.6rem;margin-bottom:20px}
.service-card h3{font-size:1.15rem;margin-bottom:10px;color:var(--noir)}
.service-card p{font-size:.92rem;color:var(--gris-texte);line-height:1.7}
/* ── POURQUOI NOUS ── */
.pourquoi-inner{max-width:1180px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}
.pourquoi-img{background:linear-gradient(135deg,var(--bleu-fonce),var(--bleu));border-radius:20px;padding:48px 36px;color:#fff}
.pourquoi-img h3{color:#fff;font-size:1.4rem;margin-bottom:8px}
.pourquoi-img p{color:rgba(255,255,255,.75);font-size:.92rem;margin-bottom:32px}
.mini-stat{background:rgba(255,255,255,.1);border-radius:12px;padding:20px 24px;margin-bottom:16px;display:flex;justify-content:space-between;align-items:center}
.mini-stat .val{font-size:1.8rem;font-weight:800;color:var(--jaune)}
.mini-stat .lab{font-size:.85rem;color:rgba(255,255,255,.75)}
.avantages{display:flex;flex-direction:column;gap:24px}
.avantage{display:flex;gap:16px;align-items:flex-start}
.av-icon{width:48px;height:48px;min-width:48px;background:rgba(247,195,37,.12);border:2px solid var(--jaune);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.1rem}
.av-text h4{font-size:1rem;color:var(--noir);margin-bottom:4px}
.av-text p{font-size:.88rem;color:var(--gris-texte);margin:0}
/* ── PROCESSUS ── */
.processus-grid{max-width:1000px;margin:0 auto;display:grid;grid-template-columns:repeat(4,1fr);gap:8px;position:relative}
.processus-grid::before{content:'';position:absolute;top:32px;left:10%;width:80%;height:2px;background:linear-gradient(to right,var(--jaune),var(--bleu));z-index:0}
.etape{text-align:center;padding:0 8px;position:relative;z-index:1}
.etape-num{width:64px;height:64px;background:var(--bleu);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.3rem;font-weight:800;margin:0 auto 20px;border:4px solid var(--jaune)}
.etape h3{font-size:1rem;margin-bottom:8px;color:var(--noir)}
.etape p{font-size:.84rem;color:var(--gris-texte);line-height:1.6}
.etape-tag{display:inline-block;background:rgba(247,195,37,.15);color:var(--jaune-hover);font-size:.75rem;font-weight:600;padding:3px 10px;border-radius:50px;margin-bottom:8px}
/* ── TÉMOIGNAGES ── */
.temoignages-grid{max-width:1180px;margin:0 auto;display:grid;grid-template-columns:repeat(3,1fr);gap:28px}
.temoignage{background:#fff;border-radius:var(--radius);padding:32px;box-shadow:0 4px 24px rgba(26,79,160,.08);position:relative}
.temoignage::before{content:'"';font-size:5rem;color:var(--jaune);opacity:.3;position:absolute;top:-8px;left:20px;line-height:1;font-family:Georgia,serif}
.etoiles{color:var(--jaune);font-size:1rem;margin-bottom:14px}
.temoignage blockquote{font-style:italic;font-size:.93rem;color:var(--gris-texte);margin-bottom:20px;padding-top:8px;line-height:1.7}
.auteur strong{display:block;color:var(--noir);font-size:.92rem}
.auteur span{color:var(--bleu);font-size:.82rem}
/* ── BLOG APERÇU ── */
.blog-grid{max-width:1180px;margin:0 auto;display:grid;grid-template-columns:repeat(3,1fr);gap:28px}
.blog-card{background:#fff;border-radius:var(--radius);overflow:hidden;box-shadow:0 4px 24px rgba(26,79,160,.08);transition:all .35s}
.blog-card:hover{transform:translateY(-6px);box-shadow:0 20px 50px rgba(26,79,160,.16)}
.blog-img{height:190px;display:flex;align-items:center;justify-content:center;font-size:3rem}
.blog-img.blue{background:linear-gradient(135deg,var(--bleu-fonce),var(--bleu))}
.blog-img.gold{background:linear-gradient(135deg,#7B4F00,#C8930A)}
.blog-img.teal{background:linear-gradient(135deg,#0A5C6B,#0D9BAA)}
.blog-content{padding:24px}
.blog-cat{display:inline-block;background:rgba(26,79,160,.1);color:var(--bleu);padding:3px 10px;border-radius:50px;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;margin-bottom:10px}
.blog-card h3{font-size:1rem;margin-bottom:12px;line-height:1.45;color:var(--noir)}
.lire-plus{color:var(--bleu);font-size:.88rem;font-weight:600;display:inline-flex;align-items:center;gap:6px;transition:gap .2s}
.blog-card:hover .lire-plus{gap:10px}
/* ── CTA FINAL ── */
.cta-section{background:linear-gradient(135deg,var(--bleu-fonce),var(--bleu));padding:100px 24px;text-align:center;position:relative;overflow:hidden}
.cta-section::before{content:'';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:700px;height:700px;background:radial-gradient(circle,rgba(247,195,37,.1) 0%,transparent 60%);border-radius:50%;pointer-events:none}
.cta-section>*{position:relative;z-index:1}
.cta-section h2{color:#fff;font-size:clamp(1.8rem,3.5vw,2.8rem);margin-bottom:16px}
.cta-section h2 em{color:var(--jaune);font-style:normal}
.cta-section p{color:rgba(255,255,255,.85);font-size:1.05rem;max-width:500px;margin:0 auto 36px}
.btn-jaune{background:var(--jaune);color:var(--noir);font-weight:700;font-size:1.05rem;padding:16px 40px;border-radius:50px;border:none;cursor:pointer;transition:all .3s;display:inline-block;box-shadow:0 6px 24px rgba(247,195,37,.45)}
.btn-jaune:hover{background:var(--jaune-hover);transform:translateY(-3px);box-shadow:0 12px 36px rgba(247,195,37,.5);color:var(--noir)}
/* ── FOOTER ── */
footer{background:var(--bleu-fonce);color:rgba(255,255,255,.75);padding:70px 24px 0}
.footer-inner{max-width:1180px;margin:0 auto;display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:48px;padding-bottom:48px}
.footer-brand p{font-size:.88rem;line-height:1.7;margin-top:16px;color:rgba(255,255,255,.65)}
.footer-col h4{color:#fff;font-size:.95rem;font-weight:600;margin-bottom:20px;padding-bottom:10px;border-bottom:3px solid var(--jaune);display:inline-block}
.footer-col a{display:block;color:rgba(255,255,255,.65);font-size:.88rem;margin-bottom:10px;transition:all .3s}
.footer-col a:hover{color:var(--jaune);padding-left:6px}
.footer-bottom{border-top:1px solid rgba(255,255,255,.1);padding:20px 0;text-align:center;font-size:.82rem;color:rgba(255,255,255,.45)}
.footer-bottom a{color:var(--jaune)}
.socials{display:flex;gap:10px;margin-top:20px}
.socials a{width:38px;height:38px;background:rgba(255,255,255,.1);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.9rem;transition:all .3s;color:rgba(255,255,255,.7)}
.socials a:hover{background:var(--jaune);color:var(--noir);transform:translateY(-3px)}
/* ── RESPONSIVE ── */
@media(max-width:960px){
.hero-inner{grid-template-columns:1fr;gap:40px}
.hero-visual{display:none}
.services-grid{grid-template-columns:repeat(2,1fr)}
.pourquoi-inner{grid-template-columns:1fr}
.stats-grid{grid-template-columns:repeat(2,1fr)}
.temoignages-grid{grid-template-columns:1fr}
.blog-grid{grid-template-columns:repeat(2,1fr)}
.footer-inner{grid-template-columns:1fr 1fr;gap:36px}
.processus-grid{grid-template-columns:repeat(2,1fr)}
.processus-grid::before{display:none}
}
@media(max-width:640px){
nav{display:none}
.services-grid{grid-template-columns:1fr}
.blog-grid{grid-template-columns:1fr}
.stats-grid{grid-template-columns:repeat(2,1fr)}
.footer-inner{grid-template-columns:1fr}
.hero-btns{flex-direction:column}
.btn-blanc,.btn-outline-blanc{text-align:center}
.processus-grid{grid-template-columns:1fr}
}
</style>
</head>
<body>
<!-- ════════════════════════════════════
HEADER
════════════════════════════════════ -->
<header>
<div class="header-inner">
<div class="logo">
<!-- Remplace ce texte par ton logo image : <img decoding="async" src="logo.png" height="44" alt="source.Ai"> -->
<div class="logo-text">source<span>.Ai</span></div>
</div>
<nav>
<a href="/">Accueil</a>
<a href="/services">Services</a>
<a href="/cas-usage">Cas d'usage</a>
<a href="/blog">Blog</a>
<a href="/a-propos">À propos</a>
<a href="/contact" class="btn-header">Prendre RDV</a>
</nav>
</div>
</header>
<!-- ════════════════════════════════════
HERO
════════════════════════════════════ -->
<section class="hero">
<div class="hero-inner">
<div class="hero-content">
<span class="hero-badge">🤖 Agence IA · Occitanie & France</span>
<h1>Transformez votre entreprise avec l'<em>Intelligence Artificielle</em></h1>
<p>source.Ai accompagne les PME et entreprises d'Occitanie dans leur transformation IA. Automatisation, chatbots, analyse de données — des résultats concrets en moins de 3 mois.</p>
<div class="hero-btns">
<a href="/services" class="btn-blanc">Découvrir nos solutions</a>
<a href="/contact" class="btn-outline-blanc">Appel gratuit 30 min →</a>
</div>
</div>
<div class="hero-visual">
<div class="hero-card">
<div class="hero-card-title">📊 Résultats clients source.Ai</div>
<div class="stat-row">
<span class="stat-label">Temps économisé</span>
<span class="stat-val">-72%</span>
</div>
<div class="stat-row">
<span class="stat-label">ROI moyen</span>
<span class="stat-val">×3.2</span>
</div>
<div class="stat-row">
<span class="stat-label">Satisfaction client</span>
<span class="stat-val">98%</span>
</div>
<div class="stat-row">
<span class="stat-label">Délai de déploiement</span>
<span class="stat-val">6 sem.</span>
</div>
<div style="margin-top:20px;padding:12px 16px;background:rgba(247,195,37,.15);border-radius:10px;text-align:center">
<span style="color:#F7C325;font-size:.82rem;font-weight:600">✅ 50+ projets IA déployés en Occitanie</span>
</div>
</div>
</div>
</div>
</section>
<!-- ════════════════════════════════════
STATS BAR
════════════════════════════════════ -->
<div class="stats-bar">
<div class="stats-grid">
<div class="stat-item"><span class="num">50+</span><div class="lbl">Projets IA déployés</div></div>
<div class="stat-item"><span class="num">×3</span><div class="lbl">ROI moyen constaté</div></div>
<div class="stat-item"><span class="num">98%</span><div class="lbl">Clients satisfaits</div></div>
<div class="stat-item"><span class="num">48h</span><div class="lbl">Délai de réponse garanti</div></div>
</div>
</div>
<!-- ════════════════════════════════════
SERVICES
════════════════════════════════════ -->
<section>
<div class="container">
<div class="section-head">
<div class="section-label">Ce que nous faisons</div>
<h2>Des solutions IA <em>adaptées à votre métier</em></h2>
<p>De l'audit stratégique au déploiement opérationnel, nous couvrons l'ensemble du cycle de transformation par l'IA.</p>
</div>
<div class="services-grid">
<div class="service-card">
<div class="icon">⚙️</div>
<h3>Automatisation des processus</h3>
<p>Réduisez les tâches répétitives et libérez vos équipes grâce à des workflows intelligents sur mesure. Gain moyen : -60% de temps administratif.</p>
</div>
<div class="service-card">
<div class="icon">🧠</div>
<h3>IA Générative & LLM</h3>
<p>Intégrez GPT-4, Claude ou Mistral dans vos outils métier. Assistants IA internes, génération de contenu, résumés automatiques.</p>
</div>
<div class="service-card">
<div class="icon">💬</div>
<h3>Chatbots & Agents IA</h3>
<p>Déployez des agents conversationnels intelligents disponibles 24h/24. Service client, qualification de leads, support interne.</p>
</div>
<div class="service-card">
<div class="icon">📊</div>
<h3>Analyse de données & Prédiction</h3>
<p>Exploitez vos données avec le machine learning. Prévisions de ventes, détection d'anomalies, tableaux de bord IA en temps réel.</p>
</div>
<div class="service-card">
<div class="icon">🗺️</div>
<h3>Audit & Stratégie IA</h3>
<p>Évaluez votre maturité IA et construisez une feuille de route priorisée. Livrable : rapport complet + 3 cas d'usage à ROI rapide.</p>
</div>
<div class="service-card">
<div class="icon">🎓</div>
<h3>Formation & Acculturation IA</h3>
<p>Formez vos équipes aux outils IA du quotidien. De l'initiation au prompt engineering avancé, en présentiel en Occitanie ou à distance.</p>
</div>
</div>
<div style="text-align:center;margin-top:44px">
<a href="/services" class="btn-jaune">Voir tous nos services →</a>
</div>
</div>
</section>
<!-- ════════════════════════════════════
POURQUOI SOURCE.AI
════════════════════════════════════ -->
<section class="section-alt">
<div class="pourquoi-inner">
<div class="pourquoi-img">
<h3>source.Ai en chiffres</h3>
<p>Une agence IA de proximité, ancrée en Occitanie, qui livre des résultats mesurables.</p>
<div class="mini-stat">
<span class="lab">Projets déployés</span>
<span class="val">50+</span>
</div>
<div class="mini-stat">
<span class="lab">Secteurs accompagnés</span>
<span class="val">12</span>
</div>
<div class="mini-stat">
<span class="lab">ROI moyen client</span>
<span class="val">×3.2</span>
</div>
<div class="mini-stat">
<span class="lab">Satisfaction clients</span>
<span class="val">98%</span>
</div>
</div>
<div>
<div class="section-label" style="margin-bottom:12px">Notre différence</div>
<h2 style="margin-bottom:32px">Une agence IA <em>de proximité</em>,<br>des résultats concrets</h2>
<div class="avantages">
<div class="avantage">
<div class="av-icon">📍</div>
<div class="av-text">
<h4>Expertise locale Occitanie</h4>
<p>Basés en Occitanie, nous connaissons le tissu économique régional et intervenons rapidement sur le terrain.</p>
</div>
</div>
<div class="avantage">
<div class="av-icon">🎯</div>
<div class="av-text">
<h4>Approche 100% sur mesure</h4>
<p>Pas de solutions génériques. Chaque projet est conçu selon vos contraintes, vos outils et vos objectifs.</p>
</div>
</div>
<div class="avantage">
<div class="av-icon">📈</div>
<div class="av-text">
<h4>ROI mesurable dès 3 mois</h4>
<p>Nous fixons des indicateurs clairs avant chaque projet pour que vous mesuriez la valeur créée.</p>
</div>
</div>
<div class="avantage">
<div class="av-icon">🔧</div>
<div class="av-text">
<h4>Accompagnement post-déploiement</h4>
<p>Nous restons à vos côtés après la mise en production : maintenance, optimisation, formation continue.</p>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- ════════════════════════════════════
PROCESSUS
════════════════════════════════════ -->
<section>
<div class="container">
<div class="section-head">
<div class="section-label">Notre méthode</div>
<h2>De l'idée au déploiement en <em>4 étapes claires</em></h2>
<p>Une approche structurée, transparente et orientée résultats — du premier diagnostic à la mise en production.</p>
</div>
<div class="processus-grid">
<div class="etape">
<div class="etape-num">1</div>
<div class="etape-tag">Semaine 1</div>
<h3>Audit & Diagnostic</h3>
<p>Analyse de vos processus, données et objectifs. Identification des opportunités IA à fort impact.</p>
</div>
<div class="etape">
<div class="etape-num">2</div>
<div class="etape-tag">Semaine 2–3</div>
<h3>Conception & Prototype</h3>
<p>Conception de la solution et présentation d'un prototype fonctionnel pour valider l'approche.</p>
</div>
<div class="etape">
<div class="etape-num">3</div>
<div class="etape-tag">Semaine 4–8</div>
<h3>Développement</h3>
<p>Développement et intégration de la solution IA dans votre environnement existant.</p>
</div>
<div class="etape">
<div class="etape-num">4</div>
<div class="etape-tag">Semaine 9–10</div>
<h3>Déploiement & Formation</h3>
<p>Mise en production, formation de vos équipes et transfert de compétences.</p>
</div>
</div>
</div>
</section>
<!-- ════════════════════════════════════
TÉMOIGNAGES
════════════════════════════════════ -->
<section class="section-alt">
<div class="container">
<div class="section-head">
<div class="section-label">Ils nous font confiance</div>
<h2>Ce que disent nos <em>clients</em></h2>
</div>
<div class="temoignages-grid">
<div class="temoignage">
<div class="etoiles">★★★★★</div>
<blockquote>"source.Ai a automatisé 80% de notre traitement des commandes. Nous économisons 15 heures par semaine depuis le premier mois. Un investissement qui s'est amorti en 2 mois."</blockquote>
<div class="auteur">
<strong>Marie D.</strong>
<span>Directrice Opérations · PME Agroalimentaire, Hérault</span>
</div>
</div>
<div class="temoignage">
<div class="etoiles">★★★★★</div>
<blockquote>"Leur chatbot IA a transformé notre service client. Le taux de satisfaction est passé de 72% à 94% en 3 mois. L'équipe est sérieuse, réactive et vraiment à l'écoute."</blockquote>
<div class="auteur">
<strong>Thomas R.</strong>
<span>CEO · Startup E-commerce, Toulouse</span>
</div>
</div>
<div class="temoignage">
<div class="etoiles">★★★★★</div>
<blockquote>"Un accompagnement professionnel du premier appel à la mise en production. Les résultats dépassent nos attentes initiales. Je recommande sans hésiter."</blockquote>
<div class="auteur">
<strong>Sophie M.</strong>
<span>DSI · Groupe Industriel, Occitanie</span>
</div>
</div>
</div>
</div>
</section>
<!-- ════════════════════════════════════
BLOG APERÇU
════════════════════════════════════ -->
<section>
<div class="container">
<div class="section-head">
<div class="section-label">Nos insights</div>
<h2>Actualité & <em>conseils IA</em></h2>
<p>Restez à la pointe de l'intelligence artificielle avec nos articles pratiques et nos retours d'expérience terrain.</p>
</div>
<div class="blog-grid">
<div class="blog-card">
<div class="blog-img blue">🤖</div>
<div class="blog-content">
<span class="blog-cat">Guide</span>
<h3>5 façons dont l'IA peut transformer votre PME en Occitanie</h3>
<a href="/blog/ia-pme-occitanie" class="lire-plus">Lire l'article <span>→</span></a>
</div>
</div>
<div class="blog-card">
<div class="blog-img gold">💡</div>
<div class="blog-content">
<span class="blog-cat">Comparatif</span>
<h3>ChatGPT vs Claude vs Mistral : quel LLM choisir pour votre entreprise ?</h3>
<a href="/blog/comparatif-llm-entreprise" class="lire-plus">Lire l'article <span>→</span></a>
</div>
</div>
<div class="blog-card">
<div class="blog-img teal">📈</div>
<div class="blog-content">
<span class="blog-cat">ROI & Business</span>
<h3>Comment calculer le ROI d'un projet IA : le guide complet</h3>
<a href="/blog/roi-projet-ia-guide" class="lire-plus">Lire l'article <span>→</span></a>
</div>
</div>
</div>
<div style="text-align:center;margin-top:44px">
<a href="/blog" style="color:var(--bleu);font-weight:600;font-size:.95rem">Voir tous les articles →</a>
</div>
</div>
</section>
<!-- ════════════════════════════════════
CTA FINAL
════════════════════════════════════ -->
<section class="cta-section">
<h2>Prêt à passer à l'<em>Intelligence Artificielle</em> ?</h2>
<p>Premier appel découverte gratuit de 30 minutes. On identifie ensemble vos 3 meilleures opportunités IA. Sans engagement.</p>
<a href="/contact" class="btn-jaune">Réserver mon appel gratuit →</a>
</section>
<!-- ════════════════════════════════════
FOOTER
════════════════════════════════════ -->
<footer>
<div class="footer-inner">
<div class="footer-brand">
<div class="logo-text" style="font-size:1.4rem">source<span style="color:var(--jaune)">.Ai</span></div>
<p>Agence spécialisée en intelligence artificielle en Occitanie. Nous aidons les entreprises françaises à transformer leurs opérations grâce à l'IA.</p>
<div class="socials">
<a href="#" title="LinkedIn">in</a>
<a href="#" title="Twitter/X">𝕏</a>
<a href="#" title="YouTube">▶</a>
</div>
</div>
<div class="footer-col">
<h4>Services</h4>
<a href="/services#automatisation">Automatisation IA</a>
<a href="/services#llm">IA Générative & LLM</a>
<a href="/services#chatbot">Chatbots & Agents IA</a>
<a href="/services#data">Analyse de données</a>
<a href="/services#audit">Audit & Stratégie IA</a>
<a href="/services#formation">Formation IA</a>
</div>
<div class="footer-col">
<h4>Entreprise</h4>
<a href="/a-propos">À propos</a>
<a href="/cas-usage">Cas d'usage</a>
<a href="/blog">Blog & Insights</a>
<a href="/contact">Contact</a>
</div>
<div class="footer-col">
<h4>Contact</h4>
<a href="mailto:contact@sourceai.fr">contact@sourceai.fr</a>
<a href="tel:+33XXXXXXXXX">+33 X XX XX XX XX</a>
<a href="#">Occitanie, France</a>
<a href="/contact" style="margin-top:12px;background:var(--jaune);color:var(--noir)!important;font-weight:700;padding:10px 20px;border-radius:50px;text-align:center">Prendre RDV →</a>
</div>
</div>
<div class="footer-bottom">
<div class="container">
© 2024 source.Ai — Tous droits réservés |
<a href="/mentions-legales">Mentions légales</a> |
<a href="/politique-confidentialite">Politique de confidentialité</a>
</div>
</div>
</footer>
</body>
</html>
]]>
