website/fr/index.html

210 lines
12 KiB
HTML

<!doctype html>
<html lang="fr">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<title>Accueil | 4NK.network</title>
<meta name="description" content="Cloud auto-souverain. Reconstruire le Web, droit dans ses bottes." />
<meta property="og:title" content="4NK.network" />
<meta property="og:description" content="Cloud auto-souverain. Reconstruire le Web, droit dans ses bottes." />
<meta property="og:type" content="website" />
<link rel="icon" href="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Ctext x='50' y='65' font-size='60' text-anchor='middle'%3E%E2%9A%A1%EF%B8%8F%3C/text%3E%3C/svg%3E" />
<link rel="stylesheet" href="../styles.css" />
<meta name="color-scheme" content="dark light" />
<meta name="theme-color" content="#000000" />
<link rel="preload" as="image" href="../4NKheader.png" />
</head>
<body>
<header class="site-header">
<div class="container">
<div class="left-group">
<img class="brand-mark" src="../logo.png" alt="Logo 4NK" />
<a class="logo" href="#top">4NK</a>
</div>
<nav class="nav" aria-label="Navigation principale">
<button class="nav-toggle" aria-expanded="false" aria-controls="nav-links"></button>
<ul id="nav-links">
<li><a href="#intro">Accueil</a></li>
<li><a href="#services">Services</a></li>
<li><a href="#team">À propos</a></li>
<li><a href="#contact">Contact</a></li>
<li>
<a href="/" class="language-toggle" title="English">
<img src="https://api.iconify.design/twemoji:flag-united-kingdom.svg" alt="English" style="width: 24px; height: 24px; vertical-align: middle;">
</a>
</li>
</ul>
</nav>
</div>
</header>
<main id="top">
<!-- Intro: Cloud Auto-Souverain -->
<section id="intro" class="section intro">
<div class="container intro-grid">
<div class="intro-media">
<img src="../4NKheader-tr.png" alt="En-tête 4NK" />
</div>
<div class="intro-copy">
<h1>Cloud Auto-Hébergé</h1>
<p class="subhead accent">Plus Sûr, Plus Simple, Souverain</p>
<p>Les utilisateurs paient toujours plus cher pour collaborer, gérer leurs identités et accéder à leurs propres données, tout en restant vulnérables aux piratages, rançongiciels et espionnage... <br> <br> Et s'il existait une solution, juste à portée de main ?
<br> <br> 4NK construit un cloud où vous restez propriétaire de vos données, alliant souveraineté et simplicité. Nous faisons de la souveraineté numérique une réalité technique, pas une simple promesse.</p>
<div class="actions">
<a class="button primary" href="#services">Découvrir nos Services</a>
<a class="button" href="#contact">Nous contacter</a>
</div>
</div>
</div>
</section>
<!-- Mission: Reconstruire le Web, Droit dans ses Bottes -->
<section id="mission" class="section">
<div class="container">
<div class="alt-row alt-left">
<div class="col-title">
<h2>Reconstruire le Web, À l'endroit</h2>
</div>
<div class="col-content">
<p>L'OS Cloud Auto-Souverain 4NK fonctionne comme une application sur votre équipement souvent sous-utilisé. <br> <br> Nous restaurons l'autonomie des utilisateurs sur Internet en utilisant les clés privées comme fondement pour ancrer la propriété et les flux de travail de confiance. Notre approche est pragmatique, axée sur la confidentialité et alignée sur Bitcoin.
<br> <br> Pas de blockchain, pas de jeton : simplement une infrastructure côté client qui étend les propriétés de Bitcoin pour une utilisation quotidienne et des flux de travail collaboratifs.
</p>
</div>
</div>
<div class="grid principles-grid span-2">
<article class="card">
<img class="icon" alt="Clé" src="https://api.iconify.design/solar:key-minimalistic-bold.svg?color=%23f7931a" />
<h3>Identité</h3>
<p>Les utilisateurs possèdent et gèrent leurs propres clés en toutes circonstances. <br> L'infrastructure est construite autour de vous. <br> Contrôlez ce que vous partagez, avec qui et comment.</p>
</article>
<article class="card">
<img class="icon" alt="Données" src="https://api.iconify.design/solar:database-bold.svg?color=%23f7931a" />
<h3>Sans Infrastructure</h3>
<p>Utilisez du matériel existant ou sous-utilisé (ordinateur portable, serveurs...) pour exécuter l'application. Les nouveaux investissements CAPEX sont optionnels. Invitez d'autres à utiliser votre infrastructure (juste d'un navigateur).</p>
</article>
<article class="card">
<img class="icon" alt="Sécurité" src="https://api.iconify.design/solar:shield-user-bold.svg?color=%23f7931a" />
<h3>Sécurité</h3>
<p>Vos données, vos règles. Chiffrement par défaut, partage selon vos conditions. Stockage entièrement chiffré. Local ou distribué. Toutes les communications sont chiffrées et ne fuient pas de métadonnées grâce à la fonctionnalité de silentpayment de Bitcoin.</p>
</article>
<article class="card">
<img class="icon" alt="Réseau" src="https://api.iconify.design/iconoir:network-solid.svg?color=%23f7931a" />
<h3>Réseau</h3>
<p>Collaborez et réseautez comme bon vous semble. La couche réseau est composée de nœuds qui peuvent être locaux ou distribués. De nombreux réseaux peuvent être construits à partir de nœuds ouverts ou en îlots fermés.</p>
</article>
</div>
</div>
</section>
<!-- Services -->
<section id="services" class="section tinted">
<div class="container">
<div class="alt-row alt-right">
<div class="col-media"><img src="../usercloud.png" alt="Illustration de cloud utilisateur" /></div>
<div class="col-title">
<h2>Vos Clés,<br>Vos Flux de Travail</h2>
<p class="lead">La proposition de valeur du Cloud Auto-Souverain est de vous permettre de créer n'importe quel flux de travail collaboratif dans le cloud.
<br> Voici quelques exemples des services que vous pouvez déployer.
</p>
</div>
</div>
<div class="grid principles-grid span-2">
<article class="card">
<img class="icon" alt="Coffre-fort" src="https://api.iconify.design/solar:key-minimalistic-bold.svg?color=%23f7931a" />
<h3>Coffre-fort Numérique Personnel</h3>
<p>Stockage sécurisé pour vos documents. Partage sécurisé. Choisissez de stocker localement ou dans le cloud. Toujours entièrement chiffré par votre clé privée.</p>
</article>
<article class="card">
<img class="icon" alt="Souveraineté" src="https://api.iconify.design/solar:shield-user-bold.svg?color=%23f7931a" />
<h3>Souveraineté Personnelle</h3>
<p>Exécutez un LLM uniquement sur le contenu que vous possédez et souhaitez garder privé. 100% local. <br> Sans aucune fuite de données</p>
</article>
<article class="card">
<img class="icon" alt="Documents" src="https://api.iconify.design/solar:database-bold.svg?color=%23f7931a" />
<h3>Documents Collaboratifs</h3>
<p>Créez des flux de travail documentaires sécurisés. Avec stockage et partage de données chiffrés. Gestion d'identités ultra-simple : créez, partagez, invitez des utilisateurs (ils n'ont pas besoin d'exécuter de nœud, juste d'un navigateur).</p>
</article>
<article class="card">
<img class="icon" alt="Orchestration" src="https://api.iconify.design/iconoir:network-solid.svg?color=%23f7931a" />
<h3>Orchestration des Flux de Travail</h3>
<p>Vos Règles : gérez entièrement les règles, rôles, politiques d'accès et accès aux données pour n'importe quel flux de travail. Toujours avec des identités vérifiables. Piste d'audit avec preuves horodatées à chaque interaction.</p>
</article>
</div>
</div>
</section>
<!-- Mises à Jour -->
<section id="updates" class="section">
<div class="container">
<div class="alt-row alt-right">
<div class="col-media letterbox"><img src="../updates.png" alt="Illustration des mises à jour" /></div>
<div class="col-title">
<h2>Actualités</h2>
<p>Dernières actualités et projets du réseau 4NK.</p>
</div>
</div>
<ul class="updates span-2">
<li><strong>Sep 2025 :</strong> Version alpha d'un service freemium B2C de cloud auto-souverain.</li>
<li><strong>Août 2025 :</strong> Version alpha d'un LLM local auto-hébergé fonctionnant uniquement sur le contenu de l'utilisateur.</li>
<li><strong>Juil 2025 :</strong> Phase de pré-production pour le flux de travail documentaire sécurisé pour les services notariaux.</li>
<li><strong>Mars 2025 :</strong> Premier POC pour un flux de travail documentaire entièrement sécurisé pour les services notariaux.</li>
<li><strong>2024 - 2025 :</strong> "Tour de France" des Meetups Bitcoin présentant les propriétés de SilentPayment.</li>
</ul>
</div>
</section>
<!-- Équipe -->
<section id="team" class="section tinted">
<div class="container">
<h2>Équipe</h2>
<p class="lead">Notre équipe et comité consultatif sont composés de professionnels expérimentés et de passionnés de Bitcoin, dont un développeur principal. Notre mission est d'étendre les propriétés de Bitcoin, comme l'auto-custode, la confidentialité et l'autonomisation, à la vie numérique quotidienne.</p>
<div class="grid team-grid">
<img src="/Nicolas.jpg" alt="CEO and CO-Founder" />
<img src="/Stephane.jpg" alt="President" />
<img src="/sosthene.png" alt="Core Dev" />
<img src="" alt="Sales Director" />
<img src="" alt="UUX" />
<img src="/elie.jpeg" alt="Strategist and Solutions Marketing" />
</div>
</div>
</section>
<!-- Contact -->
<section id="contact" class="section">
<div class="container" style="text-align: center;">
<div style="max-width: 400px; margin: 0 auto 2rem;">
<p class="lead" style="white-space: nowrap;">Intéressé par des solutions cloud auto-souveraines ?</p>
<a href="mailto:nicolas.cantu@pm.me" class="button primary" style="font-size: 1.2rem; padding: 12px 24px; display: inline-block;">
Contactez-nous
</a>
</div>
</div>
</section>
</main>
<footer class="site-footer">
<div class="container">
<nav class="footer-nav">
<a href="#intro">Accueil</a>
<a href="#services">Services</a>
<a href="#team">À propos</a>
<a href="#contact">Contact</a>
<a href="../powered-by-bitcoin.html">Propulsé par Bitcoin</a>
<a href="../manifest.html">Manifeste</a>
<a href="https://git.4nkweb.com/" target="_blank" rel="noopener">Git</a>
<a href="https://twitter.com/@NicolasCantuBk" target="_blank" rel="noopener">Twitter</a>
</nav>
<small>© <span id="year"></span> 4NK. Tous droits réservés.</small>
</div>
</footer>
<script>
// Mettre à jour l'année du copyright
document.addEventListener('DOMContentLoaded', function() {
document.getElementById('year').textContent = new Date().getFullYear();
});
</script>
<script src="../script.js"></script>
</body>
</html>