ce33d918de
- Hero: "Wir bauen agentische Produkte" — confident, no fluff - Plattform section: platform facts (Wesentliche, Teams, Sicher & konform) - Produkte section: two products, terse one-liners - nyx section: visitor-centric copy - Mandantentrennung auf Containerebene (was Datenbankebene) - Removed unused CSS (hero-label, card-icon) Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
82 lines
2.4 KiB
HTML
82 lines
2.4 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 — Eigene Plattform, eigene Produkte. Agentische Software aus Deutschland.">
|
|
<title>loop42</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="#plattform">Plattform</a></li>
|
|
<li><a href="#produkte">Produkte</a></li>
|
|
<li><a href="#nyx">nyx</a></li>
|
|
</ul>
|
|
</nav>
|
|
|
|
<div class="hero">
|
|
<h1>Wir bauen<br>agentische <em>Produkte</em>.</h1>
|
|
<p>Eigene Plattform. Eigene Infrastruktur. Eigene Regeln.</p>
|
|
</div>
|
|
|
|
<hr class="divider">
|
|
|
|
<section id="plattform">
|
|
<div class="section-label">Plattform</div>
|
|
<h2>Was dahintersteht.</h2>
|
|
<div class="cards">
|
|
<div class="card">
|
|
<h3>Das Wesentliche</h3>
|
|
<p>Jedes Produkt kennt seinen Bereich und bleibt darin. Tiefe schlägt Breite — verlässlich, jeden Tag. Keine Extras, die niemand braucht.</p>
|
|
</div>
|
|
<div class="card">
|
|
<h3>Produkte für Teams</h3>
|
|
<p>Ein Zugang pro Team, getrennte Sitzungen, volle Kontrolle. Gruppenkonten regeln, wer was sieht — ohne Verwaltungsaufwand.</p>
|
|
</div>
|
|
<div class="card">
|
|
<h3>Sicher & konform</h3>
|
|
<p>Alle Daten liegen in Deutschland. Mandantentrennung auf Containerebene, DSGVO-konforme Verarbeitung, Auftragsverarbeitung inklusive.</p>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<hr class="divider">
|
|
|
|
<section id="produkte">
|
|
<div class="section-label">Produkte</div>
|
|
<h2>Was wir bauen.</h2>
|
|
<div class="cards">
|
|
<div class="card">
|
|
<h3>Frühkindliche Bildung</h3>
|
|
<p>Bildungsangebote für pädagogische Fachkräfte — abgestimmt auf Einrichtung, Altersgruppen und den Alltag.</p>
|
|
</div>
|
|
<div class="card">
|
|
<h3>Erwachsenen-Grundbildung</h3>
|
|
<p>Lernangebote für Erwachsene mit Grundbildungsbedarf — zugänglich, strukturiert, passgenau.</p>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<hr class="divider">
|
|
|
|
<div class="cta" id="nyx">
|
|
<h2>nyx</h2>
|
|
<p>Produkte kennenlernen, ausprobieren, Zugang einrichten — direkt hier, direkt mit nyx.</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>
|