---
// src/components/Hero.astro
import "../styles/components/Hero.css"

const { id } = Astro.props;
---

<section id={id} class="hero container">

	<div class="hero-overlay">

		<div class="hero-content">

			<h1>Dein Irish Pub</h1>

			<p>Im Herzen von St.Gallen</p>

			<a href="#events" class="button">Aktuelles ↓</a>
		</div>

	</div>

</section>

<style>

</style>
