Release-Vorbereitung: Proxy, Kostenoptimierung, Freemium, Store-Assets

- Backend-Proxy (Cloudflare Worker in proxy/): API-Key serverseitig, Modell-Whitelist, max_tokens-Deckel, Tageslimits pro Gerät und IP - Modell-Split: Analyse auf Sonnet 5, Übersetzung/Antwort auf Haiku 4.5 - Bild-Downscaling auf 2000px vor dem Upload (ScanScreen) - Expo SDK 56 -> 57 Upgrade - Freemium: 3 Gratis-Analysen mit lokalem Zähler und Paywall-Hinweis - Einstellungen: API-Key-Feld nur noch im Dev-Modus (NUTZT_PROXY) - Build-Setup: Bundle-IDs, eas.json, Splash-Screen-Plugin - Tests: jest-expo + 17 Tests für die Ampel-/Fristlogik - Rechtliches: Datenschutzerklärung (Entwurf), Webseite (webseite/, live auf behoerdenklar.pages.dev), Store-Texte (store/) Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
2026-07-14 14:14:00 +02:00
parent 88c49e1b54
commit 9dc1d8d87b
26 changed files with 6587 additions and 480 deletions
--- a/webseite/index.html
+++ b/webseite/index.html
@@ -0,0 +1,75 @@
+<!DOCTYPE html>
+<html lang="de">
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>BehördenKlar – Behördenbriefe einfach verstehen</title>
+  <meta name="description" content="BehördenKlar erklärt Behördenbriefe in einfacher Sprache. Support und Kontakt.">
+  <style>
+    :root { color-scheme: light; }
+    * { margin: 0; padding: 0; box-sizing: border-box; }
+    body {
+      font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
+      color: #1a1a2e; background: #f4f8fb; line-height: 1.7;
+    }
+    .wrap { max-width: 640px; margin: 0 auto; padding: 32px 20px 64px; }
+    header { text-align: center; padding: 48px 0 32px; }
+    .logo { font-size: 56px; }
+    h1 { font-size: 32px; margin-top: 12px; color: #144d8c; }
+    .slogan { font-size: 18px; color: #4a5568; margin-top: 8px; }
+    .karte {
+      background: #fff; border-radius: 16px; padding: 24px;
+      margin-top: 24px; box-shadow: 0 2px 8px rgba(20, 77, 140, 0.08);
+    }
+    h2 { font-size: 20px; color: #144d8c; margin-bottom: 12px; }
+    a { color: #1a6bc4; }
+    .kontakt { font-size: 18px; font-weight: 600; }
+    footer { text-align: center; margin-top: 40px; font-size: 15px; color: #4a5568; }
+    footer a { margin: 0 10px; }
+  </style>
+</head>
+<body>
+  <div class="wrap">
+    <header>
+      <div class="logo">📬</div>
+      <h1>BehördenKlar</h1>
+      <p class="slogan">Behördenbriefe fotografieren – und einfach verstehen.</p>
+    </header>
+
+    <div class="karte">
+      <h2>Was ist BehördenKlar?</h2>
+      <p>
+        BehördenKlar ist eine App für iPhone: Sie fotografieren einen Brief vom
+        Amt, und die App erklärt ihn in einfacher Sprache — mit allen Fristen,
+        Terminen und einer Checkliste, was zu tun ist. Auf Wunsch übersetzt in
+        9 weitere Sprachen.
+      </p>
+    </div>
+
+    <div class="karte">
+      <h2>Support &amp; Kontakt</h2>
+      <p>
+        Sie haben eine Frage, ein Problem mit der App oder einen Verbesserungsvorschlag?
+        Schreiben Sie uns — wir antworten so schnell wie möglich:
+      </p>
+      <p class="kontakt" style="margin-top: 12px;">
+        📧 <a href="mailto:behoerdenbriefhelfer@gmail.com">behoerdenbriefhelfer@gmail.com</a>
+      </p>
+    </div>
+
+    <div class="karte">
+      <h2>Wichtiger Hinweis</h2>
+      <p>
+        BehördenKlar erklärt Briefe verständlich, ersetzt aber keine
+        Rechtsberatung. Bei rechtlich wichtigen Entscheidungen wenden Sie sich
+        bitte an eine Beratungsstelle oder eine Anwältin/einen Anwalt.
+      </p>
+    </div>
+
+    <footer>
+      <a href="impressum.html">Impressum</a> ·
+      <a href="datenschutz.html">Datenschutzerklärung</a>
+    </footer>
+  </div>
+</body>
+</html>