319 lines
13 KiB
HTML
Executable File
319 lines
13 KiB
HTML
Executable File
<!DOCTYPE html>
|
|
<html lang="fr">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<title>Organigramme H3R7Tech</title>
|
|
<style>
|
|
* { margin: 0; padding: 0; box-sizing: border-box; }
|
|
body { font-family: -apple-system, BlinkMacSystemFont, sans-serif; background: #1a1a2e; color: #eee; padding: 20px; }
|
|
header { background: linear-gradient(90deg, #00d9ff, #7b2cbf, #e94560); padding: 30px; text-align: center; margin: -20px -20px 30px; border-radius: 0 0 30px 30px; }
|
|
h1 { font-size: 36px; margin-bottom: 10px; }
|
|
h2 { color: #00d9ff; margin: 30px 0 15px; padding-bottom: 10px; border-bottom: 2px solid #7b2cbf; }
|
|
h3 { color: #000; margin: 20px 0 10px; }
|
|
|
|
.ceo-box { background: linear-gradient(135deg, #e94560, #7b2cbf); padding: 25px; border-radius: 15px; text-align: center; margin: 20px 0; }
|
|
.ceo-name { font-size: 28px; font-weight: bold; }
|
|
|
|
.org-level { margin: 30px 0; }
|
|
.level-title { font-size: 14px; text-transform: uppercase; color: #888; margin-bottom: 15px; letter-spacing: 2px; }
|
|
|
|
.agents-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); gap: 20px; }
|
|
|
|
.agent-card { background: #16213e; border-radius: 15px; padding: 20px; border-left: 4px solid #00d9ff; }
|
|
.agent-card.chief { border-left-color: #e94560; }
|
|
.agent-card.scraper { border-left-color: #00ff88; }
|
|
.agent-card.sales { border-left-color: #ffd700; }
|
|
.agent-card.mailing { border-left-color: #7b2cbf; }
|
|
.agent-card.support { border-left-color: #00d9ff; }
|
|
.agent-card.analyst { border-left-color: #ff6b6b; }
|
|
|
|
.agent-icon { font-size: 40px; margin-bottom: 10px; }
|
|
.agent-name { font-size: 20px; font-weight: bold; margin-bottom: 5px; }
|
|
.agent-role { color: #00d9ff; font-size: 14px; margin-bottom: 15px; }
|
|
|
|
.missions { background: #0f3460; padding: 15px; border-radius: 10px; }
|
|
.missions h4 { color: #000; margin-bottom: 10px; font-size: 14px; }
|
|
.missions ul { padding-left: 20px; font-size: 13px; color: #aaa; }
|
|
.missions li { margin: 5px 0; }
|
|
|
|
.tools { margin-top: 15px; font-size: 12px; color: #666; }
|
|
.tools span { background: #ff9f1c; padding: 3px 8px; border-radius: 5px; margin-right: 5px; }
|
|
|
|
.workflow { background: #16213e; padding: 25px; border-radius: 15px; margin: 30px 0; }
|
|
.workflow-steps { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 15px; margin-top: 20px; }
|
|
.step { background: #0f3460; padding: 15px; border-radius: 10px; text-align: center; flex: 1; min-width: 150px; }
|
|
.step-num { background: #00d9ff; color: #000; width: 30px; height: 30px; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; font-weight: bold; margin-bottom: 10px; }
|
|
|
|
.stats-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 15px; margin: 20px 0; }
|
|
.stat-box { background: #16213e; padding: 20px; border-radius: 12px; text-align: center; }
|
|
.stat-num { font-size: 28px; font-weight: bold; color: #00d9ff; }
|
|
.stat-label { font-size: 12px; color: #888; margin-top: 5px; }
|
|
|
|
a { color: #00d9ff; }
|
|
|
|
.home-btn{position:fixed;top:10px;left:10px;z-index:9999;background:linear-gradient(135deg,#00d9ff,#7b2cbf);color:#fff;border:none;border-radius:8px;padding:10px 15px;font-size:14px;cursor:pointer;text-decoration:none;display:flex;align-items:center;gap:8px;box-shadow:0 2px 10px rgba(0,217,255,0.3);transition:all 0.3s;font-family:-apple-system,BlinkMacSystemFont,sans-serif}.home-btn:hover{transform:translateY(-2px);box-shadow:0 4px 15px rgba(0,217,255,0.5)}
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<a href="https://portal-kolifee.duckdns.org/" class="home-btn" title="Retour au portail"><span style="font-size:18px">🏠</span><span>Accueil</span></a>
|
|
<div style="text-align:center;padding:20px;">
|
|
<img src="H3R7Tech_logo.png" alt="H3R7Tech" style="width:150px;border-radius:15px;">
|
|
</div>
|
|
<header>
|
|
<h1>🏢 Organigramme H3R7Tech</h1>
|
|
<p>Organisation et missions des agents</p>
|
|
</header>
|
|
|
|
<!-- CEO -->
|
|
<div class="ceo-box">
|
|
<div class="agent-icon">👑</div>
|
|
<div class="ceo-name">H3R7</div>
|
|
<div>CEO / Fondateur</div>
|
|
</div>
|
|
|
|
<!-- Stats -->
|
|
<div class="stats-grid">
|
|
<div class="stat-box">
|
|
<div class="stat-num">6</div>
|
|
<div class="stat-label">Agents</div>
|
|
</div>
|
|
<div class="stat-box">
|
|
<div class="stat-num">5</div>
|
|
<div class="stat-label">Tâches/jour</div>
|
|
</div>
|
|
<div class="stat-box">
|
|
<div class="stat-num">24/7</div>
|
|
<div class="stat-label">Disponibilité</div>
|
|
</div>
|
|
<div class="stat-box">
|
|
<div class="stat-num">100%</div>
|
|
<div class="stat-label">Automatisé</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Niveau 1: Chefs -->
|
|
<div class="org-level">
|
|
<div class="level-title">Niveau 1 - Direction</div>
|
|
<div class="agents-grid">
|
|
<div class="agent-card chief">
|
|
<div class="agent-icon">🤖</div>
|
|
<div class="agent-name">AgentChief</div>
|
|
<div class="agent-role">Superviseur Global</div>
|
|
<div class="missions">
|
|
<h4>🎯 Missions</h4>
|
|
<ul>
|
|
<li>Orchestration des agents</li>
|
|
<li>Décisions stratégiques</li>
|
|
<li>Rapports quotidiens</li>
|
|
<li>Gestion des priorities</li>
|
|
</ul>
|
|
</div>
|
|
<div class="tools">
|
|
<span>OpenClaw</span><span>Dashboard</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Niveau 2: Agents -->
|
|
<div class="org-level">
|
|
<div class="level-title">Niveau 2 - Agents Opérationnels</div>
|
|
<div class="agents-grid">
|
|
<div class="agent-card scraper">
|
|
<div class="agent-icon">🔍</div>
|
|
<div class="agent-name">AgentScraper</div>
|
|
<div class="agent-role">Collecte de Données</div>
|
|
<div class="missions">
|
|
<h4>🎯 Missions</h4>
|
|
<ul>
|
|
<li>Scraping annuaires pro</li>
|
|
<li>Extraction données prospects</li>
|
|
<li>Veille concurrentielle</li>
|
|
<li>Nettoyage/dédoublonnage</li>
|
|
<li>Mise à jour CRM</li>
|
|
</ul>
|
|
</div>
|
|
<div class="tools">
|
|
<span>Python</span><span>Scrapy</span><span>CRM</span>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="agent-card sales">
|
|
<div class="agent-icon">📞</div>
|
|
<div class="agent-name">AgentSales</div>
|
|
<div class="agent-role">Prospection Commerciale</div>
|
|
<div class="missions">
|
|
<h4>🎯 Missions</h4>
|
|
<ul>
|
|
<li>Appels sortants</li>
|
|
<li>Découverte besoins</li>
|
|
<li>Présentation offres</li>
|
|
<li>Prise de rendez-vous</li>
|
|
<li>Relances prospects</li>
|
|
</ul>
|
|
</div>
|
|
<div class="tools">
|
|
<span>CRM</span><span>Scripts</span><span>Phone</span>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="agent-card mailing">
|
|
<div class="agent-icon">📧</div>
|
|
<div class="agent-name">AgentMailing</div>
|
|
<div class="agent-role">Email Marketing</div>
|
|
<div class="missions">
|
|
<h4>🎯 Missions</h4>
|
|
<ul>
|
|
<li>Campagnes email</li>
|
|
<li>Séquences prospection</li>
|
|
<li>Templates professionnels</li>
|
|
<li>Tracking ouvertures/clics</li>
|
|
<li>A/B testing</li>
|
|
</ul>
|
|
</div>
|
|
<div class="tools">
|
|
<span>Email</span><span>SendGrid</span><span>Analytics</span>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="agent-card support">
|
|
<div class="agent-icon">💬</div>
|
|
<div class="agent-name">AgentSupport</div>
|
|
<div class="agent-role">Relation Client</div>
|
|
<div class="missions">
|
|
<h4>🎯 Missions</h4>
|
|
<ul>
|
|
<li>Réponses aux demandes</li>
|
|
<li>SAV et suivi</li>
|
|
<li>Foire aux questions</li>
|
|
<li>Gestion tickets</li>
|
|
<li>Satisfaction client</li>
|
|
</ul>
|
|
</div>
|
|
<div class="tools">
|
|
<span>Telegram</span><span>Email</span><span>Chat</span>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="agent-card analyst">
|
|
<div class="agent-icon">📊</div>
|
|
<div class="agent-name">AgentAnalyst</div>
|
|
<div class="agent-role">Analyste Données</div>
|
|
<div class="missions">
|
|
<h4>🎯 Missions</h4>
|
|
<ul>
|
|
<li>KPI tracking</li>
|
|
<li>Rapports quotidiens</li>
|
|
<li>Analyse conversions</li>
|
|
<li>Prévisions business</li>
|
|
<li>Recommendations</li>
|
|
</ul>
|
|
</div>
|
|
<div class="tools">
|
|
<span>Analytics</span><span>Excel</span><span>IA</span>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="agent-card">
|
|
<div class="agent-icon">🎨</div>
|
|
<div class="agent-name">AgentDesign</div>
|
|
<div class="agent-role">Créateur Contenu</div>
|
|
<div class="missions">
|
|
<h4>🎯 Missions</h4>
|
|
<ul>
|
|
<li>Logos et branding</li>
|
|
<li>Sites web</li>
|
|
<li>Visuels marketing</li>
|
|
<li>Présentations</li>
|
|
<li>Templates</li>
|
|
</ul>
|
|
</div>
|
|
<div class="tools">
|
|
<span>Canva</span><span>Figma</span><span>IA</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Workflow -->
|
|
<div class="workflow">
|
|
<h2>🔄 Flux de Travail Quotidien</h2>
|
|
<div class="workflow-steps">
|
|
<div class="step">
|
|
<div class="step-num">1</div>
|
|
<div>🔍 Scraper</div>
|
|
<div style="font-size:12px;color:#888;">09:00</div>
|
|
</div>
|
|
<div class="step">
|
|
<div class="step-num">2</div>
|
|
<div>📧 Mailing</div>
|
|
<div style="font-size:12px;color:#888;">10:00</div>
|
|
</div>
|
|
<div class="step">
|
|
<div class="step-num">3</div>
|
|
<div>📞 Appels</div>
|
|
<div style="font-size:12px;color:#888;">14:00</div>
|
|
</div>
|
|
<div class="step">
|
|
<div class="step-num">4</div>
|
|
<div>📊 Bilan</div>
|
|
<div style="font-size:12px;color:#888;">18:00</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Services -->
|
|
<h2>🛠️ Services H3R7Tech</h2>
|
|
<div class="agents-grid">
|
|
<div class="agent-card">
|
|
<div class="agent-icon">🌐</div>
|
|
<div class="agent-name">Sites Web Pro</div>
|
|
<div class="missions">
|
|
<ul>
|
|
<li>Vitrine</li>
|
|
<li>E-commerce</li>
|
|
<li>Responsive design</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
<div class="agent-card">
|
|
<div class="agent-icon">📈</div>
|
|
<div class="agent-name">Marketing Digital</div>
|
|
<div class="missions">
|
|
<ul>
|
|
<li>SEO/SEA</li>
|
|
<li>Réseaux sociaux</li>
|
|
<li>Content marketing</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
<div class="agent-card">
|
|
<div class="agent-icon">🤖</div>
|
|
<div class="agent-name">Automatisation</div>
|
|
<div class="missions">
|
|
<ul>
|
|
<li>CRM</li>
|
|
<li>Scraping</li>
|
|
<li>Workflows</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
<div class="agent-card">
|
|
<div class="agent-icon">🏇</div>
|
|
<div class="agent-name">Turf Analytics</div>
|
|
<div class="missions">
|
|
<ul>
|
|
<li>Prédictions</li>
|
|
<li>Statistiques</li>
|
|
<li>Gestion paris</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div style="text-align:center;margin:40px 0;">
|
|
<a href="/">← Retour au Portail</a>
|
|
</div>
|
|
</body>
|
|
</html>
|