Initial commit

This commit is contained in:
Jonathan Atta
2026-03-03 10:33:56 +01:00
commit da373199e0
139 changed files with 26421 additions and 0 deletions

18
landingPage/README.md Normal file
View File

@@ -0,0 +1,18 @@
# MyMobileAgents — Landing page
Fichiers de la landing page simple, mono-page pour présentation et CTA.
Visualiser en local:
1. Ouvrir directement `lancingPage/index.html` dans un navigateur.
2. Ou servir localement (recommandé) depuis le dossier `lancingPage` :
```bash
cd lancingPage
python3 -m http.server 8000
# puis ouvrir http://localhost:8000
```
Remarques:
- Le style utilise un thème sombre + néon. Adaptez les couleurs dans `styles.css`.
- Remplacez le lien de `script.js` (checkout) par votre URL de paiement.

248
landingPage/cgu.html Normal file
View File

@@ -0,0 +1,248 @@
<!doctype html>
<html lang="fr">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<title>Conditions Générales d'Utilisation — MyMobileAgents</title>
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;600;800&display=swap" rel="stylesheet">
<link rel="stylesheet" href="styles.css" />
<style>
.legal-content {
max-width: 800px;
margin: 0 auto;
padding: 40px 20px;
line-height: 1.7;
}
.legal-content h1 {
font-size: 32px;
margin-bottom: 8px;
background: linear-gradient(90deg, var(--neon1), var(--neon2));
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
}
.legal-content .last-updated {
color: var(--muted);
font-size: 14px;
margin-bottom: 40px;
}
.legal-content h2 {
font-size: 22px;
margin-top: 40px;
margin-bottom: 16px;
color: var(--neon2);
}
.legal-content h3 {
font-size: 18px;
margin-top: 24px;
margin-bottom: 12px;
color: var(--text);
}
.legal-content p, .legal-content li {
color: var(--muted);
margin-bottom: 12px;
}
.legal-content ul, .legal-content ol {
padding-left: 24px;
margin-bottom: 16px;
}
.legal-content strong {
color: var(--text);
}
.highlight-box {
background: linear-gradient(135deg, rgba(255, 45, 149, 0.1), rgba(0, 240, 255, 0.1));
border: 1px solid rgba(255, 255, 255, 0.1);
border-radius: 12px;
padding: 20px;
margin: 24px 0;
}
.highlight-box p {
margin: 0;
color: var(--text);
}
.back-link {
display: inline-flex;
align-items: center;
gap: 8px;
color: var(--neon2);
text-decoration: none;
margin-bottom: 20px;
font-weight: 500;
}
.back-link:hover {
text-decoration: underline;
}
</style>
</head>
<body>
<main class="page">
<header class="nav">
<div class="brand">
<div class="logo">MyMobile<span>Agents</span></div>
</div>
<nav>
<a href="index.html">Accueil</a>
<a href="cgu.html" class="cta">CGU</a>
</nav>
</header>
<div class="legal-content">
<a href="index.html" class="back-link">← Retour à l'accueil</a>
<h1>Conditions Générales d'Utilisation</h1>
<p class="last-updated">Dernière mise à jour : 24 février 2026</p>
<div class="highlight-box">
<p><strong>Important :</strong> MyMobileAgents est une interface logicielle permettant d'exécuter des modèles de langage (LLM) localement sur votre appareil. Nous ne fournissons aucun modèle, aucun contenu généré et n'avons aucun contrôle sur les agents que vous créez et utilisez.</p>
</div>
<h2>1. Définitions</h2>
<p>Dans les présentes Conditions Générales d'Utilisation (CGU) :</p>
<ul>
<li><strong>« Application »</strong> ou <strong>« MyMobileAgents »</strong> désigne le logiciel mobile permettant d'interagir avec des modèles de langage locaux.</li>
<li><strong>« Utilisateur »</strong> désigne toute personne téléchargeant, installant ou utilisant l'Application.</li>
<li><strong>« LLM »</strong> (Large Language Model) désigne les modèles de langage de grande taille, généralement au format GGUF, exécutés localement.</li>
<li><strong>« Agent »</strong> désigne une configuration personnalisée créée par l'Utilisateur pour interagir avec un LLM (prompt système, paramètres de génération, etc.).</li>
<li><strong>« Contenu Généré »</strong> désigne l'ensemble des textes, réponses et sorties produits par les LLM via l'Application.</li>
</ul>
<h2>2. Nature du Service</h2>
<h3>2.1 Interface Logicielle Uniquement</h3>
<p>MyMobileAgents est et demeure une <strong>interface logicielle</strong> (« software interface »). Nous ne fournissons :</p>
<ul>
<li>Aucun modèle de langage (LLM)</li>
<li>Aucun service d'hébergement de modèles</li>
<li>Aucun traitement de données sur nos serveurs</li>
<li>Aucun contrôle sur les contenus générés par les LLM</li>
</ul>
<h3>2.2 Exécution Locale</h3>
<p>Tous les LLM sont exécutés <strong>exclusivement sur l'appareil de l'Utilisateur.</strong> Aucune donnée n'est transmise à nos serveurs lors de l'utilisation des LLM. Les seules communications réseau concernent :</p>
<ul>
<li>Le téléchargement de modèles. (à l'initiative de l'Utilisateur)</li>
<li>Les mises à jour de l'Application</li>
<li>Les éventuelles communications avec les services tiers configurés par l'Utilisateur</li>
</ul>
<h2>3. Responsabilité de l'Utilisateur</h2>
<h3>3.1 Responsabilité Totale des Agents</h3>
<p>L'Utilisateur est <strong>entièrement et seul responsable</strong> :</p>
<ul>
<li>Du choix des LLM qu'il télécharge et installe</li>
<li>De la configuration de ses agents (prompts système, paramètres)</li>
<li>Des instructions et requêtes soumises aux LLM</li>
<li>Des contenus générés par les LLM</li>
<li>De l'utilisation qu'il fait des réponses fournies par les LLM</li>
<li>De la vérification de l'exactitude, la légalité et la pertinence des contenus générés</li>
</ul>
<h3>3.2 Conformité Légale</h3>
<p>L'Utilisateur s'engage à :</p>
<ul>
<li>Respecter l'ensemble des lois et réglementations applicables dans son pays de résidence</li>
<li>Ne pas utiliser l'Application à des fins illégales, frauduleuses ou nuisibles</li>
<li>Ne pas générer de contenus illicites (discours de haine, contenus pornographiques illégaux, incitations à la violence, etc.)</li>
<li>Vérifier la conformité des LLM utilisés avec les réglementations locales (droits d'auteur, licences, etc.)</li>
</ul>
<h3>3.3 Modèles Tiers</h3>
<p>Lors du téléchargement de modèles :</p>
<ul>
<li>L'Utilisateur est responsable du respect des licences associées à chaque modèle</li>
<li>L'Utilisateur reconnaît que nous n'avons aucun contrôle sur ces modèles tiers</li>
<li>L'Utilisateur assume tous les risques liés à l'utilisation de ces modèles</li>
</ul>
<h2>4. Absence de Garantie et Limitation de Responsabilité</h2>
<h3>4.1 Fourni « En L'État »</h3>
<p>L'Application est fournie <strong>« en l'état »</strong> (« as is ») et <strong>« selon disponibilité »</strong> (« as available »), sans aucune garantie expresse ou implicite. Nous ne garantissons pas :</p>
<ul>
<li>L'exactitude, l'exhaustivité ou la fiabilité des contenus générés par les LLM</li>
<li>L'absence de bugs, erreurs ou interruptions de service</li>
<li>La compatibilité avec tous les appareils ou systèmes d'exploitation</li>
<li>La sécurité absolue des données stockées localement</li>
</ul>
<h3>4.2 Exclusion de Responsabilité</h3>
<p>Dans toute la mesure permise par la loi applicable, nous déclinons <strong>toute responsabilité</strong> pour :</p>
<ul>
<li>Les dommages directs, indirects, accessoires, spéciaux ou consécutifs</li>
<li>Les pertes de données, de profits, de revenus ou d'opportunités commerciales</li>
<li>Les décisions prises sur la base des contenus générés par les LLM</li>
<li>Les conséquences de l'utilisation de modèles tiers</li>
<li>Les problèmes de performance, surchauffe ou dégradation de batterie liés à l'exécution locale des LLM</li>
</ul>
<h3>4.3 Plafonnement</h3>
<p>En aucun cas notre responsabilité totale ne pourra excéder le montant payé par l'Utilisateur pour l'Application au cours des douze (12) mois précédant l'événement donnant lieu à responsabilité, ou 100 euros si l'Application a été obtenue gratuitement.</p>
<h2>5. Propriété Intellectuelle</h2>
<h3>5.1 Application</h3>
<p>L'Application MyMobileAgents, son code source, son design et ses fonctionnalités sont protégés par les lois sur la propriété intellectuelle. Nous concédons à l'Utilisateur une licence limitée, non exclusive et non transférable d'utilisation de l'Application conformément aux présentes CGU.</p>
<h3>5.2 Contenu Généré</h3>
<p>L'Utilisateur conserve tous les droits sur les contenus qu'il crée via l'Application. Cependant, l'Utilisateur reconnaît que :</p>
<ul>
<li>Les LLM peuvent générer des contenus similaires pour différents utilisateurs</li>
<li>Nous ne pouvons garantir l'originalité ou la non-contrefaçon des contenus générés</li>
<li>L'Utilisateur est responsable de la vérification des droits de propriété intellectuelle sur les contenus générés</li>
</ul>
<h2>6. Données Personnelles et Confidentialité</h2>
<h3>6.1 Traitement Local</h3>
<p>Conformément à notre engagement en faveur de la vie privée :</p>
<ul>
<li>Toutes les conversations avec les LLM restent <strong>exclusivement sur l'appareil</strong> de l'Utilisateur</li>
<li>Nous n'avons pas accès aux conversations, prompts ou réponses</li>
<li>Nous ne collectons pas de données personnelles identifiables</li>
<li>Les seules données stockées concernent la configuration de l'Application (préférences, agents créés)</li>
</ul>
<h3>6.2 RGPD</h3>
<p>Pour les Utilisateurs résidant dans l'Union Européenne, nous nous conformons au Règlement Général sur la Protection des Données (RGPD). L'Utilisateur dispose des droits suivants :</p>
<ul>
<li>Droit d'accès aux données le concernant</li>
<li>Droit de rectification</li>
<li>Droit à l'effacement (« droit à l'oubli »)</li>
<li>Droit à la portabilité des données</li>
<li>Droit d'opposition</li>
</ul>
<h2>7. Modification et Résiliation</h2>
<h3>7.1 Modification des CGU</h3>
<p>Nous nous réservons le droit de modifier les présentes CGU à tout moment. Les modifications entrent en vigueur dès leur publication. L'utilisation continue de l'Application après modification vaut acceptation des nouvelles CGU.</p>
<h3>7.2 Résiliation</h3>
<p>L'Utilisateur peut cesser d'utiliser l'Application à tout moment. Nous nous réservons le droit de suspendre ou résilier l'accès de l'Utilisateur en cas de violation des présentes CGU.</p>
<h2>8. Contact</h2>
<p>Pour toute question concernant les présentes CGU ou l'Application :</p>
<ul>
Se reférer à la section contact du playstore</li>
</ul>
<h2>9. Droit Applicable et Juridiction</h2>
<p>Les présentes CGU sont régies par le droit Belge. Tout litige relatif à leur interprétation ou exécution relève de la compétence exclusive des tribunaux de Liége, sous réserve d'attribution de compétence impérative.</p>
<h2>10. Dispositions Diverses</h2>
<p>Si une disposition des présentes CGU est jugée invalide ou inapplicable, les autres dispositions resteront en vigueur. L'absence d'exercice d'un droit ne constitue pas une renonciation à ce droit.</p>
<div class="highlight-box" style="margin-top: 40px;">
<p><strong>En utilisant MyMobileAgents, vous reconnaissez avoir lu, compris et accepté l'intégralité des présentes Conditions Générales d'Utilisation.</strong></p>
</div>
</div>
<footer class="site-footer">
<p>© <span id="year"></span> MyMobileAgents — Simple. Privé. Puissant. | <a href="cgu.html" style="color: var(--neon2);">CGU</a></p>
</footer>
</main>
<script src="script.js"></script>
</body>
</html>

79
landingPage/index.html Normal file
View File

@@ -0,0 +1,79 @@
<!doctype html>
<html lang="fr">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<title>MyMobileAgents — Votre assistant mobile intelligent</title>
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;600;800&display=swap" rel="stylesheet">
<link rel="stylesheet" href="styles.css" />
</head>
<body>
<main class="page">
<header class="nav">
<div class="brand">
<div class="logo">MyMobile<span>Agents</span></div>
</div>
<nav>
<a href="#features">Avantages</a>
<a href="#how">Comment ça marche</a>
<a href="#cta" class="cta">Acheter</a>
</nav>
</header>
<section class="hero">
<div class="hero-content">
<h1>Votre assistant mobile, intelligent et confidentiel</h1>
<p class="lead">Un compagnon numérique qui comprend vos besoins, protège votre vie privée et vous aide à gagner du temps — simple, rapide et magnifique.</p>
<div class="hero-actions">
<a href="#cta" class="btn primary">Commander maintenant</a>
<a href="#how" class="btn ghost">Découvrir</a>
</div>
</div>
<div class="hero-visual" aria-hidden="true">
<div class="device-mock"></div>
</div>
</section>
<section id="features" class="features">
<h2>Pourquoi MyMobileAgents ?</h2>
<div class="cards">
<article class="card">
<h3>Facile à utiliser</h3>
<p>Installation instantanée, interface claire, réponses naturelles — prenez le contrôle en quelques minutes.</p>
</article>
<article class="card">
<h3>Confidentialité totale</h3>
<p>Vos données restent sur votre appareil : pas de collecte, pas de profilage, juste de la valeur pour vous.</p>
</article>
<article class="card">
<h3>Sauve du temps</h3>
<p>Automatise les tâches, prépare des résumés et vous aide à décider plus vite pour ce qui compte vraiment.</p>
</article>
</div>
</section>
<section id="how" class="how">
<h2>Comment ça marche</h2>
<ol>
<li>Installez l'app et configurez vos préférences.</li>
<li>Demandez simplement — messages, résumés, assistants de tâches.</li>
<li>Profitez d'une expérience fluide et privée.</li>
</ol>
</section>
<section id="cta" class="cta-panel">
<div class="cta-inner">
<h2>Prêt à transformer votre quotidien ?</h2>
<p>Offre spéciale de lancement — obtenez la première année avec 20% de réduction.</p>
<a id="buyBtn" class="btn big primary">J'en profite</a>
</div>
</section>
<footer class="site-footer">
<p>© <span id="year"></span> MyMobileAgents — Simple. Privé. Puissant. | <a href="cgu.html" style="color: var(--neon2);">CGU</a></p>
</footer>
</main>
<script src="script.js"></script>
</body>
</html>

27
landingPage/script.js Normal file
View File

@@ -0,0 +1,27 @@
// Minimal interactions: year, smooth scroll, CTA
document.addEventListener('DOMContentLoaded', function(){
// Update year
var y = new Date().getFullYear();
var el = document.getElementById('year');
if(el) el.textContent = y;
// Smooth scroll for internal links
document.querySelectorAll('a[href^="#"]').forEach(function(a){
a.addEventListener('click', function(e){
var target = document.querySelector(this.getAttribute('href'));
if(target){
e.preventDefault();
target.scrollIntoView({behavior:'smooth', block:'start'});
}
});
});
// Buy button (placeholder action)
var buy = document.getElementById('buyBtn');
if(buy){
buy.addEventListener('click', function(){
// In a real site, replace with checkout link
window.location.href = 'https://example.com/checkout?product=mymobileagents&promo=launch20';
});
}
});

66
landingPage/styles.css Normal file
View File

@@ -0,0 +1,66 @@
:root{
--bg:#07060a;
--card:#0f0e14;
--neon1: #ff2d95; /* magenta */
--neon2: #00f0ff; /* cyan */
--glass: rgba(255,255,255,0.04);
--text:#e6e6ea;
--muted:#a8a8b3;
}
*{box-sizing:border-box}
html,body{height:100%}
body{
margin:0;
font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,"Helvetica Neue",Arial;
background:radial-gradient(1200px 600px at 10% 10%, rgba(0,240,255,0.04), transparent),
radial-gradient(900px 500px at 90% 90%, rgba(255,45,149,0.04), transparent),
var(--bg);
color:var(--text);
-webkit-font-smoothing:antialiased;
-moz-osx-font-smoothing:grayscale;
}
.page{max-width:1100px;margin:0 auto;padding:32px}
.nav{display:flex;align-items:center;justify-content:space-between;padding:8px 0}
.logo{font-weight:800;letter-spacing:0.6px;color:var(--text);font-size:20px}
.logo span{color:var(--neon1);text-shadow:0 0 8px rgba(255,45,149,0.6)}
nav a{color:var(--muted);margin-left:20px;text-decoration:none}
nav a.cta{padding:8px 12px;border-radius:8px;background:linear-gradient(90deg,var(--neon1),var(--neon2));color:#05060a;font-weight:700}
.hero{display:grid;grid-template-columns:1fr 360px;gap:32px;align-items:center;padding:40px 0}
.hero-content h1{font-size:40px;margin:0 0 12px;color:linear-gradient(var(--neon1),var(--neon2))}
.hero-content h1{font-weight:800;line-height:1.02;text-shadow:0 4px 30px rgba(0,0,0,0.6)}
.lead{color:var(--muted);margin:0 0 20px}
.hero-actions{display:flex;gap:12px}
.btn{display:inline-block;padding:12px 18px;border-radius:12px;text-decoration:none;color:var(--text);font-weight:600}
.btn.primary{background:linear-gradient(90deg,var(--neon1),var(--neon2));box-shadow:0 8px 30px rgba(0,0,0,0.6),0 0 20px rgba(0,240,255,0.06);color:#05060a}
.btn.ghost{background:transparent;border:1px solid rgba(255,255,255,0.06);color:var(--text)}
.btn.big{padding:14px 26px;font-size:18px;border-radius:14px}
.hero-visual{display:flex;align-items:center;justify-content:center}
.device-mock{width:260px;height:520px;border-radius:28px;background:linear-gradient(180deg,rgba(255,255,255,0.03),rgba(0,0,0,0.08));box-shadow:0 20px 60px rgba(0,0,0,0.6),0 0 60px rgba(0,240,255,0.06) inset;border:1px solid rgba(255,255,255,0.03);position:relative}
.device-mock::after{content:'';position:absolute;inset:18px;border-radius:18px;background:conic-gradient(from 180deg at 50% 50%, rgba(0,240,255,0.06), rgba(255,45,149,0.06));backdrop-filter:blur(4px)}
.features{padding:40px 0}
.features h2{margin-top:0}
.cards{display:flex;gap:16px}
.card{background:linear-gradient(180deg,rgba(255,255,255,0.01),transparent);padding:18px;border-radius:12px;flex:1;border:1px solid rgba(255,255,255,0.02)}
.card h3{margin:0 0 8px;color:var(--neon2);text-shadow:0 0 12px rgba(0,240,255,0.08)}
.card p{margin:0;color:var(--muted)}
.how{padding:30px 0}
.how ol{color:var(--muted);margin:10px 0 0;padding-left:18px}
.cta-panel{margin:48px 0;padding:36px;border-radius:16px;background:linear-gradient(180deg,rgba(255,255,255,0.01),rgba(0,0,0,0.04));display:flex;align-items:center;justify-content:center}
.cta-inner{text-align:center}
.cta-inner h2{margin:0 0 8px;color:var(--neon1);text-shadow:0 0 18px rgba(255,45,149,0.12)}
.cta-inner p{color:var(--muted);margin:0 0 18px}
.site-footer{text-align:center;padding:28px 0;color:var(--muted);font-size:13px}
@media (max-width:900px){
.page{padding:20px}
.hero{grid-template-columns:1fr;gap:20px}
.hero-visual{order:2}
.cards{flex-direction:column}
nav a{margin-left:12px}
}