<?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(); ?>

