91 lines
3.2 KiB
HTML
91 lines
3.2 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="de">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<meta name="description" content="loop42 — Agentische Produkte. Software, Infrastruktur und Datendesign aus einer Hand. DSGVO-konform, betrieben in Deutschland.">
|
|
<title>loop42 — Agentische Produkte</title>
|
|
<script type="module" src="/src/main.ts"></script>
|
|
</head>
|
|
<body>
|
|
|
|
<nav>
|
|
<a class="nav-logo" href="/">loop42</a>
|
|
<ul class="nav-links">
|
|
<li><a href="#ansatz">Ansatz</a></li>
|
|
<li><a href="#projekte">Projekte</a></li>
|
|
<li><a href="#kontakt">nyx</a></li>
|
|
</ul>
|
|
</nav>
|
|
|
|
<div class="hero">
|
|
<div class="hero-label">Agentische Produkte</div>
|
|
<h1>Für jede Aufgabe<br>das <em>richtige</em> Produkt.</h1>
|
|
<p>loop42 baut agentische Produkte — Software, Infrastruktur und Datendesign aus einer Hand.</p>
|
|
<a href="#projekte" class="btn">Erste Projekte</a>
|
|
</div>
|
|
|
|
<hr class="divider">
|
|
|
|
<section id="ansatz">
|
|
<div class="section-label">Unser Ansatz</div>
|
|
<h2>Genau richtig.</h2>
|
|
<p>Jedes Produkt löst eine klar definierte Aufgabe — mit den Werkzeugen, die dafür nötig sind.</p>
|
|
<div class="cards">
|
|
<div class="card">
|
|
<div class="card-icon">🎯</div>
|
|
<h3>Das Wesentliche</h3>
|
|
<p>Jedes Produkt kennt seinen Bereich und bleibt darin. Tiefe schlägt Breite — verlässlich, jeden Tag.</p>
|
|
</div>
|
|
<div class="card">
|
|
<div class="card-icon">👥</div>
|
|
<h3>Produkte für Teams</h3>
|
|
<p>Pro Produkt ein gemeinsamer Zugang für alle, die dazugehören — über Gruppenkonten verwaltet, mit getrennten Sitzungen und voller Kontrolle darüber, wer was sieht.</p>
|
|
</div>
|
|
<div class="card">
|
|
<div class="card-icon">🔒</div>
|
|
<h3>Sicher & konform</h3>
|
|
<p>Alle Daten liegen in Deutschland. Mandantentrennung auf Datenbankebene, DSGVO-konforme Verarbeitung, Auftragsverarbeitungsvertrag für jedes Produkt.</p>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<hr class="divider">
|
|
|
|
<section id="projekte">
|
|
<div class="section-label">Erste Projekte</div>
|
|
<h2>Bildungsangebote — dort, wo sie gebraucht werden.</h2>
|
|
<p>Unsere ersten Produkte entstehen im Bildungsbereich: praxisnah, fachlich fundiert, für die Fachkräfte, die täglich damit arbeiten.</p>
|
|
<div class="cards">
|
|
<div class="card">
|
|
<div class="card-icon">🧒</div>
|
|
<h3>Frühkindliche Bildung</h3>
|
|
<p>Pädagogisches Fachpersonal erhält strukturierte Bildungsangebote — abgestimmt auf die jeweilige Einrichtung, die Altersgruppen und den pädagogischen Alltag.</p>
|
|
</div>
|
|
<div class="card">
|
|
<div class="card-icon">📚</div>
|
|
<h3>Erwachsenen-Grundbildung</h3>
|
|
<p>Passgenauige Lernangebote für Erwachsene mit Grundbildungsbedarf — zugänglich, strukturiert, an bestehende Lehrpläne angepasst.</p>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<hr class="divider">
|
|
|
|
<div class="cta" id="kontakt">
|
|
<h2>nyx</h2>
|
|
<p>Agentische Produkte erleben — direkt im Browser.</p>
|
|
<a href="/nyx" class="btn">nyx öffnen</a>
|
|
</div>
|
|
|
|
<footer>
|
|
<div class="footer-links">
|
|
<a href="/legal.html">Impressum</a>
|
|
<a href="/datenschutz.html">Datenschutz</a>
|
|
</div>
|
|
<span>© 2026 loop42 UG (haftungsbeschränkt)</span>
|
|
</footer>
|
|
|
|
</body>
|
|
</html>
|