632 lines
50 KiB
HTML
632 lines
50 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="fr">
|
|
<head>
|
|
<link rel="icon" href="/favicon.ico" type="image/x-icon">
|
|
<link rel="apple-touch-icon" href="/apple-touch-icon.png">
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>StoreAI — Créez votre boutique en ligne en 5 minutes</title>
|
|
<meta name="description" content="StoreAI — Créez votre boutique en ligne en 5 minutes - Solutions IA souveraines pour entreprises">
|
|
<link href="https://fonts.googleapis.com/css2?family=Space+Mono:wght@400;700&family=Outfit:wght@300;400;500;600;700;800&display=swap" rel="stylesheet">
|
|
<style>
|
|
:root{--bg:#05080f;--surface:#0c1222;--border:rgba(0,201,167,0.08);--teal:#00c9a7;--teal15:rgba(0,201,167,0.15);--purple:#7c5cfc;--gold:#f0c674;--coral:#ff6b6b;--blue:#4ea8de;--silver:#7a8ba5;--white:#edf2f7;--green:#34d399}
|
|
*{margin:0;padding:0;box-sizing:border-box}
|
|
html{scroll-behavior:smooth}
|
|
body{font-family:'Outfit',sans-serif;background:var(--bg);color:var(--white);overflow-x:hidden}
|
|
body::before{content:'';position:fixed;inset:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.03'/%3E%3C/svg%3E");pointer-events:none;z-index:1000}
|
|
|
|
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:rgba(5,8,15,0.8);border-bottom:1px solid var(--border)}
|
|
.logo{font-weight:800;font-size:1.5rem;letter-spacing:-0.03em}
|
|
.logo span{color:var(--green)}
|
|
.nav-r{display:flex;gap:1.5rem;align-items:center}
|
|
.nav-r a{color:var(--silver);text-decoration:none;font-size:0.85rem;font-weight:500;transition:color 0.3s}
|
|
.nav-r a:hover{color:var(--green)}
|
|
.btn-nav{background:var(--green);color:var(--bg);padding:0.55rem 1.3rem;border-radius:6px;font-weight:600;font-size:0.85rem;text-decoration:none;transition:all 0.3s}
|
|
.btn-nav:hover{background:#4ade80;transform:translateY(-1px)}
|
|
|
|
/* HERO */
|
|
.hero{min-height:100vh;display:flex;align-items:center;padding:7rem 4% 4rem;position:relative}
|
|
.hero::after{content:'';position:absolute;top:-10%;right:-5%;width:600px;height:600px;background:radial-gradient(circle,rgba(52,211,153,0.07) 0%,transparent 70%);border-radius:50%;pointer-events:none}
|
|
.hero-grid{display:grid;grid-template-columns:1.1fr 0.9fr;gap:4rem;max-width:1240px;margin:0 auto;align-items:center}
|
|
.hero-tag{display:inline-flex;align-items:center;gap:0.5rem;background:rgba(52,211,153,0.12);border:1px solid rgba(52,211,153,0.25);border-radius:100px;padding:0.35rem 1rem;font-size:0.75rem;font-weight:600;color:var(--green);margin-bottom:1.5rem}
|
|
.hero-tag::before{content:'';width:6px;height:6px;background:var(--green);border-radius:50%;animation:pulse 2s infinite}
|
|
@keyframes pulse{0%,100%{opacity:1}50%{opacity:0.3}}
|
|
h1{font-size:3.4rem;font-weight:800;line-height:1.08;letter-spacing:-0.03em;margin-bottom:1.5rem}
|
|
h1 em{font-style:normal;color:var(--green)}
|
|
.hero-desc{font-size:1.1rem;line-height:1.7;color:var(--silver);max-width:500px;margin-bottom:2rem}
|
|
.hero-actions{display:flex;gap:1rem}
|
|
.btn-primary{background:var(--green);color:var(--bg);padding:0.9rem 2rem;border-radius:8px;font-weight:700;font-size:1rem;text-decoration:none;transition:all 0.3s;display:inline-flex;align-items:center;gap:0.5rem;border:none;cursor:pointer}
|
|
.btn-primary:hover{background:#4ade80;transform:translateY(-2px);box-shadow:0 8px 30px rgba(52,211,153,0.25)}
|
|
.btn-outline{background:transparent;color:var(--white);padding:0.9rem 2rem;border-radius:8px;font-weight:500;font-size:1rem;text-decoration:none;border:1px solid rgba(255,255,255,0.15);transition:all 0.3s}
|
|
.btn-outline:hover{border-color:var(--green);color:var(--green)}
|
|
|
|
/* STORE PREVIEW */
|
|
.store-preview{background:var(--surface);border:1px solid rgba(52,211,153,0.12);border-radius:16px;overflow:hidden;box-shadow:0 30px 80px rgba(0,0,0,0.4)}
|
|
.store-bar{padding:0.6rem 1rem;background:rgba(0,0,0,0.3);display:flex;align-items:center;gap:0.5rem;font-size:0.7rem;color:var(--silver)}
|
|
.dot{width:8px;height:8px;border-radius:50%}
|
|
.dot-r{background:#ff5f57}.dot-y{background:#febc2e}.dot-g{background:#28c840}
|
|
.store-bar span{margin-left:auto;font-family:'Space Mono',monospace;font-size:0.65rem;color:rgba(255,255,255,0.25)}
|
|
.store-body{padding:1.5rem}
|
|
.store-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.2rem;padding-bottom:0.8rem;border-bottom:1px solid rgba(255,255,255,0.04)}
|
|
.store-name{font-weight:700;font-size:1rem}
|
|
.store-nav-items{display:flex;gap:1rem;font-size:0.72rem;color:var(--silver)}
|
|
.store-products{display:grid;grid-template-columns:repeat(3,1fr);gap:0.8rem}
|
|
.store-product{background:rgba(0,0,0,0.2);border-radius:10px;overflow:hidden}
|
|
.store-img{height:80px;background:linear-gradient(135deg,rgba(52,211,153,0.15),rgba(124,92,252,0.1));display:flex;align-items:center;justify-content:center;font-size:1.8rem}
|
|
.store-info{padding:0.6rem}
|
|
.store-pname{font-size:0.72rem;font-weight:600;margin-bottom:0.2rem}
|
|
.store-price{font-family:'Space Mono',monospace;font-size:0.7rem;color:var(--green)}
|
|
.ai-badge{display:inline-flex;align-items:center;gap:0.3rem;font-size:0.55rem;font-weight:700;padding:0.15rem 0.4rem;border-radius:100px;background:rgba(124,92,252,0.15);color:var(--purple);margin-top:0.3rem}
|
|
|
|
/* STATS */
|
|
.stats-bar{max-width:1240px;margin:-1.5rem auto 0;padding:0 4%;display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:rgba(52,211,153,0.06);border-radius:14px;overflow:hidden;position:relative;z-index:2}
|
|
.stat-item{padding:1.5rem;text-align:center;background:rgba(12,18,34,0.9)}
|
|
.stat-num{font-family:'Space Mono',monospace;font-size:2rem;color:var(--green);margin-bottom:0.2rem}
|
|
.stat-label{font-size:0.75rem;color:var(--silver)}
|
|
|
|
/* SECTIONS */
|
|
section{padding:5rem 4%;max-width:1240px;margin:0 auto}
|
|
.stag{font-family:'Space Mono',monospace;font-size:0.7rem;font-weight:700;text-transform:uppercase;letter-spacing:0.2em;color:var(--green);margin-bottom:1rem}
|
|
h2{font-size:2.4rem;font-weight:800;letter-spacing:-0.03em;line-height:1.1;margin-bottom:0.8rem}
|
|
.sdesc{font-size:1rem;color:var(--silver);max-width:520px;line-height:1.7;margin-bottom:3rem}
|
|
|
|
/* FEATURES */
|
|
.features{display:grid;grid-template-columns:repeat(3,1fr);gap:1.2rem}
|
|
.feat{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:1.8rem;transition:all 0.3s}
|
|
.feat:hover{border-color:rgba(52,211,153,0.2);transform:translateY(-3px)}
|
|
.feat-icon{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.3rem;margin-bottom:1rem}
|
|
.feat h3{font-size:1rem;font-weight:600;margin-bottom:0.4rem}
|
|
.feat p{font-size:0.82rem;color:var(--silver);line-height:1.55}
|
|
|
|
/* AI DIFFERENCE */
|
|
.ai-section{display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:center;padding:4rem 0}
|
|
.ai-card{background:linear-gradient(135deg,var(--surface),rgba(124,92,252,0.04));border:1px solid rgba(124,92,252,0.15);border-radius:16px;padding:2rem}
|
|
.ai-card h3{font-size:1.1rem;font-weight:700;margin-bottom:0.5rem;color:var(--purple)}
|
|
.ai-card p{font-size:0.85rem;color:var(--silver);line-height:1.6;margin-bottom:0.8rem}
|
|
.ai-feature{display:flex;align-items:center;gap:0.6rem;font-size:0.82rem;margin-bottom:0.5rem}
|
|
.ai-feature::before{content:'✦';color:var(--purple);font-size:0.7rem}
|
|
|
|
/* PRICING */
|
|
.pricing{display:grid;grid-template-columns:repeat(3,1fr);gap:1.2rem}
|
|
.price-card{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:2rem;transition:all 0.3s;position:relative}
|
|
.price-card.pop{border-color:var(--green);background:rgba(52,211,153,0.03)}
|
|
.price-card.pop::before{content:'POPULAIRE';position:absolute;top:-10px;left:50%;transform:translateX(-50%);background:var(--green);color:var(--bg);font-size:0.62rem;font-weight:700;letter-spacing:0.1em;padding:0.25rem 0.8rem;border-radius:100px}
|
|
.price-card:hover{transform:translateY(-3px)}
|
|
.price-name{font-size:0.78rem;font-weight:600;text-transform:uppercase;letter-spacing:0.1em;color:var(--silver);margin-bottom:0.8rem}
|
|
.price-amount{font-family:'Space Mono',monospace;font-size:2.5rem;margin-bottom:0.2rem}
|
|
.price-amount span{font-size:0.85rem;color:var(--silver);font-family:'Outfit',sans-serif}
|
|
.price-desc{font-size:0.8rem;color:var(--silver);margin-bottom:1.5rem;padding-bottom:1.5rem;border-bottom:1px solid rgba(255,255,255,0.04)}
|
|
.price-features{list-style:none;display:flex;flex-direction:column;gap:0.6rem;margin-bottom:1.5rem}
|
|
.price-features li{font-size:0.82rem;color:var(--silver);display:flex;align-items:center;gap:0.5rem}
|
|
.price-features li::before{content:'✓';color:var(--green);font-weight:700;font-size:0.8rem}
|
|
.btn-price{display:block;text-align:center;padding:0.8rem;border-radius:8px;font-weight:600;font-size:0.88rem;text-decoration:none;transition:all 0.3s}
|
|
.btn-price-fill{background:var(--green);color:var(--bg)}
|
|
.btn-price-fill:hover{background:#4ade80}
|
|
.btn-price-outline{border:1px solid rgba(255,255,255,0.12);color:var(--white)}
|
|
.btn-price-outline:hover{border-color:var(--green);color:var(--green)}
|
|
|
|
/* CTA */
|
|
.cta{text-align:center;padding:4rem 2rem;background:linear-gradient(135deg,var(--surface),rgba(52,211,153,0.04));border:1px solid var(--border);border-radius:20px;margin:2rem auto 4rem;max-width:1240px}
|
|
footer{padding:2rem 4%;max-width:1240px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;border-top:1px solid rgba(255,255,255,0.04);font-size:0.75rem;color:var(--silver)}
|
|
footer a{color:var(--green);text-decoration:none}
|
|
|
|
@keyframes fadeUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}
|
|
@media(max-width:900px){
|
|
.hero-grid{grid-template-columns:1fr}
|
|
h1{font-size:2.3rem}
|
|
.features,.pricing{grid-template-columns:1fr}
|
|
.stats-bar{grid-template-columns:repeat(2,1fr)}
|
|
.ai-section{grid-template-columns:1fr}
|
|
.nav-r{display:none}
|
|
.store-products{grid-template-columns:repeat(2,1fr)}
|
|
footer{flex-direction:column;gap:0.8rem;text-align:center}
|
|
}
|
|
input,select,textarea{background:#0b0d14!important;color:#e2e8f0!important;border:1px solid #1e293b!important;border-radius:8px!important}input::placeholder{color:#475569!important}</style><style>/* Hide nav in iframe */
|
|
@media all{.in-iframe nav{display:none!important}.in-iframe .hero{padding-top:3rem!important;min-height:auto!important}.in-iframe footer{display:none!important}.in-iframe .cta{display:none!important}.in-iframe .wv-links{display:none!important}.wv-links{display:none!important}}</style>
|
|
<script>if(window!==window.top)document.documentElement.classList.add('in-iframe');</script>
|
|
<link rel="canonical" href="https://weval-consulting.com/products/storeforge.html">
|
|
<meta property="og:title" content="StoreAI — Créez votre boutique en ligne en 5 minutes">
|
|
<meta property="og:description" content="StoreAI — Créez votre boutique en ligne en 5 minutes - Solutions IA souveraines pour entreprises">
|
|
<meta property="og:url" content="https://weval-consulting.com/products/storeforge.html">
|
|
<meta property="og:type" content="website">
|
|
<meta property="og:site_name" content="WEVAL Consulting">
|
|
<meta property="og:image" content="https://weval-consulting.com/assets/logo-weval-png-DChrMGao.png">
|
|
<meta name="twitter:card" content="summary">
|
|
<meta name="twitter:title" content="StoreAI — Créez votre boutique en ligne en 5 minutes">
|
|
<meta name="twitter:description" content="StoreAI — Créez votre boutique en ligne en 5 minutes - Solutions IA souveraines pour entreprises">
|
|
<link rel="alternate" hreflang="fr" href="https://weval-consulting.com/products/storeforge.html">
|
|
<link rel="alternate" hreflang="x-default" href="https://weval-consulting.com/products/storeforge.html">
|
|
<link rel="stylesheet" href="/assets/dark-iframe.css"></head>
|
|
<body>
|
|
|
|
<nav>
|
|
<div class="logo" style="display:flex;align-items:center;gap:8px"><img src="/assets/logo-storeforge.svg" alt="" style="width:32px;height:32px">Store<span>AI</span></div>
|
|
<div class="nav-r">
|
|
<a href="#features">Fonctionnalités</a>
|
|
<a href="#ai">IA Intégrée</a>
|
|
<a href="#pricing">Tarifs</a>
|
|
<a href="#cta" class="btn-nav">Créer ma boutique →</a></div></nav>
|
|
|
|
<!-- HERO -->
|
|
<section class="hero">
|
|
<div class="hero-grid">
|
|
<div>
|
|
<div class="hero-tag">E-commerce IA — Global Platform</div>
|
|
<h1>Votre boutique en ligne <em>boostée par l'IA</em></h1>
|
|
<p class="hero-desc">Créez, lancez et scalez votre boutique e-commerce en 5 minutes. Descriptions produits IA, chatbot vendeur, analytics avancés, paiement International.</p>
|
|
<div class="hero-actions">
|
|
<a href="#pricing" class="btn-primary">Commencer gratuitement →</a>
|
|
<a href="#features" class="btn-outline">Voir les fonctionnalités</a></div></div>
|
|
<div class="store-preview">
|
|
<div class="store-bar">
|
|
<div class="dot dot-r"></div><div class="dot dot-y"></div><div class="dot dot-g"></div>
|
|
<span>ma-boutique.storeai.ma</span></div>
|
|
<div class="store-body">
|
|
<div class="store-header">
|
|
<div class="store-name"> Ma Boutique</div>
|
|
<div class="store-nav-items"><span>Accueil</span><span>Catalogue</span><span>Contact</span><span> (2)</span></div></div>
|
|
<div class="store-products">
|
|
<div class="store-product">
|
|
<div class="store-img"></div>
|
|
<div class="store-info">
|
|
<div class="store-pname">Sneakers Premium</div>
|
|
<div class="store-price">890 USD</div>
|
|
<div class="ai-badge">Desc. IA</div></div></div>
|
|
<div class="store-product">
|
|
<div class="store-img"></div>
|
|
<div class="store-info">
|
|
<div class="store-pname">Sac Cuir Artisanal</div>
|
|
<div class="store-price">1,200 USD</div>
|
|
<div class="ai-badge">Desc. IA</div></div></div>
|
|
<div class="store-product">
|
|
<div class="store-img">⌚</div>
|
|
<div class="store-info">
|
|
<div class="store-pname">Montre Classique</div>
|
|
<div class="store-price">2,500 USD</div>
|
|
<div class="ai-badge">Desc. IA</div></div></div></div></div></div></div></section>
|
|
|
|
<!-- STATS -->
|
|
<div class="stats-bar">
|
|
<div class="stat-item"><div class="stat-num">5 min</div><div class="stat-label">Pour créer sa boutique</div></div>
|
|
<div class="stat-item"><div class="stat-num">0 USD</div><div class="stat-label">Pour commencer</div></div>
|
|
<div class="stat-item"><div class="stat-num">IA</div><div class="stat-label">Descriptions & chatbot</div></div>
|
|
<div class="stat-item"><div class="stat-num">USD $</div><div class="stat-label">Paiement local + intl</div></div></div>
|
|
|
|
<!-- FEATURES -->
|
|
<section id="features">
|
|
<div class="stag">Fonctionnalités</div>
|
|
<h2>Tout ce qu'il faut pour vendre</h2>
|
|
<p class="sdesc">Une plateforme complète avec l'IA en plus — ce que Youcan et Shopify ne font pas.</p>
|
|
<div class="features">
|
|
<div class="feat">
|
|
<div class="feat-icon" style="background:rgba(52,211,153,0.12)"><svg width="28" height="28" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M14 2H6a2 2 0 00-2 2v16a2 2 0 002 2h12a2 2 0 002-2V8z"/><polyline points="14 2 14 8 20 8"/><line x1="16" y1="13" x2="8" y2="13"/><line x1="16" y1="17" x2="8" y2="17"/></svg></div>
|
|
<h3>Store Builder</h3>
|
|
<p>Templates pro, drag & drop, domaine custom. Boutique en ligne en 5 minutes sans coder.</p></div>
|
|
<div class="feat">
|
|
<div class="feat-icon" style="background:rgba(124,92,252,0.12)"><svg width="28" height="28" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M12 2a7 7 0 017 7c0 3-2 5-4 6v1H9v-1c-2-1-4-3-4-6a7 7 0 017-7z"/><line x1="9" y1="18" x2="15" y2="18"/></svg></div>
|
|
<h3>Fiches Produits IA</h3>
|
|
<p>Uploadez une photo → l'IA génère titre, description SEO, tags, prix suggéré. En français et arabe.</p></div>
|
|
<div class="feat">
|
|
<div class="feat-icon" style="background:rgba(78,168,222,0.12)"><svg width="28" height="28" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M12 2a7 7 0 017 7c0 3-2 5-4 6v1H9v-1c-2-1-4-3-4-6a7 7 0 017-7z"/><line x1="9" y1="18" x2="15" y2="18"/></svg></div>
|
|
<h3>Chatbot Vendeur IA</h3>
|
|
<p>WEVIA intégré : répond aux questions clients, recommandé des produits, gère les commandes 24/7.</p></div>
|
|
<div class="feat">
|
|
<div class="feat-icon" style="background:rgba(240,198,116,0.12)"></div>
|
|
<h3>Paiement international</h3>
|
|
<p>CMI, carte bancaire, virement, cash on delivery. + Stripe/PayPal pour l'international.</p></div>
|
|
<div class="feat">
|
|
<div class="feat-icon" style="background:rgba(255,107,107,0.12)"></div>
|
|
<h3>Gestion Commandes</h3>
|
|
<p>Dashboard commandes, statuts, notifications client, impression bons de livraison, suivi Amana/CTM.</p></div>
|
|
<div class="feat">
|
|
<div class="feat-icon" style="background:rgba(52,211,153,0.12)"><svg width="28" height="28" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M12 2a7 7 0 017 7c0 3-2 5-4 6v1H9v-1c-2-1-4-3-4-6a7 7 0 017-7z"/><line x1="9" y1="18" x2="15" y2="18"/></svg></div>
|
|
<h3>Analytics IA</h3>
|
|
<p>Ventes temps réel, prédiction stock, recommandations IA pour optimiser les conversions.</p></div>
|
|
<div class="feat">
|
|
<div class="feat-icon" style="background:rgba(124,92,252,0.12)"><svg width="28" height="28" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><rect x="2" y="4" width="20" height="16" rx="2"/><polyline points="22,6 12,13 2,6"/></svg></div>
|
|
<h3>Marketing Digital</h3>
|
|
<p>Relance panier abandonnées, séquences email, newsletters — powered by WEVADS/DeliverAds.</p></div>
|
|
<div class="feat">
|
|
<div class="feat-icon" style="background:rgba(78,168,222,0.12)"><svg width="28" height="28" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M9 12l2 2 4-4"/><circle cx="12" cy="12" r="10"/></svg></div>
|
|
<h3>Multi-langue</h3>
|
|
<p>Français, arabe, anglais. Traduction automatique par IA. Adapté au marché international/International.</p></div>
|
|
<div class="feat">
|
|
<div class="feat-icon" style="background:rgba(240,198,116,0.12)"><svg width="28" height="28" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M9 12l2 2 4-4"/><circle cx="12" cy="12" r="10"/></svg></div>
|
|
<h3>Mobile-First</h3>
|
|
<p>70%+ des achats en ligne se font sur mobile. Chaque boutique est optimisée mobile par défaut.</p></div></div></section>
|
|
|
|
<!-- AI DIFFERENCE -->
|
|
<section id="ai">
|
|
<div class="stag">L'avantage IA</div>
|
|
<h2>Ce que les autres ne font pas</h2>
|
|
<p class="sdesc">StoreAI n'est pas juste un builder — c'est un assistant commerce intelligent.</p>
|
|
<div class="ai-section">
|
|
<div>
|
|
<div class="ai-card" style="margin-bottom:1rem">
|
|
<h3>IA Souveraine</h3>
|
|
<p>Pas de fournisseurs IA cloud, pas de dépendance US. Notre propre GPU (GPU dédié) avec 51 modèles. Vos données restent souveraines, dans votre region.</p></div>
|
|
<div class="ai-card">
|
|
<h3>Automatisation complète</h3>
|
|
<div class="ai-feature">Photo produit → description SEO auto en 3 sec</div>
|
|
<div class="ai-feature">Question client → réponse chatbot instantanée</div>
|
|
<div class="ai-feature">Panier abandonnées → relance email IA personnalisée</div>
|
|
<div class="ai-feature">Stock bas → alerte + suggestion de réapprovisionnement</div>
|
|
<div class="ai-feature">Ventes en baisse → recommandations IA pour booster</div></div></div>
|
|
<div>
|
|
<div class="ai-card">
|
|
<h3>Adapté au International</h3>
|
|
<div class="ai-feature">Paiement local + international natif</div>
|
|
<div class="ai-feature">Livraison: partenaires locaux + internationaux intégrés</div>
|
|
<div class="ai-feature">Prix en USD, DZD, TND</div>
|
|
<div class="ai-feature">15+ langues dans le chatbot</div>
|
|
<div class="ai-feature">Facturation conforme fiscalite locale</div>
|
|
<div class="ai-feature">Support WhatsApp + Telegram + Email intégré</div></div></div></div></section>
|
|
|
|
<!-- PRICING -->
|
|
<section id="pricing">
|
|
<div style="text-align:center;margin-bottom:3rem">
|
|
<div class="stag">Tarifs</div>
|
|
<h2>Commencez gratuitement</h2>
|
|
<p class="sdesc" style="margin:0.8rem auto 0;max-width:450px">Pas de frais cachés. Upgradez quand vous grandissez.</p></div>
|
|
<div class="pricing">
|
|
<div class="price-card">
|
|
<div class="price-name">Starter</div>
|
|
<div class="price-amount">0 <span>/mo</span></div>
|
|
<p class="price-desc">Pour tester et lancer</p>
|
|
<ul class="price-features">
|
|
<li>10 produits</li>
|
|
<li>Sous-domaine .storeai.ma</li>
|
|
<li>Paiement COD</li>
|
|
<li>Template basique</li>
|
|
<li>5 descriptions IA/mo</li></ul>
|
|
<a href="#cta" class="btn-price btn-price-outline">Commencer</a></div>
|
|
<div class="price-card pop">
|
|
<div class="price-name">Business</div>
|
|
<div class="price-amount">299 <span>/mo</span></div>
|
|
<p class="price-desc">Pour les vendeurs sérieux</p>
|
|
<ul class="price-features">
|
|
<li>Produits illimités</li>
|
|
<li>Domaine custom</li>
|
|
<li>CMI + Stripe + COD</li>
|
|
<li>Templates premium</li>
|
|
<li>Descriptions IA illimitées</li>
|
|
<li>Chatbot vendeur IA</li>
|
|
<li>Marketing digital (500/mo)</li>
|
|
<li>Analytics avancés</li></ul>
|
|
<a href="#cta" class="btn-price btn-price-fill">Commencer</a></div>
|
|
<div class="price-card">
|
|
<div class="price-name">Enterprise</div>
|
|
<div class="price-amount">Sur mesure</div>
|
|
<p class="price-desc">Multi-boutiques & API</p>
|
|
<ul class="price-features">
|
|
<li>Tout Business +</li>
|
|
<li>Multi-boutiques</li>
|
|
<li>API complète</li>
|
|
<li>Chatbot IA custom</li>
|
|
<li>Email illimité</li>
|
|
<li>Account manager</li>
|
|
<li>Intégration ERP</li>
|
|
<li>SLA 99.9%</li></ul>
|
|
<a href="#cta" class="btn-price btn-price-outline">Nous contacter</a></div></div></section>
|
|
|
|
<!-- CTA -->
|
|
<div class="cta" id="cta">
|
|
<div style="max-width:1200px;margin:2rem auto;padding:2rem 4%"><div style="background:rgba(255,159,67,0.03);border:1px solid rgba(255,159,67,0.1);border-radius:14px;padding:2rem"><h3 style="font-size:1.1rem;font-weight:700;margin-bottom:1rem">StoreForge vs Shopify / Youcan</h3><div style="display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;font-size:.82rem;color:#7a8ba5;line-height:1.6"><div><strong style="color:#ff9f43">StoreForge</strong><br> IA native (descriptions, chatbot, analytics)<br> 0% commission sur ventes<br> Marketing digital DeliverAds inclus<br> Chatbot vendeur WEVIA 24/7<br> Paiement Stripe/PayPal/CMI natif international<br> Serveurs locaux = latence faible</div><div><strong style="color:#7a8ba5">Shopify / Youcan</strong><br> IA = plugins payants ($29-99/mo chacun)<br> 2% commission Shopify + frais paiement<br> Email = app tierce (Mailchimp $13+/mo)<br> Chatbot = Zendesk ($49+/mo)<br> CMI = intégration manuelle<br> Serveurs US/EU = latence Afrique</div></div></div></div>
|
|
<div class="stag">Lancer ma boutique</div>
|
|
<h2>Prêt à vendre en ligne ?</h2>
|
|
<p style="color:var(--silver);max-width:460px;margin:0 auto 1.5rem;font-size:0.95rem">Créez votre boutique gratuitement. Aucune carte bancaire requise. Boutique live en 5 minutes.</p>
|
|
<a href="/products/workspace.html" class="btn-primary">Créer ma boutique gratuitement →</a></div>
|
|
|
|
<footer>
|
|
<div><span class="logo" style="font-size:1rem">Store<span>AI</span></span> · Un produit <a href="https://weval-consulting.com">WEVAL Consulting</a></div>
|
|
<div>France · Maroc · États-Unis · International · contact@weval-consulting.com</div></footer><!-- WEVAL Product Assistant Chatbot Widget -->
|
|
<div id="weval-bot-widget" style="position:fixed;bottom:20px;right:20px;z-index:9999;font-family:'Inter',system-ui,sans-serif">
|
|
<style>
|
|
#weval-bot-btn{width:56px;height:56px;border-radius:50%;background:linear-gradient(135deg,#6366f1,#8b5cf6);border:none;cursor:pointer;box-shadow:0 4px 24px rgba(99,102,241,.4);display:flex;align-items:center;justify-content:center;transition:transform .2s,box-shadow .2s}
|
|
#weval-bot-btn:hover{transform:scale(1.08);box-shadow:0 6px 32px rgba(99,102,241,.5)}
|
|
#weval-bot-btn svg{width:28px;height:28px;fill:#fff}
|
|
#weval-bot-badge{position:absolute;top:-2px;right:-2px;width:14px;height:14px;background:#22c55e;border-radius:50%;border:2px solid #fff;animation:pulse-badge 2s infinite}
|
|
@keyframes pulse-badge{0%,100%{opacity:1}50%{opacity:.5}}
|
|
#weval-bot-panel{display:none;position:fixed;bottom:90px;right:20px;width:380px;max-height:520px;background:#0f1629;border:1px solid rgba(99,102,241,.2);border-radius:16px;box-shadow:0 12px 48px rgba(0,0,0,.5);overflow:hidden;flex-direction:column}
|
|
#weval-bot-panel.open{display:flex}
|
|
#weval-bot-head{background:linear-gradient(135deg,#6366f1,#8b5cf6);padding:14px 18px;display:flex;align-items:center;gap:10px}
|
|
#weval-bot-head .avatar{width:36px;height:36px;border-radius:50%;background:rgba(255,255,255,.2);display:flex;align-items:center;justify-content:center;font-size:18px}
|
|
#weval-bot-head .info{flex:1;color:#fff}
|
|
#weval-bot-head .info .name{font-weight:600;font-size:14px}
|
|
#weval-bot-head .info .status{font-size:11px;opacity:.8}
|
|
#weval-bot-close{background:none;border:none;color:rgba(255,255,255,.7);cursor:pointer;font-size:20px;padding:4px}
|
|
#weval-bot-msgs{flex:1;overflow-y:auto;padding:14px;display:flex;flex-direction:column;gap:10px;min-height:280px;max-height:360px}
|
|
.bot-msg{max-width:85%;padding:10px 14px;border-radius:12px;font-size:13px;line-height:1.5;word-wrap:break-word}
|
|
.bot-msg.bot{background:rgba(99,102,241,.12);color:#e2e8f0;border-bottom-left-radius:4px;align-self:flex-start}
|
|
.bot-msg.user{background:#6366f1;color:#fff;border-bottom-right-radius:4px;align-self:flex-end}
|
|
.bot-msg a{color:#818cf8;text-decoration:underline}
|
|
.bot-typing{display:flex;gap:4px;padding:10px 14px;align-self:flex-start}
|
|
.bot-typing span{width:6px;height:6px;background:#6366f1;border-radius:50%;animation:bounce .6s infinite alternate}
|
|
.bot-typing span:nth-child(2){animation-delay:.2s}
|
|
.bot-typing span:nth-child(3){animation-delay:.4s}
|
|
@keyframes bounce{to{opacity:.3;transform:translateY(-4px)}}
|
|
#weval-bot-input-area{padding:10px 14px;border-top:1px solid rgba(255,255,255,.06);display:flex;gap:8px}
|
|
#weval-bot-input{flex:1;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:8px 12px;color:#e2e8f0;font-size:13px;outline:none}
|
|
#weval-bot-input::placeholder{color:rgba(255,255,255,.3)}
|
|
#weval-bot-send{background:#6366f1;border:none;border-radius:8px;padding:8px 12px;color:#fff;cursor:pointer;font-size:13px;font-weight:600}
|
|
#weval-bot-send:hover{background:#5558e6}
|
|
.quick-btns{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}
|
|
.quick-btn{background:rgba(99,102,241,.15);border:1px solid rgba(99,102,241,.25);color:#a5b4fc;padding:5px 10px;border-radius:6px;font-size:11px;cursor:pointer;transition:all .15s}
|
|
.quick-btn:hover{background:rgba(99,102,241,.3);color:#fff}
|
|
</style>
|
|
|
|
<button id="weval-bot-btn" onclick="toggleBot()">
|
|
<svg viewBox="0 0 24 24"><path d="M20 2H4c-1.1 0-2 .9-2 2v18l4-4h14c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2zm0 14H6l-2 2V4h16v12z"/></svg>
|
|
<div id="weval-bot-badge"></div>
|
|
</button>
|
|
|
|
<div id="weval-bot-panel">
|
|
<div id="weval-bot-head">
|
|
<div class="avatar">W</div>
|
|
<div class="info">
|
|
<div class="name">WEVAL Assistant</div>
|
|
<div class="status">En ligne - 62 produits</div>
|
|
</div>
|
|
<button id="weval-bot-close" onclick="toggleBot()">×</button>
|
|
</div>
|
|
<div id="weval-bot-msgs"></div>
|
|
<div id="weval-bot-input-area">
|
|
<input id="weval-bot-input" placeholder="Posez une question sur nos produits..." onkeypress="if(event.key==='Enter')sendBot()">
|
|
<button id="weval-bot-send" onclick="sendBot()">Envoyer</button>
|
|
</div>
|
|
</div>
|
|
|
|
<script>
|
|
const PRODUCTS_KB = {
|
|
deliVerscore: {name:'DeliverScore',desc:'Audit délivrabilité email - SPF/DKIM/DMARC/listes de blocage. Score + recommandations IA.',price:'Gratuit + Pro $49/mo',url:'/products/deliverscore.html',category:'Email Intelligence'},
|
|
medreach: {name:'MedReach API',desc:'Base de 15000++ professionnels de santé vérifiés (Afrique, Europe, Moyen-Orient, Asie, Europe). API REST + export.',price:'Gratuit + Pro $299/mo',url:'/products/medreach.html',category:'Data'},
|
|
gpu: {name:'WEVIA Inference',desc:'IA-as-a-Service. WEVIA Deep, WEVIA sur GPU dédié. API fournisseurs IA cloud-compatible.',price:'Gratuit + Pro $99/mo',url:'/products/gpu-inference.html',category:'IA'},
|
|
contentfactory: {name:'AI Content Factory',desc:'Génération de contenu IA - articles, fiches produits, LinkedIn. 6 templates.',price:'Gratuit + Pro $29/mo',url:'/products/content-factory.html',category:'IA'},
|
|
proposalai: {name:'ProposalAI',desc:'Generateur de propositions commerciales qualité Big4. Brief -> propale en 30 sec.',price:'Gratuit + Pro $19/mo',url:'/products/proposalai.html',category:'IA'},
|
|
blueprintai: {name:'BlueprintAI',desc:'Process docs, BPMN, CDC, blueprints L1/L2/L3, 8D, RACI.',price:'$25/mo',url:'/products/blueprintai.html',category:'IA'},
|
|
storeforge: {name:'StoreForge',desc:'E-commerce IA. Boutique en 5 min. Descriptions IA, chatbot WEVIA, paiement international.',price:'0-$29/mo',url:'/products/storeforge.html',category:'Commerce'},
|
|
leadforge: {name:'LeadForge',desc:'B2B Lead Intelligence sur mesure. Leads vérifiés tous secteurs. 0.30-0.$50/lead.',price:'0.30-0.$49/lead',url:'/products/workspace.html',category:'Data'},
|
|
mailwarm: {name:'MailWarm',desc:'Optimisation email automatique. 500+ seeds. Inbox 90%+ en 4-6 semaines.',price:'$29/compte/mo',url:'/products/workspace.html',category:'Email'},
|
|
sentinel: {name:'Sentinel Monitor',desc:'Cyber monitoring PME - SSL, ports, DNS, OWASP. Alertes Telegram.',price:'Gratuit + Pro $49/mo',url:'/products/workspace.html',category:'Security'},
|
|
outreachai: {name:'OutreachAI',desc:'Cold outreach IA. Upload leads -> IA personnalisé, envoi -> tracking.',price:'$199/mo',url:'/products/workspace.html',category:'Email'},
|
|
wevia: {name:'WEVIA White-Label',desc:'Chatbot IA clé en main. Widget embed 5 min. KB custom, memoire, vision.',price:'100-$299/mo',url:'/products/wevia-whitelabel.html',category:'IA'},
|
|
emailverify: {name:'EmailVerify',desc:'Validation email temps réel MX+SMTP+disposable.',price:'$49/mo',url:'/products/workspace.html',category:'Email Intelligence'},
|
|
blacklistguard: {name:'BlacklistGuard',desc:'Monitoring 100+ listes de blocage RBL + alertes.',price:'$29/mo',url:'/products/workspace.html',category:'Email Intelligence'},
|
|
reputationai: {name:'RéputationAI',desc:'Score réputation domaine + historique.',price:'$39/mo',url:'/products/workspace.html',category:'Email Intelligence'},
|
|
copyai: {name:'CopyAI WEVAL',desc:'Copywriting IA - emails, sujets, CTA. Cloud souveraine.',price:'$39/mo',url:'/products/workspace.html',category:'IA'},
|
|
dataharvest: {name:'DataInsight',desc:'Intelligence d\'enrichissement de donn\u00e9es B2B.',price:'$99/mo',url:'/products/workspace.html',category:'Data'},
|
|
smsforge: {name:'SMSForge',desc:'SMS marketing international (190+ pays).',price:'$49/mo',url:'/products/workspace.html',category:'Marketing'},
|
|
adscontrol: {name:'AdsControl',desc:'Multi-channel ads FB/Google/LinkedIn/TikTok.',price:'$99/mo',url:'/products/workspace.html',category:'Marketing'},
|
|
wevalcrm: {name:'WEVAL CRM',desc:'CRM leger pipeline + contacts + IA.',price:'Gratuit + Pro $29/mo',url:'/products/workspace.html',category:'Business'},
|
|
canvasai: {name:'CanvasAI',desc:'Design IA - visuels, bannieres, logos.',price:'$29/mo',url:'/products/workspace.html',category:'IA'},
|
|
devforge: {name:'DevForge AI',desc:'12 modules dev: specs, tests, code gen, API design, security review.',price:'$199/mo',url:'/products/workspace.html',category:'Dev'},
|
|
ethica: {name:'Ethica B2B',desc:'Plateforme HCP internationale. plusieurs milliers+ médecins vérifiés.',price:'$299/mo',url:'/products/workspace.html',category:'Data'},
|
|
arsenal: {name:'Arsenal Framework',desc:'150+ ecrans. ERP Intelligence, Brain Engine, moteur envoi. Enterprise.',price:'2000-$9,999/mo',url:'/products/arsenal.html',category:'Flagship'},
|
|
wevads: {name:'WEVADS Platform',desc:'Infrastructure email complete. Brain Engine centaines de configurations. millions de contacts.',price:'Enterprise',url:'/products/wevads.html',category:'Flagship'},
|
|
};
|
|
|
|
function getProductList() {
|
|
return Object.values(PRODUCTS_KB).map(p => `<b>${p.name}</b> - ${p.desc} (<a href="${p.url}">${p.price}</a>)`).join('<br><br>');
|
|
}
|
|
|
|
function findProducts(query) {
|
|
const q = query.toLowerCase();
|
|
const matches = [];
|
|
const keywords = {
|
|
email: ['deliVerscore','emailverify','blacklistguard','reputationai','mailwarm','outreachai'],
|
|
ia: ['gpu','contentfactory','proposalai','blueprintai','copyai','canvasai','devforge','wevia'],
|
|
data: ['medreach','leadforge','dataharvest','ethica'],
|
|
security: ['sentinel','blacklistguard'],
|
|
ecommerce: ['storeforge'],
|
|
marketing: ['smsforge','adscontrol','outreachai'],
|
|
crm: ['wevalcrm'],
|
|
sap: ['arsenal'],
|
|
enterprise: ['arsenal','wevads','wevia'],
|
|
gratuit: [],
|
|
prix: [],
|
|
maroc: ['medreach','ethica','smsforge','storeforge'],
|
|
};
|
|
|
|
for (const [kw, ids] of Object.entries(keywords)) {
|
|
if (q.includes(kw)) ids.forEach(id => { if (!matches.includes(id)) matches.push(id); });
|
|
}
|
|
|
|
// Also search in product names and descriptions
|
|
for (const [id, p] of Object.entries(PRODUCTS_KB)) {
|
|
if (p.name.toLowerCase().includes(q) || p.desc.toLowerCase().includes(q) || p.category.toLowerCase().includes(q)) {
|
|
if (!matches.includes(id)) matches.push(id);
|
|
}
|
|
}
|
|
|
|
return matches.map(id => PRODUCTS_KB[id]).filter(Boolean);
|
|
}
|
|
|
|
function botReply(userMsg) {
|
|
const q = userMsg.toLowerCase();
|
|
|
|
// Greetings
|
|
if (/^(bonjour|salut|hello|hi|hey|coucou)/.test(q)) {
|
|
return `Bonjour ! Je suis l'assistant WEVAL. Nous avons <b>62 produits SaaS</b> en production. Comment puis-je vous aider ?<div class="quick-btns"><span class="quick-btn" onclick="askBot('Quels sont vos produits?')">Voir les produits</span><span class="quick-btn" onclick="askBot('email délivrabilité')">Email</span><span class="quick-btn" onclick="askBot('intelligence artificielle')">IA</span><span class="quick-btn" onclick="askBot('prix')">Tarifs</span></div>`;
|
|
}
|
|
|
|
// List all
|
|
if (/tous|tout|liste|produit|service|catalogue|quoi/.test(q)) {
|
|
const cats = {};
|
|
Object.values(PRODUCTS_KB).forEach(p => { if (!cats[p.category]) cats[p.category]=[]; cats[p.category].push(p); });
|
|
let html = `Voici nos <b>${Object.keys(PRODUCTS_KB).length} produits</b> par categorie :<br><br>`;
|
|
for (const [cat, prods] of Object.entries(cats)) {
|
|
html += `<b>${cat}</b><br>`;
|
|
prods.forEach(p => { html += `• <a href="${p.url}">${p.name}</a> - ${p.price}<br>`; });
|
|
html += '<br>';
|
|
}
|
|
html += `<div class="quick-btns"><span class="quick-btn" onclick="askBot('email')">Email</span><span class="quick-btn" onclick="askBot('IA')">IA</span><span class="quick-btn" onclick="askBot('essayer gratuit')">Gratuit</span></div>`;
|
|
return html;
|
|
}
|
|
|
|
// Pricing
|
|
if (/prix|tarif|cout|combien|pricing|gratuit|free/.test(q)) {
|
|
const free = Object.values(PRODUCTS_KB).filter(p => p.price.toLowerCase().includes('gratuit'));
|
|
let html = `<b>Produits avec plan gratuit (${free.length}):</b><br>`;
|
|
free.forEach(p => { html += `• <a href="${p.url}">${p.name}</a> - ${p.price}<br>`; });
|
|
html += `<br>Tous les prix sont sur <a href="/products/">notre catalogue</a>. Besoin d'un devis personnalisé ?<div class="quick-btns"><span class="quick-btn" onclick="askBot('demo')">Demander une demo</span><span class="quick-btn" onclick="window.location.href='/booking.html'">Nous contacter</span></div>`;
|
|
return html;
|
|
}
|
|
|
|
// Demo / essai
|
|
if (/demo|essai|tester|try|commencer|start/.test(q)) {
|
|
return `Pour commencer gratuitement :<br><br>1. <a href="/products/workspace.html">Ouvrir le Workspace</a> et créer un compte<br>2. Vous aurez acces a tous les produits gratuits<br>3. Testez DeliverScore, WEVIA Inference, Content Factory...<br><br>Ou <a href="#cta">contactez-nous</a> pour une demo personnalisée !<div class="quick-btns"><span class="quick-btn" onclick="window.location.href='/products/workspace.html'">Ouvrir Workspace</span></div>`;
|
|
}
|
|
|
|
// Specific product search
|
|
const matches = findProducts(q);
|
|
if (matches.length > 0) {
|
|
let html = `J'ai trouve <b>${matches.length} produit(s)</b> correspondant :<br><br>`;
|
|
matches.slice(0, 6).forEach(p => {
|
|
html += `<b><a href="${p.url}">${p.name}</a></b><br>${p.desc}<br><i>${p.price}</i><br><br>`;
|
|
});
|
|
if (matches.length > 6) html += `...et ${matches.length - 6} autres.<br>`;
|
|
html += `<div class="quick-btns"><span class="quick-btn" onclick="window.location.href='${matches[0].url}'">Voir ${matches[0].name}</span><span class="quick-btn" onclick="askBot('prix')">Tarifs</span></div>`;
|
|
return html;
|
|
}
|
|
|
|
// Default - suggest contacting or browsing
|
|
return `Je n'ai pas trouve de produit spécifique pour "${userMsg}". Nos 62 produits couvrent : Email Intelligence, IA/GPU, Data, Security, Marketing, E-commerce et Dev.<br><br><div class="quick-btns"><span class="quick-btn" onclick="askBot('tous les produits')">Voir tout</span><span class="quick-btn" onclick="window.location.href='/booking.html'">Contacter WEVAL</span><span class="quick-btn" onclick="window.location.href='/products/workspace.html'">Workspace</span></div>`;
|
|
}
|
|
|
|
function toggleBot() {
|
|
const p = document.getElementById('weval-bot-panel');
|
|
p.classList.toggle('open');
|
|
if (p.classList.contains('open') && document.getElementById('weval-bot-msgs').children.length === 0) {
|
|
addMsg('bot', `Bonjour ! Je suis l'assistant produits WEVAL. Nous proposons <b>37 SaaS</b> en production. Que recherchez-vous ?<div class="quick-btns"><span class="quick-btn" onclick="askBot('Tous les produits')">Catalogue</span><span class="quick-btn" onclick="askBot('email')">Email</span><span class="quick-btn" onclick="askBot('intelligence artificielle')">IA</span><span class="quick-btn" onclick="askBot('gratuit')">Gratuit</span><span class="quick-btn" onclick="askBot('demo')">Demo</span></div>`);
|
|
}
|
|
document.getElementById('weval-bot-badge').style.display = 'none';
|
|
}
|
|
|
|
function addMsg(type, html) {
|
|
const msgs = document.getElementById('weval-bot-msgs');
|
|
const div = document.createElement('div');
|
|
div.className = 'bot-msg ' + type;
|
|
div.innerHTML = html;
|
|
msgs.appendChild(div);
|
|
msgs.scrollTop = msgs.scrollHeight;
|
|
}
|
|
|
|
function askBot(q) {
|
|
document.getElementById('weval-bot-input').value = q;
|
|
sendBot();
|
|
}
|
|
|
|
function sendBot() {
|
|
const input = document.getElementById('weval-bot-input');
|
|
const msg = input.value.trim();
|
|
if (!msg) return;
|
|
input.value = '';
|
|
addMsg('user', msg);
|
|
|
|
// Show typing
|
|
const msgs = document.getElementById('weval-bot-msgs');
|
|
const typing = document.createElement('div');
|
|
typing.className = 'bot-typing';
|
|
typing.innerHTML = '<span></span><span></span><span></span>';
|
|
msgs.appendChild(typing);
|
|
msgs.scrollTop = msgs.scrollHeight;
|
|
|
|
setTimeout(() => {
|
|
typing.remove();
|
|
addMsg('bot', botReply(msg));
|
|
}, 400 + Math.random() * 600);
|
|
}
|
|
</script>
|
|
</div>
|
|
|
|
<style>
|
|
.ev-trust{display:flex;gap:2rem;justify-content:center;flex-wrap:wrap;padding:1.5rem 4%;background:rgba(255,255,255,.02);border-top:1px solid rgba(255,255,255,.04);margin:2rem 0}
|
|
.ev-trust-i{display:flex;align-items:center;gap:.4rem;font-size:.8rem;color:#7a8ba5}.ev-trust-i strong{color:#edf2f7}
|
|
.ev-chat{max-width:800px;margin:3rem auto;padding:0 4%}.ev-cb{background:#0c1222;border:1px solid rgba(255,255,255,.06);border-radius:14px;overflow:hidden}
|
|
.ev-ch{padding:.8rem 1.2rem;border-bottom:1px solid rgba(255,255,255,.06);font-size:.9rem;font-weight:600}
|
|
.ev-cm{min-height:200px;max-height:350px;overflow-y:auto;padding:1rem}.ev-ce{text-align:center;padding:2rem;color:#7a8ba5;font-size:.82rem}
|
|
.ev-sg{display:flex;gap:.4rem;flex-wrap:wrap;justify-content:center;margin-top:.8rem}
|
|
.ev-sg button{padding:.35rem .7rem;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08);border-radius:16px;color:#edf2f7;font-size:.72rem;cursor:pointer;font-family:Outfit}
|
|
.ev-ci{padding:.8rem 1.2rem;border-top:1px solid rgba(255,255,255,.06);display:flex;gap:.5rem}
|
|
.ev-ci textarea{flex:1;resize:none;min-height:36px;max-height:100px;background:rgba(0,0,0,.3);border:1px solid rgba(255,255,255,.08);color:#edf2f7;border-radius:8px;padding:.5rem .7rem;font-family:Outfit;font-size:.82rem;outline:none}
|
|
.ev-ci button{background:#14b8a6;color:#fff;border:none;border-radius:8px;padding:.5rem 1rem;font-weight:700;cursor:pointer;font-family:Outfit;font-size:.82rem}
|
|
.ev-mu{background:rgba(255,255,255,.05);border-radius:8px 8px 2px 8px;padding:.5rem .8rem;margin:6px 0;max-width:70%;margin-left:auto;font-size:.82rem;color:#edf2f7}
|
|
.ev-ma{background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.04);border-radius:2px 8px 8px 8px;padding:.6rem .9rem;margin:6px 0;max-width:85%;font-size:.82rem;color:#edf2f7;line-height:1.6}
|
|
.ev-ma strong{color:#fff}
|
|
.ev-ld{display:inline-block;width:6px;height:6px;border-radius:50%;background:#14b8a6;margin:0 2px;animation:evp .8s infinite}.ev-ld:nth-child(2){animation-delay:.2s}.ev-ld:nth-child(3){animation-delay:.4s}
|
|
@keyframes evp{0%,100%{opacity:1}50%{opacity:.3}}
|
|
</style>
|
|
<div class="ev-trust">
|
|
<div class="ev-trust-i"><strong>44</strong> produits SaaS</div>
|
|
<div class="ev-trust-i"><strong>Cloud</strong> souverain</div>
|
|
<div class="ev-trust-i"><strong>API</strong> REST</div>
|
|
<div class="ev-trust-i"><strong>RGPD</strong> conforme</div>
|
|
<div class="ev-trust-i"><strong>France</strong> · Maroc · États-Unis · International</div>
|
|
</div>
|
|
<div class="ev-chat"><div class="ev-cb">
|
|
<div class="ev-ch"><span style="color:#14b8a6">●</span> StoreForge — Assistant IA</div>
|
|
<div class="ev-cm" id="ev2-msgs"><div class="ev-ce" id="ev2-empty">Posez votre question sur StoreForge<div class="ev-sg">
|
|
<button onclick="ev2sg('Fonctionnalités principales')">Fonctionnalités</button>
|
|
<button onclick="ev2sg('Comment ca marche')">Comment ca marche</button>
|
|
<button onclick="ev2sg('Tarifs')">Tarifs</button>
|
|
</div></div></div>
|
|
<div class="ev-ci"><textarea id="ev2-i" rows="1" placeholder="Votre question..." onkeydown="if(event.key==='Enter'&&!event.shiftKey){event.preventDefault();ev2send()}"></textarea><button onclick="ev2send()">Envoyer</button></div>
|
|
</div></div>
|
|
<script>
|
|
var ev2ctx="Tu es StoreForge, expert en e-commerce IA. Creation boutique, fiches produits, paiement, SEO, analytics.";var ev2h=[];
|
|
function ev2esc(s){var d=document.createElement("div");d.textContent=s;return d.innerHTML}
|
|
function ev2md(m){return m.replace(/\*\*(.*?)\*\*/g,"<strong>$1</strong>").replace(/\n\n/g,"<br><br>")}
|
|
function ev2sg(q){document.getElementById("ev2-i").value=q;ev2send()}
|
|
async function ev2send(){var i=document.getElementById("ev2-i"),m=i.value.trim();if(!m)return;var a=document.getElementById("ev2-msgs"),es=document.getElementById("ev2-empty");if(es)es.remove();a.innerHTML+='<div class="ev-mu">'+ev2esc(m)+'</div>';i.value="";a.scrollTop=a.scrollHeight;var lid="ev2l"+Date.now();a.innerHTML+='<div class="ev-ma" id="'+lid+'"><span class="ev-ld"></span><span class="ev-ld"></span><span class="ev-ld"></span></div>';a.scrollTop=a.scrollHeight;try{ev2h.push({role:"user",content:m});var r=await fetch("/api/weval-ia-fast.php",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({message:"[INSTRUCTION SYSTEME: "+ev2ctx+"]\n\nDemande utilisateur: "+m,mode:"full",history:ev2h.slice(-6)})});var j=await r.json();var rp=j.response||j.error||"Erreur";ev2h.push({role:"assistant",content:rp});var el=document.getElementById(lid);if(el)el.outerHTML='<div class="ev-ma">'+ev2md(rp)+"</div>";}catch(ex){var el=document.getElementById(lid);if(el)el.innerHTML="Erreur: "+ex.message;}a.scrollTop=a.scrollHeight;}
|
|
</script>
|
|
<style>.dm-box{background:#0c1222;border:1px solid rgba(255,255,255,.06);border-radius:14px;padding:1.5rem;margin:2rem auto;max-width:800px}.dm-box h3{font-size:1rem;font-weight:600;margin-bottom:1rem;display:flex;align-items:center;gap:.5rem}.dm-row{display:flex;gap:.6rem;margin-bottom:1rem}.dm-row input{flex:1;background:rgba(0,0,0,.3);border:1px solid rgba(255,255,255,.08);border-radius:8px;padding:.6rem .8rem;color:#edf2f7;font-family:Outfit;font-size:.85rem;outline:none}.dm-row button{background:var(--a,#7c5cfc);color:#05080f;border:none;border-radius:8px;padding:.6rem 1.2rem;font-weight:700;cursor:pointer;font-family:Outfit;font-size:.85rem;white-space:nowrap}.dm-out{min-height:80px;padding:1rem;background:rgba(0,0,0,.2);border-radius:8px;font-size:.82rem;color:#edf2f7;line-height:1.6}.dm-out strong{color:#fff}.dm-out pre{background:rgba(0,0,0,.3);padding:.5rem;border-radius:6px;font-size:.75rem;margin:.4rem 0;overflow-x:auto}.dm-ld{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--a,#7c5cfc);margin:0 2px;animation:dmp .8s infinite}.dm-ld:nth-child(2){animation-delay:.2s}.dm-ld:nth-child(3){animation-delay:.4s}@keyframes dmp{0%,100%{opacity:1}50%{opacity:.3}}</style>
|
|
<div class="dm-box" id="demo"><h3>⚡ StoreForge — Demo Live</h3>
|
|
<div class="dm-row"><input id="dm-storeforge" placeholder="Décrivez votre boutique" onkeydown="if(event.key==='Enter')dm_storeforge()"><button onclick="dm_storeforge()">Tester</button></div>
|
|
<div class="dm-out" id="dmo-storeforge">Testez StoreForge en direct — aucune inscription.</div></div>
|
|
<script>
|
|
async function dm_storeforge(){var q=document.getElementById("dm-storeforge").value.trim();if(!q)return;var o=document.getElementById("dmo-storeforge");o.innerHTML='<span class="dm-ld"></span><span class="dm-ld"></span><span class="dm-ld"></span>';try{var r=await fetch("/api/weval-ia-fast.php",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({message:"[INSTRUCTION SYSTEME: Reponds de facon structurée et professionnelle.]\n\nDemande utilisateur: Génère la structure e-commerce pour: "+q,mode:"full"})});var j=await r.json();o.innerHTML=(j.response||"Erreur").replace(/\*\*(.*?)\*\*/g,"<strong>$1</strong>").replace(/\n\n/g,"<br><br>");}catch(e){o.innerHTML="Erreur: "+e.message}}
|
|
</script>
|
|
<script defer src=/assets/dm-enhance.js></script></body>
|
|
<!-- WEVAL Self-Service Inject -->
|
|
<script>
|
|
if(window===window.top){
|
|
// Replace all contact mailto links with signup portal
|
|
document.querySelectorAll('a[href*="mailto:"]').forEach(a => {
|
|
if(a.classList.contains('btn-p') || a.classList.contains('btn-f') || a.classList.contains('btn-n') || a.classList.contains('btn-nav') || a.classList.contains('btn-primary') || a.classList.contains('btn-price-fill') || a.textContent.includes('Commencer') || a.textContent.includes('Commander') || a.textContent.includes('Essayer') || a.textContent.includes('Souscrire') || a.textContent.includes('Créer') || a.textContent.includes('Obtenir') || a.textContent.includes('Démarrer') || a.textContent.includes('Rejoindre')) {
|
|
a.href = '/products/workspace.html';
|
|
a.removeAttribute('target');
|
|
}
|
|
});
|
|
// Add floating CTA
|
|
const bar = document.createElement('div');
|
|
bar.innerHTML = '<div style="position:fixed;bottom:0;left:0;right:0;z-index:999;background:rgba(5,8,15,0.95);backdrop-filter:blur(10px);border-top:1px solid rgba(0,201,167,0.15);padding:0.6rem 4%;display:flex;justify-content:space-between;align-items:center"><div style="font-size:0.82rem;color:#7a8ba5"><strong style="color:#edf2f7">WEVAL Products</strong> · <span style="color:#00c9a7">Self-service</span> · Inscription en 30 secondes</div><a href="/products/workspace.html" style="background:#00c9a7;color:#05080f;padding:0.5rem 1.2rem;border-radius:6px;font-weight:700;font-size:0.82rem;text-decoration:none">Créer mon compte gratuit →</a></div>';
|
|
if(window.self===window.top){document.body.appendChild(bar);}
|
|
document.body.style.paddingBottom = '52px';
|
|
}
|
|
</script></html><div style="max-width:600px;margin:2rem auto;padding:0 4%">
|
|
<div style="background:#0c1222;border:1px solid rgba(255,159,67,.15);border-radius:14px;padding:1.5rem">
|
|
<h3 style="font-size:1rem;font-weight:700;margin-bottom:.8rem;color:#ff9f43">Créer ma boutique</h3>
|
|
<input id="sf-name" type="text" placeholder="Votre nom" style="width:100%;background:rgba(0,0,0,.3);border:1px solid rgba(255,255,255,.08);border-radius:8px;padding:.6rem;font-size:.85rem;color:#edf2f7;font-family:Outfit;margin-bottom:.6rem;outline:none">
|
|
<input id="sf-email" type="email" placeholder="Email" style="width:100%;background:rgba(0,0,0,.3);border:1px solid rgba(255,255,255,.08);border-radius:8px;padding:.6rem;font-size:.85rem;color:#edf2f7;font-family:Outfit;margin-bottom:.6rem;outline:none">
|
|
<input id="sf-store" type="text" placeholder="Nom de votre boutique" style="width:100%;background:rgba(0,0,0,.3);border:1px solid rgba(255,255,255,.08);border-radius:8px;padding:.6rem;font-size:.85rem;color:#edf2f7;font-family:Outfit;margin-bottom:.6rem;outline:none">
|
|
<select id="sf-sector" style="width:100%;background:rgba(0,0,0,.3);border:1px solid rgba(255,255,255,.08);border-radius:8px;padding:.6rem;font-size:.85rem;color:#edf2f7;font-family:Outfit;margin-bottom:.6rem;outline:none"><option>Mode & Accessoires</option><option>Électronique</option><option>Beauté & Cosmétiques</option><option>Alimentation</option><option>Maison & Déco</option><option>Services</option><option>Autre</option></select>
|
|
<textarea id="sf-desc" placeholder="Décrivez vos produits et votre clientèle cible" style="width:100%;background:rgba(0,0,0,.3);border:1px solid rgba(255,255,255,.08);border-radius:8px;padding:.6rem;font-size:.85rem;color:#edf2f7;font-family:Outfit;margin-bottom:.6rem;outline:none;resize:vertical;min-height:60px"></textarea>
|
|
<button onclick="sfOrder()" id="sf-btn" style="width:100%;padding:.8rem;background:#ff9f43;color:#05080f;border:none;border-radius:8px;font-weight:700;cursor:pointer;font-family:Outfit">Créer ma boutique gratuitement →</button>
|
|
<div id="sf-result" style="margin-top:1rem;display:none;padding:1rem;background:rgba(0,201,167,.05);border:1px solid rgba(0,201,167,.15);border-radius:8px;font-size:.82rem;color:#00c9a7"></div></div></div>
|
|
<script>
|
|
async function sfOrder(){
|
|
const n=document.getElementById("sf-name").value,e=document.getElementById("sf-email").value;
|
|
if(!n||!e){alert("Nom et email requis");return}
|
|
document.getElementById("sf-btn").textContent="Création...";
|
|
try{
|
|
let r=await fetch("/api/products/auth.php",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({name:n,email:e,product:"storeforge"})});
|
|
let d=await r.json();
|
|
await fetch("/api/products/auth.php?action=order",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({api_key:d.api_key,product:"storeforge",details:{store_name:document.getElementById("sf-store").value,sector:document.getElementById("sf-sector").value,description:document.getElementById("sf-desc").value}})});
|
|
const slug=document.getElementById("sf-store").value.toLowerCase().replace(/\s+/g,"-").replace(/[^a-z0-9-]/g,"");
|
|
document.getElementById("sf-result").style.display="block";
|
|
document.getElementById("sf-result").innerHTML=" <strong>Boutique '"+document.getElementById("sf-store").value+"' créée !</strong><br>URL: <code>"+slug+".storeforge.app</code><br>Vous recevrez l'accès admin + builder sous 24h.<br>En attendant, l'IA génère déjà vos descriptions produits et votre chatbot vendeur.";
|
|
}catch(err){document.getElementById("sf-result").style.display="block";document.getElementById("sf-result").innerHTML=" Boutique enregistrée.";}
|
|
document.getElementById("sf-btn").textContent="Créer ma boutique gratuitement →";
|
|
}
|
|
</script>
|