36739-vm/includes/header.php
Flatlogic Bot 646bd7a199 V4
2025-12-07 22:02:28 +00:00

115 lines
6.5 KiB
PHP

<header id="mainHeader">
<div class="inner-container">
<div class="logo-container">
<span class="logo-text">Future Now</span>
</div>
<nav class="main-nav">
<a href="index.php#home" class="nav-link active"><?php echo $t['nav_home']; ?></a>
<div class="nav-dropdown">
<button class="nav-link">
<?php echo $t['nav_why_ai']; ?>
<span class="chevron">▼</span>
</button>
<div class="dropdown-menu">
<a href="fuer-wen.php" class="dropdown-item">
<div class="dropdown-item-icon">👥</div>
<div class="dropdown-item-text">
<span class="dropdown-item-title"><?php echo $t['nav_fuer_wen']; ?></span>
<span class="dropdown-item-subtitle"><?php echo $t['nav_fuer_wen_sub']; ?></span>
</div>
</a>
<a href="warum-jetzt.php" class="dropdown-item">
<div class="dropdown-item-icon">⚡</div>
<div class="dropdown-item-text">
<span class="dropdown-item-title"><?php echo $t['nav_why_now']; ?></span>
<span class="dropdown-item-subtitle"><?php echo $t['nav_why_now_sub']; ?></span>
</div>
</a>
<a href="was-ist-ki.php" class="dropdown-item">
<div class="dropdown-item-icon">🧠</div>
<div class="dropdown-item-text">
<span class="dropdown-item-title"><?php echo $t['nav_what_is_ai']; ?></span>
<span class="dropdown-item-subtitle"><?php echo $t['nav_what_is_ai_sub']; ?></span>
</div>
</a>
<a href="einsatzmoeglichkeiten.php" class="dropdown-item">
<div class="dropdown-item-icon">🚀</div>
<div class="dropdown-item-text">
<span class="dropdown-item-title"><?php echo $t['nav_use_cases']; ?></span>
<span class="dropdown-item-subtitle"><?php echo $t['nav_use_cases_sub']; ?></span>
</div>
</a>
</div>
</div>
<a href="ki-check.php" class="nav-link"><?php echo $t['nav_ai_check']; ?></a>
<a href="#ki-website" class="nav-link"><?php echo $t['nav_ai_website']; ?></a>
<a href="#preise" class="nav-link"><?php echo $t['nav_prices']; ?></a>
<a href="#kontakt" class="nav-link"><?php echo $t['nav_contact']; ?></a>
</nav>
<div class="header-right">
<div class="lang-switcher-container">
<button class="lang-switcher" id="langSwitcherBtn">
<img src="assets/images/flag-<?php echo $lang; ?>.svg" alt="Flag" class="flag-icon" />
<span><?php echo strtoupper($lang); ?></span>
<span class="chevron">▼</span>
</button>
<div class="lang-dropdown" id="langDropdown">
<a href="?lang=de" data-lang="de">🇩🇪 <?php echo $t['lang_de']; ?></a>
<a href="?lang=en" data-lang="en">🇬🇧 <?php echo $t['lang_en']; ?></a>
<a href="?lang=tr" data-lang="tr">🇹🇷 <?php echo $t['lang_tr']; ?></a>
</div>
</div>
<button class="cart-button">
<svg class="cart-icon" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
<circle cx="9" cy="21" r="1"></circle>
<circle cx="20" cy="21" r="1"></circle>
<path d="M1 1h4l2.68 13.39a2 2 0 0 0 2 1.61h9.72a2 2 0 0 0 2-1.61L23 6H6"></path>
</svg>
</button>
<a href="#newsletter" class="btn btn-secondary ki-newsletter-btn"><?php echo $t['newsletter_button']; ?></a>
<button class="mobile-toggle">
<span></span>
<span></span>
<span></span>
</button>
</div>
</div>
</header>
<!-- MOBILE MENU -->
<div class="mobile-menu" id="mobileMenu">
<button class="mobile-close" id="closeMobileMenu">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><line x1="18" y1="6" x2="6" y2="18"></line><line x1="6" y1="6" x2="18" y2="18"></line></svg>
</button>
<div class="mobile-menu-content">
<nav class="mobile-nav">
<a href="index.php#home" class="mobile-nav-link">Home</a>
<div class="mobile-nav-section">
<button class="mobile-nav-link section-toggle">
Warum KI?
<span class="toggle-icon">▼</span>
</button>
<div class="mobile-subsection">
<a href="fuer-wen.php" class="mobile-subnav-link">Für wen ist KI?</a>
<a href="warum-jetzt.php" class="mobile-subnav-link">Warum jetzt handeln?</a>
<a href="was-ist-ki.php" class="mobile-subnav-link">Was ist KI?</a>
<a href="einsatzmoeglichkeiten.php" class="mobile-subnav-link">Einsatzmöglichkeiten</a>
</div>
</div>
<a href="ki-check.php" class="mobile-nav-link">KI-Check</a>
<a href="#ueber-uns" class="mobile-nav-link">Über uns</a>
</nav>
<div class="mobile-menu-footer">
<a href="ki-check.php" class="btn btn-primary">Jetzt KI-Check starten</a>
<div class="lang-switcher-mobile">
<span>Sprache:</span>
<a href="#" class="active">DE</a>
<a href="#">EN</a>
</div>
</div>
</div>
</div>