Inital commit

public/index.php

@@ -0,0 +1,62 @@
+<?php
+require_once __DIR__ . '/../includes/functions.php';
+
+$pageTitle = 'HexaHost Template - Einheitliches Webdesign';
+$pageDescription = 'Template-Seite mit einheitlichem HexaHost Branding.';
+$currentPage = 'home';
+
+includeHeader($pageTitle, $pageDescription, $currentPage);
+?>
+
+<main>
+    <section class="hero">
+        <div class="container hero-grid">
+            <div>
+                <h1>Einheitliches Webdesign für alle neuen Projekte</h1>
+                <p>
+                    Diese Vorlage nutzt dieselbe visuelle Sprache wie Frontend und Backend:
+                    klare Typografie, Neon-Akzente und konsistente CTA-Führung.
+                </p>
+                <div class="hero-actions">
+                    <a href="#leistungen" class="btn btn-primary">Template nutzen</a>
+                    <a href="#kontakt" class="btn btn-secondary">Kontakt aufnehmen</a>
+                </div>
+            </div>
+            <aside class="glass-card info-card">
+                <h3>Designsystem aktiv</h3>
+                <p>Farben, Typografie und Komponenten sind zentral standardisiert.</p>
+            </aside>
+        </div>
+    </section>
+
+    <section id="leistungen" class="section">
+        <div class="container">
+            <h2>Bausteine der Vorlage</h2>
+            <div class="cards">
+                <article class="glass-card card">
+                    <h3>Header + Footer</h3>
+                    <p>Wiederverwendbare Includes für konsistente Navigation und Abschluss.</p>
+                </article>
+                <article class="glass-card card">
+                    <h3>Komponenten</h3>
+                    <p>Buttons, Karten und Sektionen folgen festen Designregeln.</p>
+                </article>
+                <article class="glass-card card">
+                    <h3>Branding Guide</h3>
+                    <p>Im Guide sind Farbwerte, Tonalität und Content-Regeln dokumentiert.</p>
+                </article>
+            </div>
+        </div>
+    </section>
+
+    <section class="section cta">
+        <div class="container glass-card cta-box">
+            <h2>Neue Website in Minuten starten</h2>
+            <p>Kopiere diesen Ordner, passe Inhalte an und behalte überall denselben Look.</p>
+            <a href="#" class="btn btn-primary">Projekt starten</a>
+        </div>
+    </section>
+</main>
+
+<?php includeFooter(); ?>
+