---
// src/components/Header.astro
const { url } = Astro;
import "../../styles/components/Header.css";
---

<header class="header">
	<div class="logo-container">
		<a href="/">
			<img src="/images/Logo.png" alt="Logo" class="logo" />
		</a>
	</div>

	<!-- Hauptnavigation: immer Home, About, Contact -->
	<nav class="nav-main">
		<div>
			<a href="/#hero">Home</a>
			<a href="/#events">Events</a>
			<a href="/#gallery">Galerie</a>
			<a href="/#drinks">Drinks</a>
			<a href="/#openings">Openings</a>
			<!--<a href="/#about">About</a>
			<a href="/#contact">Contact</a>-->
		</div>
	</nav>
</header>

<div class="header-spacer"></div>
