Files
html/solutions/productivity.html
2026-04-18 13:25:01 +02:00

134 lines
16 KiB
HTML

<!DOCTYPE html>
<html lang="fr" data-theme="light"><head>
<link rel="icon" href="/favicon.ico" type="image/x-icon">
<meta charset="UTF-8"><meta name="viewport" content="width=device-width,initial-scale=1.0">
<title>Suite WEVAL Productivity - IA generative métier | WEVAL Consulting</title>
<meta name="description" content="Suite WEVAL Productivity - Suite d'applications IA pour les métiers. De la proposale commerciale au contrat, du design visuel à la présentation, du contenu marketing à">
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&family=Space+Mono:wght@400;700&display=swap" rel="stylesheet">
<script>(function(){var t=localStorage.getItem('weval-theme')||'light';document.documentElement.setAttribute('data-theme',t);})();</script>
<style>
:root{--bg:#ffffff;--bg-alt:#fafbfc;--surface:#ffffff;--text:#1a1f3a;--text-soft:#5a6480;--text-dim:#8893a8;--border:rgba(26,31,58,.08);--border-mid:rgba(26,31,58,.14);--shadow:0 1px 3px rgba(26,31,58,.04),0 8px 24px rgba(26,31,58,.04);--shadow-h:0 2px 6px rgba(26,31,58,.06),0 16px 40px rgba(26,31,58,.08);--a:#0d9488;--a-soft:rgba(13,148,136,.08);--btn-p:#5b4cdb;--btn-p-h:#4a3dc4}
html[data-theme="dark"]{--bg:#05080f;--bg-alt:#080c18;--surface:#0c1222;--text:#edf2f7;--text-soft:#a8b4c8;--text-dim:#7a8ba5;--border:rgba(255,255,255,.06);--border-mid:rgba(255,255,255,.12);--shadow:0 1px 3px rgba(0,0,0,.3),0 8px 24px rgba(0,0,0,.3);--shadow-h:0 2px 6px rgba(0,0,0,.4),0 16px 40px rgba(0,0,0,.4);--a:#00c9a7;--a-soft:rgba(0,201,167,.12);--btn-p:#7c5cfc;--btn-p-h:#9277ff}
*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}
body{font-family:'Inter',sans-serif;background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;transition:background .3s,color .3s}
body::before{content:'';position:fixed;inset:0;background:radial-gradient(circle at 20% 10%,var(--a-soft) 0%,transparent 40%),radial-gradient(circle at 80% 60%,var(--a-soft) 0%,transparent 45%);pointer-events:none;opacity:.6;z-index:-1}
nav{position:fixed;top:0;width:100%;padding:1rem 4%;display:flex;justify-content:space-between;align-items:center;z-index:100;backdrop-filter:blur(20px);background:color-mix(in srgb,var(--bg) 85%,transparent);border-bottom:1px solid var(--border)}
.logo{font-weight:800;font-size:1.35rem;letter-spacing:-.035em;display:flex;align-items:center;gap:.5rem;color:var(--text);text-decoration:none}
.logo-dot{width:10px;height:10px;border-radius:50%;background:var(--a);box-shadow:0 0 18px var(--a-soft)}
.nav-r{display:flex;gap:1.6rem;align-items:center}
.nav-r a{color:var(--text-soft);text-decoration:none;font-size:.86rem;font-weight:500;transition:color .25s}
.nav-r a:hover{color:var(--a)}
.btn-n{background:var(--btn-p);color:#fff;padding:.6rem 1.3rem;border-radius:8px;font-weight:600;font-size:.84rem;text-decoration:none;transition:all .2s}
.btn-n:hover{background:var(--btn-p-h)}
.theme-toggle{width:38px;height:38px;border-radius:50%;background:var(--bg-alt);border:1px solid var(--border);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;color:var(--text-soft)}
.theme-toggle:hover{border-color:var(--a);color:var(--a)}
.theme-toggle svg{width:18px;height:18px}
html[data-theme="light"] .icon-sun{display:none}html[data-theme="dark"] .icon-moon{display:none}
.hero{min-height:82vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:9rem 4% 5rem;position:relative;overflow:hidden}
.badge{display:inline-flex;align-items:center;gap:.5rem;background:var(--a-soft);border:1px solid var(--a-soft);border-radius:100px;padding:.42rem 1.05rem;font-size:.72rem;font-weight:700;color:var(--a);margin-bottom:2rem;font-family:'Space Mono',monospace;letter-spacing:.05em}
.badge::before{content:'';width:6px;height:6px;background:var(--a);border-radius:50%;animation:pulse 2s infinite}
@keyframes pulse{0%,100%{opacity:1}50%{opacity:.35}}
.suite-prefix{font-family:'Space Mono',monospace;font-size:.85rem;font-weight:600;color:var(--text-soft);text-transform:uppercase;letter-spacing:.3em;margin-bottom:1rem}
h1{font-size:clamp(2.4rem,5vw,4.2rem);font-weight:800;line-height:1.04;letter-spacing:-.04em;max-width:920px;margin-bottom:1.4rem;color:var(--text)}
h1 em{font-style:normal;color:var(--a)}
.sub{font-size:clamp(1rem,1.2vw,1.1rem);color:var(--text-soft);max-width:720px;line-height:1.65;margin-bottom:2.5rem}
.btns{display:flex;gap:1rem;flex-wrap:wrap;justify-content:center}
.btn-p{background:var(--btn-p);color:#fff;padding:.95rem 2rem;border-radius:10px;font-weight:600;font-size:.9rem;text-decoration:none;transition:all .25s;box-shadow:0 4px 12px color-mix(in srgb,var(--btn-p) 25%,transparent)}
.btn-p:hover{background:var(--btn-p-h);transform:translateY(-2px)}
.btn-o{background:transparent;color:var(--text);padding:.95rem 2rem;border-radius:10px;font-weight:500;font-size:.9rem;text-decoration:none;border:1px solid var(--border-mid);transition:all .25s}
.btn-o:hover{border-color:var(--a);color:var(--a)}
.sec{padding:5.5rem 4%;max-width:1200px;margin:0 auto}
.sec.alt{background:var(--bg-alt);max-width:none;padding-left:max(4%,calc((100% - 1200px) / 2));padding-right:max(4%,calc((100% - 1200px) / 2))}
.stag{font-family:'Space Mono',monospace;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.22em;color:var(--a);margin-bottom:1rem;display:inline-block}
h2{font-size:clamp(1.8rem,2.8vw,2.5rem);font-weight:800;letter-spacing:-.032em;line-height:1.1;margin-bottom:.9rem;max-width:720px;color:var(--text)}
h2 em{font-style:normal;color:var(--a)}
.sd{color:var(--text-soft);font-size:1rem;line-height:1.65;max-width:640px;margin-bottom:3rem}
.g2{display:grid;grid-template-columns:repeat(2,1fr);gap:1.2rem}
.vpcard{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:1.8rem;box-shadow:var(--shadow);transition:all .3s;position:relative}
.vpcard::before{content:'';position:absolute;top:0;left:0;width:3px;height:100%;background:var(--a);border-radius:14px 0 0 14px}
.vpcard h3{font-size:1.1rem;font-weight:700;margin-bottom:.6rem;color:var(--text)}
.vpcard p{font-size:.9rem;color:var(--text-soft);line-height:1.65}
.apps-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.2rem;margin-top:2rem}
.appcard{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:1.8rem;transition:all .3s;text-decoration:none;color:inherit;display:block;box-shadow:var(--shadow);position:relative;overflow:hidden}
.appcard:hover{border-color:var(--a);transform:translateY(-3px);box-shadow:var(--shadow-h)}
.appcard.flagship{border:2px solid var(--a);background:linear-gradient(180deg,var(--a-soft) 0%,var(--surface) 100%)}
.flagship-tag{position:absolute;top:1rem;right:1rem;background:var(--a);color:#fff;font-family:'Space Mono',monospace;font-size:.6rem;font-weight:700;padding:.22rem .55rem;border-radius:100px;letter-spacing:.08em}
.appcard h3{font-size:1.1rem;font-weight:700;margin-bottom:.4rem;color:var(--text);letter-spacing:-.01em}
.appcard .app-tagline{font-size:.82rem;color:var(--a);font-weight:600;margin-bottom:.9rem;font-family:'Space Mono',monospace}
.appcard p{font-size:.86rem;color:var(--text-soft);line-height:1.6;margin-bottom:1rem}
.appcard-link{font-size:.82rem;color:var(--a);font-weight:600;text-decoration:none;display:inline-flex;align-items:center;gap:.3rem}
.cta{text-align:center;padding:4.5rem 2rem;margin:3rem 4% 2rem;background:var(--bg-alt);border:1px solid var(--border);border-radius:22px;max-width:1080px;margin-left:auto;margin-right:auto}
.cta p{color:var(--text-soft);max-width:560px;margin:0 auto 2rem}
footer{padding:2.5rem 4% 1.5rem;max-width:1200px;margin:2rem auto 0;border-top:1px solid var(--border)}
.foot-t{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;flex-wrap:wrap;gap:1rem}
.foot-t .logo{font-size:1.1rem}
.foot-links{display:flex;gap:1.3rem;font-size:.85rem;align-items:center;flex-wrap:wrap}
.foot-links a{color:var(--text-soft);text-decoration:none;transition:color .2s;display:inline-flex;align-items:center;gap:.35rem}
.foot-links a:hover{color:var(--a)}
.foot-b{font-size:.74rem;color:var(--text-dim);font-family:'Space Mono',monospace;letter-spacing:.04em}
.foot-b a{color:var(--a);text-decoration:none}
@media(max-width:900px){h1{font-size:2.2rem}.g2,.apps-grid{grid-template-columns:1fr}.nav-r a:not(.btn-n):not(.theme-toggle){display:none}}
</style>
</head><body>
<nav>
<a class="logo" href="/"><span class="logo-dot"></span>WEVAL<span style="color:var(--a)">.</span></a>
<div class="nav-r">
<a href="/">Accueil</a>
<a href="/products/">Produits</a>
<a href="/marketplace">Marketplace</a>
<button class="theme-toggle" onclick="(function(){var c=document.documentElement.getAttribute('data-theme')==='dark'?'light':'dark';document.documentElement.setAttribute('data-theme',c);localStorage.setItem('weval-theme',c);})()" aria-label="Basculer thème jour/nuit"><svg class="icon-sun" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="4"/><path d="M12 2v2M12 20v2M4.93 4.93l1.41 1.41M17.66 17.66l1.41 1.41M2 12h2M20 12h2M6.34 17.66l-1.41 1.41M19.07 4.93l-1.41 1.41"/></svg><svg class="icon-moon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M21 12.79A9 9 0 1 1 11.21 3 7 7 0 0 0 21 12.79z"/></svg></button>
<a href="#cta" class="btn-n">Demander une demo -></a>
</div>
</nav>
<section class="hero">
<div class="badge">SUITE - Productivite et creation</div>
<div class="suite-prefix">Suite WEVAL Productivity</div>
<h1>Vos livrables,<br><em>générés et orchestrés.</em></h1>
<p class="sub">Suite d'applications IA pour les métiers. De la proposale commerciale au contrat, du design visuel à la présentation, du contenu marketing à la traduction. Chaque app est une IA spécialisée, fine-tunable sur votre domaine métier, déployable en souveraineté.</p>
<div class="btns">
<a href="#apps" class="btn-p">Voir les 14 applications -></a>
<a href="/#contact" class="btn-o">Demander une demo</a>
</div>
</section>
<section class="sec">
<div class="stag">// Pourquoi cette suite</div>
<h2>Quatre atouts, <em>une même promesse.</em></h2>
<p class="sd">Ce qui distingue la suite WEVAL Productivity des solutions fragmentees du marche.</p>
<div class="g2"><div class="vpcard"><h3>Qualité constante</h3><p>Templates et guardrails métier garantissent un niveau constant, independant de la creativite individuelle.</p></div><div class="vpcard"><h3>Intégration workflow</h3><p>Chaque app s intégré dans vos outils existants - Slack, Teams, Google Workspace, Microsoft 365.</p></div><div class="vpcard"><h3>Fine-tuning métier</h3><p>Entrainement sur votre corpus pour ton, style, contraintes sectorielles. Resultat indiscernable de votre equipe.</p></div><div class="vpcard"><h3>Productivité mesurable</h3><p>Gains 3-5x sur les taches de production, traces et reportes dans un dashboard unifie.</p></div></div>
</section>
<section class="sec alt" id="apps">
<div class="stag">// Applications de la suite</div>
<h2>14 applications, <em>interopérables.</em></h2>
<p class="sd">Chaque application est aussi consommable en standalone. Ensemble, elles constituent la suite WEVAL Productivity - amplification mutuelle des capacites.</p>
<div class="apps-grid"><a class="appcard" href="/products/proposalai.html"><h3>Proposalai</h3><div class="app-tagline">Application de la suite</div><p>Details a venir. Partie integrante de la suite WEVAL Productivity.</p><span class="appcard-link">Voir la fiche produit -&gt;</span></a><a class="appcard" href="/products/blueprintai.html"><h3>Blueprintai</h3><div class="app-tagline">Application de la suite</div><p>Details a venir. Partie integrante de la suite WEVAL Productivity.</p><span class="appcard-link">Voir la fiche produit -&gt;</span></a><a class="appcard" href="/products/contractai.html"><h3>Contractai</h3><div class="app-tagline">Application de la suite</div><p>Details a venir. Partie integrante de la suite WEVAL Productivity.</p><span class="appcard-link">Voir la fiche produit -&gt;</span></a><a class="appcard" href="/products/presentationai.html"><h3>Presentationai</h3><div class="app-tagline">Application de la suite</div><p>Details a venir. Partie integrante de la suite WEVAL Productivity.</p><span class="appcard-link">Voir la fiche produit -&gt;</span></a><a class="appcard" href="/products/canvasai.html"><h3>Canvasai</h3><div class="app-tagline">Application de la suite</div><p>Details a venir. Partie integrante de la suite WEVAL Productivity.</p><span class="appcard-link">Voir la fiche produit -&gt;</span></a><a class="appcard" href="/products/copyai.html"><h3>Copyai</h3><div class="app-tagline">Application de la suite</div><p>Details a venir. Partie integrante de la suite WEVAL Productivity.</p><span class="appcard-link">Voir la fiche produit -&gt;</span></a><a class="appcard" href="/products/content-factory.html"><h3>Content Factory</h3><div class="app-tagline">Application de la suite</div><p>Details a venir. Partie integrante de la suite WEVAL Productivity.</p><span class="appcard-link">Voir la fiche produit -&gt;</span></a><a class="appcard" href="/products/creativefactory.html"><h3>Creativefactory</h3><div class="app-tagline">Application de la suite</div><p>Details a venir. Partie integrante de la suite WEVAL Productivity.</p><span class="appcard-link">Voir la fiche produit -&gt;</span></a><a class="appcard" href="/products/dashboardai.html"><h3>Dashboardai</h3><div class="app-tagline">Application de la suite</div><p>Details a venir. Partie integrante de la suite WEVAL Productivity.</p><span class="appcard-link">Voir la fiche produit -&gt;</span></a><a class="appcard" href="/products/translateai.html"><h3>Translateai</h3><div class="app-tagline">Application de la suite</div><p>Details a venir. Partie integrante de la suite WEVAL Productivity.</p><span class="appcard-link">Voir la fiche produit -&gt;</span></a><a class="appcard" href="/products/meetingai.html"><h3>Meetingai</h3><div class="app-tagline">Application de la suite</div><p>Details a venir. Partie integrante de la suite WEVAL Productivity.</p><span class="appcard-link">Voir la fiche produit -&gt;</span></a><a class="appcard" href="/products/devforge.html"><h3>Devforge</h3><div class="app-tagline">Application de la suite</div><p>Details a venir. Partie integrante de la suite WEVAL Productivity.</p><span class="appcard-link">Voir la fiche produit -&gt;</span></a><a class="appcard" href="/products/bizplan.html"><h3>Bizplan</h3><div class="app-tagline">Application de la suite</div><p>Details a venir. Partie integrante de la suite WEVAL Productivity.</p><span class="appcard-link">Voir la fiche produit -&gt;</span></a><a class="appcard" href="/products/esignature.html"><h3>Esignature</h3><div class="app-tagline">Application de la suite</div><p>Details a venir. Partie integrante de la suite WEVAL Productivity.</p><span class="appcard-link">Voir la fiche produit -&gt;</span></a></div>
</section>
<div class="cta" id="cta">
<div class="stag" style="text-align:center;display:block">// Commencer</div>
<h2>Deployer <em>WEVAL Productivity</em> chez vous.</h2>
<p>POC gratuit 2 semaines. MVP opérationnel en 1 mois. Deploiement Enterprise complet en 3 mois. IA souveraine, données hebergees chez vous.</p>
<div class="btns">
<a href="/#contact" class="btn-p">Réserver un POC -></a>
<a href="/marketplace" class="btn-o">Voir le catalogue complet</a>
</div>
</div>
<footer>
<div class="foot-t">
<a class="logo" href="/"><span class="logo-dot"></span>WEVAL<span style="color:var(--a)">.</span></a>
<div class="foot-links">
<a href="/">Accueil</a>
<a href="/products/">Produits</a>
<a href="/marketplace">Marketplace</a>
<a href="/#contact">Contact</a>
<a href="https://www.linkedin.com/company/weval" target="_blank" rel="noopener" aria-label="LinkedIn"><svg width="16" height="16" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true"><path d="M19 3a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h14zM8.339 18.337V9.886H5.67v8.451h2.669zM7.003 8.687a1.549 1.549 0 1 0 0-3.097 1.549 1.549 0 0 0 0 3.097zm11.335 9.65v-4.637c0-2.475-1.332-3.625-3.109-3.625-1.434 0-2.076.788-2.436 1.342v-1.152H10.12c.037.778 0 8.451 0 8.451h2.673v-4.72c0-.24.017-.48.088-.652.193-.479.631-.975 1.367-.975.964 0 1.35.734 1.35 1.811v4.537h2.672z"/></svg> LinkedIn</a>
</div>
</div>
<div class="foot-b">&copy; 2026 WEVAL Consulting &middot; Cabinet de conseil &amp; editeur IA souveraine &middot; Partenaire Ecosysteme SAP &middot; Huawei Cloud Certified &middot; <a href="https://www.linkedin.com/company/weval" target="_blank" rel="noopener">Suivez-nous sur LinkedIn -></a></div>
</footer>
</body></html>