From 09ab7bad5933241f4316cde3d9718dcf4f5fc39b Mon Sep 17 00:00:00 2001
From: Lars Gebhardt-Kusche <lars@kusche.berlin>
Date: Mon, 24 Nov 2025 01:05:41 +0100
Subject: [PATCH] fakecheck

---
 partials/landing/dashboard/dashboard.php | 20 +++++++++++---------
 partials/landing/fakecheck/hero.php      | 19 +++++++++++--------
 partials/landing/fakecheck/webcheck.php  |  6 +++++-
 partials/landing/login/login.php         | 16 +++++++++-------
 public/landingpage/fakecheck/index.php   |  8 +++++++-
 5 files changed, 43 insertions(+), 26 deletions(-)

diff --git a/partials/landing/dashboard/dashboard.php b/partials/landing/dashboard/dashboard.php
index 56bd6c5..2034a67 100644
--- a/partials/landing/dashboard/dashboard.php
+++ b/partials/landing/dashboard/dashboard.php
@@ -18,8 +18,9 @@ $planLabel = [
     'enterprise' => 'Enterprise',
 ][$plan] ?? ucfirst($plan ?: 'Free');
 ?>
-<section id="dashboard" class="border-t border-brand-border/70 bg-brand-primarySoft/10">
-    <div class="mx-auto max-w-6xl px-4 sm:px-6 lg:px-8 py-16 sm:py-20 space-y-8">
+<section id="dashboard" class="section-band section-band--soft border-t border-brand-border/60 py-16 sm:py-20">
+    <div class="px-4 sm:px-6 lg:px-8">
+        <div class="section-shell space-y-10">
 
         <!-- Begrüßung & Plan -->
         <div class="flex flex-col md:flex-row md:items-center md:justify-between gap-6">
@@ -27,7 +28,7 @@ $planLabel = [
                 <p class="text-xs font-heading font-semibold tracking-[0.3em] uppercase text-brand-primary" data-i18n="dashboard_kicker">
                     Dashboard
                 </p>
-                <h1 class="font-heading text-2xl sm:text-3xl font-bold text-white" data-i18n="dashboard_title">
+                <h1 class="font-heading text-2xl sm:text-3xl font-bold text-brand-text" data-i18n="dashboard_title">
                     Willkommen<?= $firstName ? ', ' . htmlspecialchars($firstName) : '' ?>!
                 </h1>
                 <p class="text-sm sm:text-base text-brand-muted max-w-2xl" data-i18n="dashboard_intro">
@@ -51,8 +52,8 @@ $planLabel = [
         <div class="grid gap-6 md:grid-cols-3">
 
             <!-- Letzte Tests -->
-            <div class="rounded-xl2 border border-brand-border bg-brand-surface/80 p-5 shadow-soft flex flex-col">
-                <h2 class="font-heading text-lg font-semibold text-white mb-2" data-i18n="dashboard_card_tests_title">
+            <div class="card-frame card-frame--soft flex flex-col">
+                <h2 class="font-heading text-lg font-semibold text-brand-text mb-2" data-i18n="dashboard_card_tests_title">
                     Letzte Tests
                 </h2>
                 <p class="text-sm text-brand-muted mb-4" data-i18n="dashboard_card_tests_text">
@@ -67,8 +68,8 @@ $planLabel = [
             </div>
 
             <!-- Geräte / USB-Sticks -->
-            <div class="rounded-xl2 border border-brand-border bg-brand-surface/80 p-5 shadow-soft flex flex-col">
-                <h2 class="font-heading text-lg font-semibold text-white mb-2" data-i18n="dashboard_card_devices_title">
+            <div class="card-frame card-frame--soft flex flex-col">
+                <h2 class="font-heading text-lg font-semibold text-brand-text mb-2" data-i18n="dashboard_card_devices_title">
                     Deine USB-Geräte
                 </h2>
                 <p class="text-sm text-brand-muted mb-4" data-i18n="dashboard_card_devices_text">
@@ -83,8 +84,8 @@ $planLabel = [
             </div>
 
             <!-- Pro-Modus / Nächste Schritte -->
-            <div class="rounded-xl2 border border-brand-border bg-brand-surface/80 p-5 shadow-soft flex flex-col">
-                <h2 class="font-heading text-lg font-semibold text-white mb-2" data-i18n="dashboard_card_next_title">
+            <div class="card-frame flex flex-col">
+                <h2 class="font-heading text-lg font-semibold text-brand-text mb-2" data-i18n="dashboard_card_next_title">
                     Nächste Schritte
                 </h2>
                 <p class="text-sm text-brand-muted mb-4" data-i18n="dashboard_card_next_text">
@@ -104,5 +105,6 @@ $planLabel = [
                 </a>
             </div>
         </div>
+        </div>
     </div>
 </section>
diff --git a/partials/landing/fakecheck/hero.php b/partials/landing/fakecheck/hero.php
index c088782..808b1fa 100644
--- a/partials/landing/fakecheck/hero.php
+++ b/partials/landing/fakecheck/hero.php
@@ -1,13 +1,14 @@
-<section id="hero" class="relative overflow-hidden border-b border-brand-border/70">
-    <div class="absolute inset-0 bg-[radial-gradient(circle_at_top,_rgba(8,47,73,0.45),_transparent_60%)] pointer-events-none"></div>
+<section id="hero" class="hero-section relative overflow-hidden border-b border-brand-border/70">
+    <div class="absolute inset-0 bg-[radial-gradient(circle_at_top,_rgba(8,47,73,0.35),_transparent_60%)] pointer-events-none"></div>
 
-    <div class="relative mx-auto max-w-6xl px-4 sm:px-6 lg:px-8 py-14 sm:py-20 flex flex-col lg:flex-row gap-10 items-center">
+    <div class="relative px-4 sm:px-6 lg:px-8 py-14 sm:py-20">
+        <div class="section-shell hero-shell items-center">
         <!-- Left: Text -->
-        <div class="flex-1 space-y-6">
+        <div class="hero-copy space-y-6">
             <p class="text-xs font-heading font-semibold tracking-[0.3em] uppercase text-brand-primary" data-i18n="fake_hero_kicker">
                 FakeCheck – Browser-Modus
             </p>
-            <h1 class="font-heading text-3xl sm:text-4xl md:text-5xl font-extrabold tracking-tight text-white" data-i18n="fake_hero_title">
+            <h1 class="font-heading text-3xl sm:text-4xl md:text-5xl font-extrabold tracking-tight text-brand-text" data-i18n="fake_hero_title">
                 Ist mein USB-Stick fake?
             </h1>
             <p class="text-base sm:text-lg text-brand-muted max-w-xl" data-i18n="fake_hero_lead">
@@ -35,9 +36,9 @@
         </div>
 
         <!-- Right: Explainer -->
-        <div class="flex-1 max-w-md w-full">
-            <div class="rounded-2xl border border-brand-border bg-brand-surface/80 p-5 sm:p-6 shadow-soft space-y-4">
-                <h2 class="font-heading text-lg sm:text-xl font-semibold text-white" data-i18n="fake_box_title">
+        <div class="hero-preview w-full">
+            <div class="card-frame card-frame--soft space-y-4">
+                <h2 class="font-heading text-lg sm:text-xl font-semibold text-brand-text" data-i18n="fake_box_title">
                     Was der Browser-Test leisten kann
                 </h2>
                 <ul class="space-y-3 text-sm text-brand-muted">
@@ -71,5 +72,7 @@
                 </ul>
             </div>
         </div>
+        </div>
+    </div>
     </div>
 </section>
diff --git a/partials/landing/fakecheck/webcheck.php b/partials/landing/fakecheck/webcheck.php
index 564990f..59a9c64 100644
--- a/partials/landing/fakecheck/webcheck.php
+++ b/partials/landing/fakecheck/webcheck.php
@@ -1,7 +1,9 @@
 <?php
 // fakecheck.php – Template für das Browser-Test-Tool im Bereich /fakecheck
 ?>
-<section class="fc-container" id="fakecheck-tool">
+<section class="section-band section-band--soft border-t border-brand-border/60 py-12 sm:py-16" id="fakecheck-tool">
+    <div class="px-4 sm:px-6 lg:px-8">
+        <div class="section-shell fc-container">
     <div class="fc-header">
         <div class="fc-header-text">
             <h2>Browser-basierter USB-Test</h2>
@@ -171,4 +173,6 @@
             </p>
         </aside>
     </div>
+        </div>
+    </div>
 </section>
diff --git a/partials/landing/login/login.php b/partials/landing/login/login.php
index 1026f1f..ecc8711 100644
--- a/partials/landing/login/login.php
+++ b/partials/landing/login/login.php
@@ -15,13 +15,14 @@ if ($flash && !empty($flash['context']) && in_array($flash['context'], ['login',
     $authView = $flash['context'];
 }
 ?>
-<section id="auth" class="border-t border-brand-border/70 bg-brand-primarySoft/20">
-    <div class="mx-auto max-w-xl px-4 sm:px-6 lg:px-8 py-16 sm:py-20">
+<section id="auth" class="section-band section-band--reverse border-t border-brand-border/60 py-16 sm:py-20">
+    <div class="px-4 sm:px-6 lg:px-8">
+        <div class="section-shell w-full max-w-2xl mx-auto">
         <div class="mb-8 text-center space-y-3">
             <p class="text-xs font-heading font-semibold tracking-[0.3em] uppercase text-brand-primary" data-i18n="auth_kicker">
                 Account &amp; Login
             </p>
-            <h1 class="font-heading text-2xl sm:text-3xl font-bold text-white" data-i18n="auth_title">
+            <h1 class="font-heading text-2xl sm:text-3xl font-bold text-brand-text" data-i18n="auth_title">
                 Melde dich bei USBCheck an
             </h1>
             <p class="text-sm sm:text-base text-brand-muted max-w-2xl mx-auto" data-i18n="auth_intro">
@@ -66,8 +67,8 @@ if ($flash && !empty($flash['context']) && in_array($flash['context'], ['login',
             <!-- Login Panel -->
             <div
                 id="authPanelLogin"
-                class="rounded-xl2 border border-brand-border bg-brand-surface/90 shadow-soft p-6 space-y-5 <?= $authView !== 'login' ? 'hidden' : ''; ?>">
-                <h2 class="font-heading text-lg font-semibold text-white" data-i18n="auth_login_title">
+                class="card-frame card-frame--soft space-y-5 <?= $authView !== 'login' ? 'hidden' : ''; ?>">
+                <h2 class="font-heading text-lg font-semibold text-brand-text" data-i18n="auth_login_title">
                     Login
                 </h2>
                 <p class="text-sm text-brand-muted" data-i18n="auth_login_text">
@@ -131,8 +132,8 @@ if ($flash && !empty($flash['context']) && in_array($flash['context'], ['login',
             <!-- Register Panel -->
             <div
                 id="authPanelRegister"
-                class="rounded-xl2 border border-brand-border bg-brand-surface/80 shadow-soft p-6 space-y-5 <?= $authView !== 'register' ? 'hidden' : ''; ?>">
-                <h2 class="font-heading text-lg font-semibold text-white" data-i18n="auth_register_title">
+                class="card-frame space-y-5 <?= $authView !== 'register' ? 'hidden' : ''; ?>">
+                <h2 class="font-heading text-lg font-semibold text-brand-text" data-i18n="auth_register_title">
                     Kostenlos registrieren
                 </h2>
                 <p class="text-sm text-brand-muted" data-i18n="auth_register_text">
@@ -206,5 +207,6 @@ if ($flash && !empty($flash['context']) && in_array($flash['context'], ['login',
                 </form>
             </div>
         </div>
+        </div>
     </div>
 </section>
diff --git a/public/landingpage/fakecheck/index.php b/public/landingpage/fakecheck/index.php
index f716f30..43720ec 100644
--- a/public/landingpage/fakecheck/index.php
+++ b/public/landingpage/fakecheck/index.php
@@ -26,8 +26,14 @@ $lang = in_array($lang, ['de','en','it','fr']) ? $lang : 'en';
 
 // Basis-URL für Reports
 $baseUrl = "https://usbcheck.it";
-?>
 
+if (function_exists('tpl_add_script')) {
+    tpl_add_script('/assets/js/fakecheck.js', 'footer', true, false, '', null);
+}
+if (function_exists('tpl_add_style')) {
+    tpl_add_style('/assets/css/fakecheck.css', 'header');
+}
+?>
 <?php tpl('layout_start', 'structure'); ?>
 
 <?php tpl('hero',     'landing', 'fakecheck'); ?>