From b3efc183251306f2f9b256192f8b7a2e3e844ebb Mon Sep 17 00:00:00 2001
From: Lars Gebhardt-Kusche <lars@kusche.berlin>
Date: Wed, 19 Nov 2025 23:59:24 +0100
Subject: [PATCH] new layout

---
 public/index.php | 52 +++++++++++-------------------------------------
 1 file changed, 12 insertions(+), 40 deletions(-)
diff --git a/public/index.php b/public/index.php
index 6b99a7b..ea1881f 100644
--- a/public/index.php
+++ b/public/index.php
@@ -5,38 +5,15 @@ $lang = in_array($lang, ['de','en','it','fr']) ? $lang : 'en';
 
 // User-Dummy (später über Login ersetzen)
 $userInitials = null;
+
+// Seitentitel & Description für das Layout
+$pageTitle = 'usbcheck.it – Test USB-Sticks';
+$pageDescription = 'Prüfe deine USB-Sticks auf Geschwindigkeit, Integrität und mögliche Fakes – direkt im Browser.';
+
+// Layout-Start (Head, Body, Header, <main>)
+require __DIR__ . '/partials/layout_start.php';
 ?>
 
-<!DOCTYPE html>
-<html lang="<?= htmlspecialchars($lang) ?>">
-<head>
-    <meta charset="UTF-8">
-    <title>usbcheck.it – Test USB-Sticks</title>
-    <meta name="viewport" content="width=device-width, initial-scale=1">
-
-    <!-- Description -->
-    <meta name="description" content="Prüfe deine USB-Sticks auf Geschwindigkeit, Integrität und mögliche Fakes – direkt im Browser.">
-
-    <!-- Fonts -->
-    <link rel="preconnect" href="https://fonts.googleapis.com">
-    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
-    <link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600&family=Montserrat:wght@600;700;800&display=swap" rel="stylesheet">
-
-    <!-- Tailwind (Dev) -->
-    <script src="https://cdn.tailwindcss.com"></script>
-
-
-</head>
-
-<body class="bg-brand-bg text-brand-text font-sans antialiased scroll-smooth">
-
-<div class="min-h-screen flex flex-col">
-
-    <!-- HEADER -->
-    <?php include __DIR__ . "/partials/header.php"; ?>
-
-    <!-- MAIN CONTENT -->
-    <main class="flex-1">
         <!-- Hero -->
         <section id="hero" class="relative overflow-hidden">
             <div class="absolute inset-0 bg-[radial-gradient(circle_at_top,_rgba(56,189,248,0.18),_transparent_55%),radial-gradient(circle_at_bottom,_rgba(8,47,73,0.45),_transparent_60%)] pointer-events-none"></div>
@@ -192,7 +169,7 @@ $userInitials = null;
                 <!-- Small feature card -->
                 <div class="rounded-xl2 border border-brand-border bg-brand-surface/80 shadow-soft p-6 space-y-5">
                     <h3 class="font-heading text-lg font-semibold text-white" data-i18n="how_side_title">
-                        Free vs. Pro at a glance
+                        Free vs Pro at a glance
                     </h3>
                     <ul class="space-y-3 text-sm text-brand-muted">
                         <li class="flex gap-2">
@@ -427,13 +404,8 @@ $userInitials = null;
                 </div>
             </div>
         </section>
-    </main>
 
-    <!-- FOOTER -->
-    <?php include __DIR__ . "/partials/footer.php"; ?>
-
-</div>
-
-<script src="/assets/js/lang.js"></script>
-</body>
-</html>
\ No newline at end of file
+<?php
+// Layout-Ende (Footer, Scripts, </body></html>)
+require __DIR__ . '/partials/layout_end.php';
+?>
