Update events, images, and improve layout:

- **Events update**: Replaced existing events with new details and images.
- **Image updates**: Replaced outdated images with optimized ones (e.g., `Event1.png`, `Event2.png`, `Event3.png`).
- **Footer improvements**: Added `id` to enable smooth scrolling for "Contact".
- **Welcome section**: Adjusted heading structure for better readability.
- **Navigation fix**: Replaced "Openings" link with "Contact".
- **CSS cleanup**: Removed redundant comment in `Hero.css` and fixed typos in alt text.

src/components/Footer.astro

@@ -4,7 +4,7 @@ import "../styles/components/Footer.css"
 const currentYear = new Date().getFullYear();
 ---
 
-<footer class="footer">
+<footer class="footer" id="footer">
 	<div class="footer-content">
 
 

src/components/Header.astro

@@ -18,7 +18,7 @@ import "../styles/components/Header.css";
 			<a href="/#events">Events</a>
 			<a href="/#gallery">Galerie</a>
 			<a href="/#drinks">Drinks</a>
-			<a href="/#openings">Openings</a>
+			<a href="/#footer">Contact</a>
 			<!--<a href="/#about">About</a>
 			<a href="/#contact">Contact</a>-->
 		</div>

src/components/Welcome.astro

@@ -9,7 +9,8 @@ const { id } = Astro.props;
 
 	<div class="welcome-text">
 
-		<h2>Herzlich willkommen im Gallus Pub!</h2>
+		<h2>Herzlich willkommen im</h2>
+		<h2>Gallus Pub!</h2>
 
 		<p>
 			Wie die meisten bereits wissen, ist hier jeder willkommen - ob jung
@@ -51,7 +52,7 @@ const { id } = Astro.props;
 
 
 	<div class="welcome-image">
-		<img src="/images/Welcome.png" alt="Welcome backgrount image" />
+		<img src="/images/Welcome.png" alt="Welcome background image" />
 	</div>
 
 </section>

src/pages/index.astro

@@ -32,7 +32,7 @@ const events = [
 		`,
 	},
 	{
-		image: "/images/crepes_sucette.jpg",
+		image: "/images/Event1.png",
 		title: "Crepes Sucette <br /> Live Music im Gallus Pub!",
 		date: "Do, 04. September 2025",
 		description: `
@@ -42,7 +42,27 @@ const events = [
 			Jetzt reservieren: <a href="tel:+41772322770">077 232 27 70</a>`,
 	},
 	{
-		image: "/images/kevin_mcflannigan.jpeg",
+		image: "/images/Event3.png",
+		title: "Karaoke",
+		date: "Mittwoch - Samstag",
+		description: `
+			Bei uns gibt es Karaoke Mi-Sa!! <br>
+			Seid ihr eine Gruppe und lieber unter euch? ..unseren 2.Stock kannst du auch mieten ;) <br>
+			Reserviere am besten gleich per Whatsapp <a href="tel:+41772322770">077 232 27 70</a>
+		`,
+	},
+	{
+		image: "/images/Event2.png",
+		title: "Karaoke",
+		date: "Mittwoch - Samstag",
+		description: `
+			Bei uns gibt es Karaoke Mi-Sa!! <br>
+			Seid ihr eine Gruppe und lieber unter euch? ..unseren 2.Stock kannst du auch mieten ;) <br>
+			Reserviere am besten gleich per Whatsapp <a href="tel:+41772322770">077 232 27 70</a>
+		`,
+	},
+	{
+		image: "/images/kevin_mcflannigan.png",
 		title: "Kevin McFlannigan <br> Live Music im Gallus Pub!",
 		date: "Sa, 27. September 2025",
 		description: `

src/styles/components/Hero.css

@@ -1,4 +1,3 @@
-/* === Hero === */
 .hero-overlay {
 	background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 1)), url('/images/Background.png');
 	background-size: cover;