Initial commit

index.php

@@ -0,0 +1,47 @@
+<?php 
+// 1. Titel der Seite festlegen
+$pageTitle = "Startseite | SG 07 St. Leon";
+// 2. Welcher Menüpunkt soll aktiv markiert sein?
+$activePage = "home";
+
+// 3. Den Kopfbereich (Navigation & CSS) einbinden
+include 'header.php'; 
+?>
+
+    <section class="hero">
+        <h1>Mehr als nur ein Verein.</h1>
+        <p>Kinderturnen, Turnen, Kegeln und Handball. Entdecke die sportliche Vielfalt der SG 07 St. Leon.</p>
+        <div style="display: flex; gap: 15px; flex-wrap: wrap; justify-content: center;">
+            <a href="#news" class="btn">Aktuelle News</a>
+            <!-- LINK ZUR NEUEN MITGLIEDSCHAFT-SEITE GEÄNDERT -->
+            <a href="mitgliedschaft.php" class="btn btn-primary">Mitglied werden</a>
+        </div>
+    </section>
+
+    <section style="background-color: var(--light); padding-bottom: 2rem;">
+        <h2 class="section-title">Unsere Sportangebote</h2>
+        <div class="departments">
+            <a href="kinderturnen.php" class="dept-badge">🤸‍♀️ Kinderturnen</a>
+            <!-- NEUER BUTTON FÜR TURNEN & FITNESS -->
+            <a href="turnen.php" class="dept-badge">🧘‍♀️ Turnen & Fitness</a>
+            <a href="https://www.dkc88skc89.de/" target="_blank" rel="noopener noreferrer" class="dept-badge external">🎳 Kegeln</a>
+            <a href="https://www.hsg-s-r.de/" target="_blank" rel="noopener noreferrer" class="dept-badge external">🤾‍♂️ Handball (HSG)</a>
+        </div>
+    </section>
+
+    <!-- Aktuelle News -->
+    <section id="news">
+        <h2 class="section-title">Aktuelles aus dem Verein</h2>
+        <!-- data-limit="3" sorgt dafür, dass auf der Startseite nur die 3 neuesten News geladen werden -->
+        <div class="grid" id="news-container" data-limit="3">
+            <!-- News-Karten erscheinen hier via JS aus dem footer.php -->
+        </div>
+        <div style="text-align: center; margin-top: 3rem;">
+            <a href="aktuelles.php" class="btn btn-primary">Alle News anzeigen (Archiv)</a>
+        </div>
+    </section>
+
+<?php 
+// 4. Den Fußbereich (Modal, Footer & JavaScript) einbinden
+include 'footer.php'; 
+?>