Zum Inhalt

03 - Seitenstruktur & Funktionsumfang

Dokument: Seiten-Dokumentation Stand: 28.02.2026 Scope: Alle App-Seiten und deren Funktionen Status: Audit-ready


Übersicht

Route Seite Zeilen Auth erforderlich
/[locale]/ Login / Marketing ~31 Nein
/[locale]/play Spielseite via PlayContent Ja
/[locale]/dashboard Dashboard 3.331 Ja
/[locale]/account Kontoverwaltung 2.771 Ja
/[locale]/claim Gewinn-Claiming 953 Ja
/[locale]/global-stats Plattform-Statistiken 1.258 Nein
/[locale]/how-it-works Spielregeln 1.053 Nein
/[locale]/charity Charity Voting 506 Teilweise
/[locale]/terms AGB & Datenschutz 401 Nein
/[locale]/welcome Welcome/Landing 31 Nein
/[locale]/tx/[hash] Transaktionsdetails 414 Nein
/[locale]/account/revoke Allowance widerrufen 132 Ja
/ref/[code] Referral Redirect 45 Nein

1. Login / Marketing-Seite (/[locale]/)

Funktion: Einstiegspunkt und Marketing-Landing

Verhalten

Zustand Aktion
Nicht eingeloggt MarketingHomepageV2 + WebsiteFooter anzeigen
Eingeloggt (Desktop/Tablet) Redirect zu /dashboard
Eingeloggt (Mobile) Redirect zu /play

MarketingHomepageV2

  • Hero-Section mit CTA-Button
  • Feature-Übersicht
  • "How it Works"-Sektion
  • FAQ-Bereich
  • Login-Buttons (Web3Auth Modal / Telegram)
  • 18+ Altershinweis

2. Spielseite (/[locale]/play)

Funktion: Kern-Spielmechanik - Lotterieticket-Kauf

Routing-Logik

Gerät Verhalten
Desktop / Tablet Redirect zu /dashboard (Play ist Sidebar)
Mobile Vollbild-Spielansicht via PlayContent
Nicht eingeloggt Redirect zu Home

Funktionen (PlayContent)

Feature Beschreibung
Tier-Auswahl 5 Pools mit Preisanzeige und aktuellem Jackpot
Zahlengrid 40 Zahlen, 6 Auswahl pro Tip
Quick Pick Zufällige Zahlengenerierung
Tip-Verwaltung Hinzufügen/Entfernen von Tips, Bonus-Tips-Anzeige
Kostenübersicht Gesamtkosten inkl. Gas-Schätzung
Buy-Button Startet Kauf-Flow
History-Tab Letzte Tickets
Bonus-Badge Verfügbare Bonus-Tips

Pool-Konfiguration (TIERS)

Pool ID Name Preis/Tip USDT (6 Dec)
0 Micro 0,25 USDT 250.000
1 Mini 0,50 USDT 500.000
2 Standard 1,00 USDT 1.000.000
3 Maxi 5,00 USDT 5.000.000
4 Ultra 10,00 USDT 10.000.000

Spielregeln

Parameter Wert
Zahlenbereich 1 - 40
Zahlen pro Tip 6
Max. bezahlte Tips/TX 100
Max. Tips gesamt 9.999

Bonus-Formel

Tips < 5   → 0 Bonus-Tips
Tips 5-9   → 3 Bonus-Tips
Tips 10-14 → 7 Bonus-Tips
Tips 15-19 → 11 Bonus-Tips
Formel: 3 + floor((Tips - 5) / 5) × 4

3. Dashboard (/[locale]/dashboard)

Funktion: Persönliche Statistiken, Spielverlauf, Affiliate-Daten

Sektionen

Sektion Inhalt
Stats-Übersicht Gesamttickets, Tips, Ausgaben, Gewinne, Netto-Ergebnis
Responsible Gaming Tägliche Limits mit Fortschrittsbalken
Gewinn-Breakdown Visualisierung: 3er, 4er, 5er, Jackpot-Treffer
Letzte Spiele Erweiterbar, max. 3 initial angezeigt
Gewinnhistorie Persönliche Gewinne nach Tag, Pool, Trefferklasse
Bonus-Stats Lazy-loaded: Bonus verdient/verwendet/verfügbar
Affiliate-Bereich Verdient, ausstehend, ausgezahlt, Referral-Liste
Offene Claims Hervorgehoben, noch nicht abgerufene Gewinne
Floating Jackpot Top-Pool-Jackpot mit Puls-Animation

Modals

  • Ticket-Details: Einzelticket mit allen Tips und Treffern
  • Alle Spiele: Vollständige Ticket-Liste mit Pagination
  • Gewinnhistorie: Detailansicht nach Zeitraum

API-Calls

Endpunkt Zweck
GET /api/user/dashboard Hauptstatistiken
GET /api/user/profile Profil für Limits
GET /api/user/bonus-stats Bonus-Aufschlüsselung
GET /api/ticket-details Einzelne Ticket-Details
GET /api/user/tickets Alle Tickets (paginiert)

Features

  • Pull-to-Refresh (Mobile Geste)
  • Pool-Auswahl mit Scroll-Position-Speicherung
  • Lazy-Loading für Ticket-Details
  • Desktop: Sidebar-Play-Panel + Hauptinhalt

4. Kontoverwaltung (/[locale]/account)

Funktion: Profil, KYC, Spiellimits, Affiliate, Einstellungen

Sektionen

Sektion Inhalt
Profil Name, E-Mail, Geburtsdatum, Adresse (6 Pflichtfelder, nach Eingabe gesperrt)
Balance USDT-Guthaben, Claimable Amount, Deposit/Send-Buttons
Responsible Gaming Tages-/Wochen-/Monatslimits mit Fortschrittsbalken, Self-Exclusion
Affiliate QR-Code, Referral-Link, Copy-Funktion
KYC Integration mit KycVerification-Komponente (Sumsub)
Einstellungen Sound-Toggle, Push Notifications, Sprachauswahl

Besonderheiten

  • Gesperrte Felder: Name, E-Mail, DOB werden nach erstmaliger Eingabe gesperrt
  • Altersvalidierung: 18+ erforderlich
  • Self-Exclusion: 24h - 365 Tage, NICHT verkürzbar
  • Profil-Bonus: 10 Bonus-Tips bei Vervollständigung
  • Wallet Services: Buy Crypto, Swap, Bridge (via Web3Auth Plugin)

API-Calls

Endpunkt Zweck
GET/POST /api/user/profile Profildaten lesen/schreiben
GET /api/user/dashboard Ausgabenstatistiken

5. Claim-Seite (/[locale]/claim)

Funktion: Abholen von Gewinnen und Affiliate-Provisionen

Claim-Flow (Schritte)

1. Verbinden       → Wallet-Status prüfen
2. Approval prüfen → USDT-Allowance für ClaimRouter
3. Approving       → Falls nötig: Approval-TX
4. Payload abrufen → Claims + Merkle Proofs laden (signierte Anfrage)
5. Signieren       → EIP-712 ClaimPermit signieren
6. Ausführen       → Relayer sendet TX
7. Bestätigung     → Erfolg/Fehler anzeigen

Anzeige

Element Beschreibung
Winner Claims Ticket-ID, Tag, Pool, Trefferklasse, Betrag
Affiliate Claims Tag, Betrag, Auszahlstatus
Gas-Fee Geschätzte Gaskosten in USDT
Net Payout Netto-Auszahlungsbetrag
KYC-Banner Wird angezeigt wenn KYC für große Beträge nötig

API-Calls

Endpunkt Zweck
GET /api/user/claim-details Claim-Aufschlüsselung

6. Globale Statistiken (/[locale]/global-stats)

Funktion: Plattformweite öffentliche Statistiken

Sektionen

Sektion Beschreibung
Größter Gewinn Top-Preis der letzten 7 Tage
Key Metrics (7d) Tickets gespielt, Preise gewonnen, Gewinner, Ziehungen
Aktuelle Jackpots Grid aller Pools mit Jackpot-Höhe
Preishistorie Desktop: Tabelle / Mobile: Pool-Tabs mit Tages-Gruppierung
Gewinnverteilung Balkendiagramm: 3er/4er/5er/6er-Treffer
Hot & Cold Numbers Häufigste und seltenste gezogene Zahlen
Leaderboard Monats- und Alltime-Tabs mit Medaillen-Anzeige
Letzte Gewinne Scrollbare Liste mit TX-Links

Responsive Design

Gerät Layout
Desktop (>1400px) "Alle Pools"-Modus mit Tabellen-Layout
Mobile Pool-Selector-Tabs

API-Calls

Endpunkt Zweck
GET /api/global-stats Alle Statistiken
GET /api/leaderboard Leaderboard-Daten

7. Spielregeln (/[locale]/how-it-works)

Funktion: Umfassende Spielanleitung

Sektionen (10)

  1. Quick Start - 5 Key Highlights
  2. Erstes Ticket - Tier-Kosten, 4-Schritt-Kaufanleitung
  3. Ergebnisse verstehen - Odds-Vergleich, Auszahlungsmechanik
  4. Preisstruktur - Auszahlungen für 3/4/5/6 Treffer
  5. Bonus-System - 10 Bonus-Typen dokumentiert
  6. Clever spielen - Bündelungsstrategie, Tier-Beratung
  7. Provably Fair - VRF, Quad-Source-Randomness (VRF + drand + blockhash + Signatur)
  8. Tägliche Auszahlungen - Timing-Informationen
  9. Glossar - 7 Begriffe definiert
  10. FAQ - 5 häufige Fragen

Bonus-Typen (10)

Typ Beschreibung
Auto-Assign Automatische Berechnung ab 5 Tips
Win Bonus Bonus für 3-Treffer (3 Tips)
Consolation Trostpreis-Bonus (1 Tip)
Profile Profilvervollständigungs-Bonus (10 Tips)
Affiliate Referral-Bonus
Marketing Promotions-Bonus
Compensation Entschädigungs-Bonus
Login Streak 7-Tage-Login-Streak (5-8 Tips)
Leaderboard Leaderboard-Belohnung
Redeem Einlösungs-Bonus

8. Charity-Seite (/[locale]/charity)

Funktion: Charity-Voting und Beitragsverfolgung

Features

Feature Beschreibung
Charity Pot Gesammelter Betrag, 0,825% Beitragsrate
Eigener Beitrag Basierend auf Spielerausgaben berechnet
Voting Aktive Abstimmungsrunde mit Projekt-Karten
Transparenz Arbiscan-Link zum Charity Vault

Voting-Regeln

Regel Beschreibung
Berechtigung Mindestens 1 Ticket in den letzten 7 Tagen
Stimmen 1 Stimme pro Spieler pro Runde
Projekte Name, Emoji, Beschreibung, Zielbetrag, Stimmenanzahl

API-Calls

Endpunkt Zweck
GET /api/charity/active-round Aktuelle Runde & Projekte
POST /api/charity/vote Stimme abgeben

9. Weitere Seiten

Terms (/[locale]/terms)

5 Accordion-Sektionen: Terms of Service, Privacy Policy, Cookie Policy, Responsible Gaming, Licensing. Kontakt: support@chainbets.win

Welcome (/[locale]/welcome)

Marketing-Landing mit Auto-Redirect bei Login.

Transaction Details (/[locale]/tx/[hash])

On-Chain-Transaktionsdecoder: Action Summary, TX Info, Events, Arbiscan-Link. Unterstützt: buyTicket, claim, approve, transfer, multicall.

Revoke (/[locale]/account/revoke)

Dev/Test-Tool: USDT-Allowance prüfen, widerrufen, ETH an Relayer zurücksenden.

Referral Redirect (/ref/[code])

Fängt fehlerhafte URLs (/ref=ABC, /ref/CODE) ab und redirected zu /?ref=CODE.

Error Boundaries

Jede Hauptseite (Root, Dashboard, Claim) hat eigene Error-Boundary-Komponenten mit Fehleranzeige und Retry-Button.

Loading States

Dashboard und Play haben Loading-Skeleton-Komponenten für die Ladezeit.


Weiterführende Dokumente: - 05 - Buy Flow - 06 - Claim Flow - 09 - UI Komponenten