gitea/loop42-web
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Content rethink: platform operator framing, not service pitch

Browse Source 
- 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>
This commit is contained in:
Nico 2026-03-31 00:19:08 +02:00
parent 6eddc060e6
commit ce33d918de
2 changed files with 20 additions and 42 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

49
index.html
View File

@ -3,8 +3,8 @@
<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>
<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>
@ -12,69 +12,60 @@
<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>
<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">
<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>
<h1>Wir bauen<br>agentische <em>Produkte</em>.</h1>
<p>Eigene Plattform. Eigene Infrastruktur. Eigene Regeln.</p>
</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>
<section id="plattform">
<div class="section-label">Plattform</div>
<h2>Was dahintersteht.</h2>
<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>
<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">
<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>
<p>Ein Zugang pro Team, getrennte Sitzungen, volle Kontrolle. Gruppenkonten regeln, wer was sieht — ohne Verwaltungsaufwand.</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>
<p>Alle Daten liegen in Deutschland. Mandantentrennung auf Containerebene, DSGVO-konforme Verarbeitung, Auftragsverarbeitung inklusive.</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>
<section id="produkte">
<div class="section-label">Produkte</div>
<h2>Was wir bauen.</h2>
<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>
<p>Bildungsangebote für pädagogische Fachkräfte — abgestimmt auf Einrichtung, Altersgruppen und den 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>
<p>Lernangebote für Erwachsene mit Grundbildungsbedarf — zugänglich, strukturiert, passgenau.</p>
</div>
</div>
</section>
<hr class="divider">
<div class="cta" id="kontakt">
<div class="cta" id="nyx">
<h2>nyx</h2>
<p>Agentische Produkte erleben — direkt im Browser.</p>
<p>Produkte kennenlernen, ausprobieren, Zugang einrichten — direkt hier, direkt mit nyx.</p>
<a href="/nyx" class="btn">nyx öffnen</a>
</div>

13
src/style.css
View File

@ -94,14 +94,6 @@ nav {
padding: 6rem 2rem 4rem;
}
.hero-label {
font-size: 0.75rem;
letter-spacing: 0.15em;
text-transform: uppercase;
color: var(--accent);
margin-bottom: 1.5rem;
}
.hero h1 {
font-size: clamp(2.5rem, 6vw, 4.5rem);
font-weight: 300;
@ -175,11 +167,6 @@ section > p {
padding: 2rem;
}
.card-icon {
font-size: 1.5rem;
margin-bottom: 1rem;
}
.card h3 {
font-size: 1rem;
font-weight: 500;