madgerm/game1.shadow-land.de
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity
Files
main
game1.shadow-land.de/www/public/index.php

204 lines
7.9 KiB
PHP
Raw Permalink Blame History

<?php
/**
* Airline Tycoon - Landing Page
* Comic-Style mit Dark Mode Support
*/
require_once dirname(__DIR__) . '/src/bootstrap.php';
// Redirect wenn bereits eingeloggt
if (Session::isLoggedIn()) {
redirect('/dashboard.php');
}
?>
<!DOCTYPE html>
<html lang="de" data-theme="light">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="Airline Tycoon - Baue dein Flugimperium im Browser auf!">
<meta name="csrf-token" content="<?= h(csrf_token()) ?>">
<title>Airline Tycoon - Werde zum Flugmagnat!</title>
<link rel="stylesheet" href="<?= BASE_PATH ?>assets/css/style.css">
<link rel="icon" href="data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'><text y='.9em' font-size='90'>✈️</text></svg>">
</head>
<body>
<!-- Navigation -->
<nav class="navbar">
<div class="navbar-container">
<a href="<?= BASE_PATH ?>" class="navbar-brand">
✈️ Airline Tycoon
</a>
<button class="navbar-toggle" aria-label="Menü">☰</button>
<ul class="navbar-menu">
<li><a href="#features" class="navbar-item">Features</a></li>
<li><a href="#screenshots" class="navbar-item">Screenshots</a></li>
<li><a href="<?= BASE_PATH ?>login.php" class="navbar-item">Anmelden</a></li>
<li><a href="<?= BASE_PATH ?>register.php" class="btn btn-primary btn-sm">Kostenlos spielen</a></li>
<li>
<button class="theme-toggle" id="themeToggle" aria-label="Design wechseln">🌙</button>
</li>
</ul>
</div>
</nav>
<!-- Hero Section -->
<section class="hero">
<div class="hero-content">
<h1 class="hero-title">Werde zum Flugmagnat!</h1>
<p class="hero-subtitle">
Baue deine eigene Airline auf, verbinde Städte auf der ganzen Welt
und werde zur Nummer 1 in diesem kostenlosen Browser-MMO!
</p>
<div class="hero-cta">
<a href="<?= BASE_PATH ?>register.php" class="btn btn-primary btn-lg">
🎮 Kostenlos spielen
</a>
<a href="#features" class="btn btn-secondary btn-lg">
Mehr erfahren
</a>
</div>
<!-- Comic Sprechblase -->
<div class="comic-bubble mt-xl">
<p class="text-center">
<strong>💡 Tipp:</strong> Starte mit kurzen Strecken, spare Geld und kaufe größere Flugzeuge,
um noch mehr Passagiere zu transportieren!
</p>
</div>
</div>
</section>
<!-- Features Section -->
<section id="features" class="p-lg">
<div class="panel">
<h2 class="panel-header">🎮 Spielfeatures</h2>
<div class="stats-grid mt-lg">
<div class="card">
<div class="card-icon">🛫</div>
<h3 class="mt-md">60+ Flughäfen</h3>
<p>Verbinde Städte auf allen Kontinenten und erweitere dein Streckennetz!</p>
</div>
<div class="card">
<div class="card-icon">✈️</div>
<h3 class="mt-md">5 Flugzeugtypen</h3>
<p>Vom kleinen Dash 8 bis zum riesigen Airbus A380 - wähle das richtige Flugzeug!</p>
</div>
<div class="card">
<div class="card-icon">💰</div>
<h3 class="mt-md">Wirtschaftssimulation</h3>
<p>Verwalte dein Budget, maximiere Gewinne und werde reich!</p>
</div>
<div class="card">
<div class="card-icon">🏆</div>
<h3 class="mt-md">Rangliste</h3>
<p>Konkurriere mit anderen Spielern um den Spitzenplatz!</p>
</div>
<div class="card">
<div class="card-icon">📱</div>
<h3 class="mt-md">Mobile optimiert</h3>
<p>Spiele überall - am Computer, Tablet oder Smartphone!</p>
</div>
<div class="card">
<div class="card-icon">🌙</div>
<h3 class="mt-md">Dark Mode</h3>
<p>Wähle zwischen hellem und dunklem Design - wie es dir gefällt!</p>
</div>
</div>
</div>
</section>
<!-- Screenshots Section -->
<section id="screenshots" class="p-lg">
<div class="panel">
<h2 class="panel-header">🖥️ Spielansichten</h2>
<div class="d-grid" style="grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: var(--space-lg);">
<div class="card">
<h3>📊 Dashboard</h3>
<p>Behalte deine Finanzen, Flugzeuge und Routes im Blick!</p>
</div>
<div class="card">
<h3>🌍 Weltkarte</h3>
<p>Interaktive Karte mit allen Flughäfen. Tippe zum Auswählen!</p>
</div>
<div class="card">
<h3>✈️ Flottenverwaltung</h3>
<p>Verwalte deine Flugzeuge und behalte deren Zustand im Auge!</p>
</div>
</div>
</div>
</section>
<!-- How to Play -->
<section class="p-lg">
<div class="panel">
<h2 class="panel-header">🎯 So spielst du</h2>
<div class="d-flex flex-wrap gap-lg mt-lg" style="justify-content: center;">
<div class="text-center" style="max-width: 200px;">
<div class="badge">1</div>
<h4 class="mt-sm">Registrieren</h4>
<p>Kostenloses Konto erstellen</p>
</div>
<div class="text-center" style="max-width: 200px;">
<div class="badge">2</div>
<h4 class="mt-sm">Flugzeuge kaufen</h4>
<p>Starte mit deinem ersten Flieger</p>
</div>
<div class="text-center" style="max-width: 200px;">
<div class="badge">3</div>
<h4 class="mt-sm">Routen erstellen</h4>
<p>Verbinde Flughäfen weltweit</p>
</div>
<div class="text-center" style="max-width: 200px;">
<div class="badge">4</div>
<h4 class="mt-sm">Fliegen!</h4>
<p>Verdiene Geld und Level auf</p>
</div>
</div>
</div>
</section>
<!-- CTA Section -->
<section class="p-lg text-center">
<div class="panel" style="max-width: 600px; margin: 0 auto;">
<h2>Bereit abzuheben?</h2>
<p class="mt-md mb-lg">
Starte jetzt dein Flugabenteuer! Keine Kosten, keine Downloads -
einfach Browser öffnen und spielen!
</p>
<a href="<?= BASE_PATH ?>register.php" class="btn btn-primary btn-lg">
🚀 Jetzt kostenlos spielen!
</a>
</div>
</section>
<!-- Footer -->
<footer class="p-lg text-center" style="border-top: 3px solid var(--text-primary); margin-top: var(--space-xl);">
<p>
<strong>Airline Tycoon</strong> - Ein kostenloses Browser-MMO
</p>
<p class="mt-sm text-muted">
© 2024 Airline Tycoon | Alle Rechte vorbehalten
</p>
</footer>
<!-- Toast Container -->
<div id="toastContainer" class="toast-container"></div>
<script src="<?= BASE_PATH ?>assets/js/main.js"></script>
</body>
</html>
Reference in New Issue View Git Blame Copy Permalink