so

public/fakecheck/index.php

@@ -1,2 +1,58 @@
 <?php
-echo "hier";
+// Pfade relativ zum Projekt-Root anpassen (je nachdem wo dein include-Ordner liegt)
+//require_once __DIR__ . '/../inc/header.php';
+?>
+
+<div class="page-wrapper">
+
+    <!-- Page Title -->
+    <section class="section hero">
+        <h1 class="title">USB Fake Check</h1>
+        <p class="subtitle">Prüfe USB-Sticks direkt im Browser – schnell, sicher und ohne Installation.</p>
+    </section>
+
+    <!-- Main App Wrapper -->
+    <section class="section app-container" id="usbcheck-app">
+
+        <!-- Platzhalter für die späteren Komponenten -->
+        <div class="app-card">
+            <h2>Browser-Testmodi</h2>
+            <p>Hier erscheinen später Quick-Test, Light-Benchmark und Write/Verify.</p>
+
+            <button id="startButton" class="btn-primary">
+                Starte Web-Test
+            </button>
+        </div>
+
+        <!-- Ergebnisbereich -->
+        <div class="app-results hidden" id="resultContainer">
+            <h3>Ergebnis</h3>
+            <pre id="resultOutput" class="result-box"></pre>
+        </div>
+
+    </section>
+
+</div>
+
+<script>
+// Minimales Demo-Skript — später ersetzen wir das durch echte Web-App-Logik.
+// Hier nur als Platzhalter für funktionierenden Browser-Code:
+
+document.getElementById('startButton').addEventListener('click', () => {
+    const resultBox = document.getElementById('resultContainer');
+    const output = document.getElementById('resultOutput');
+
+    output.textContent = "Web-Test gestartet...\n\n" +
+                         "Hier erscheinen später:\n" +
+                         "- Quick-Test\n" +
+                         "- Light-Benchmark\n" +
+                         "- Write/Verify\n" +
+                         "- JSON-Report\n";
+
+    resultBox.classList.remove('hidden');
+});
+</script>
+
+<?php
+//require_once __DIR__ . '/../inc/footer.php';
+?>