---
// src/pages/index.astro
import Layout from "../components/Layout.astro";
import Hero from "../components/Hero.astro";
import Welcome from "../components/Welcome.astro";
import EventsGrid from "../components/EventsGrid.astro";
import Drinks from "../components/Drinks.astro";
import ImageCarousel from "../components/ImageCarousel.astro";
import Contact from "../components/Contact.astro";
import About from "../components/About.astro";

const events = [
	{
		image: "/images/karaoke.jpg",
		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/pub_quiz.jpg",
		title: "Pub Quiz",
		date: "Jeden Freitag",
		description: `
			Jeden Freitag findet unser <b>Pub Quiz</b> statt. Gespielt wird tischweise in 3-4 Runden. <br>
			Jede Woche gibt es ein anderes Thema. Es geht um Ruhm und Ehre und zusätzlich werden die Sieger der Herzen durch das Publikum gekürt! <3 <br>
			Auch Einzelpersonen sind herzlich willkommen! <br>
			*zum mitmachen minimum 1 Getränk konsumieren oder 5CHF
		`,
	},
	{
		image: "/images/crepes_sucette.jpg",
		title: "Crepes Sucette <br /> Live Music im Gallus Pub!",
		date: "Do, 04. September 2025",
		description: `
			<b>20:00 Uhr</b> <br>
			<a href="Metzgergasse 13, 9000 St. Gallen">Metzgergasse 13, 9000 St. Gallen</a> <br>
			Erlebt einen musikalischen Abend mit der Band <b>Crepes Sucette</b> <br>
			Jetzt reservieren: <a href="tel:+41772322770">077 232 27 70</a>`,
	},
	{
		image: "/images/kevin_mcflannigan.jpeg",
		title: "Kevin McFlannigan <br> Live Music im Gallus Pub!",
		date: "Sa, 27. September 2025",
		description: `
			<b>ab 20:00 Uhr</b> <br>
			Singer & Songwriter Kevin McFlannigan <br>
			Eintritt ist Frei / Hutkollekte <br>
		`,
	},
];

const images = [
	{ src: "/images/Logo.png", alt: "Erstes Bild" },
	{ src: "/images/Logo.png", alt: "Zweites Bild" },
	{ src: "/images/Logo.png", alt: "Drittes Bild" },
	{ src: "/images/Logo.png", alt: "Viertes Bild" },
	{ src: "/images/Logo.png", alt: "Fünftes Bild" },
	{ src: "/images/Logo.png", alt: "Sechstes Bild" },
	{ src: "/images/Logo.png", alt: "Siebtes Bild" },
	{ src: "/images/Logo.png", alt: "Achtes Bild" },
	{ src: "/images/Logo.png", alt: "Neuntes Bild" },
	{ src: "/images/Logo.png", alt: "Zehntes Bild" },
];
---

<Layout>
	<Hero id="hero" />
	<Welcome id="welcome" />
	<EventsGrid id="events" events={events} />
	<ImageCarousel id="gallery" images={images} />
	<Drinks id="drinks" />
</Layout>
