Kenzo/Gallus_Pub
2
1
Fork 0
Code Issues Pull Requests 1 Packages Projects Releases Wiki Activity

Anpassungen damit das Navi ein OnePager wird, die verlinkung von About und Contact stimmt noch nicht.

Browse Source
This commit is contained in:
Selina Erci
2025-07-23 16:48:04 +02:00
parent 77c5d5df82
commit 7e0f052ce7
4 changed files with 5 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

11
src/pages/About.astro
View File

@ -1,11 +0,0 @@
---
import Layout from "../components/Layout.astro";
---
<Layout>
<h1>About</h1>
<p>Hier findest du alle aktuellen und kommenden About im Gallus Pub.</p>
</Layout>

42
src/pages/Contact.astro
View File

@ -1,42 +0,0 @@
---
import Layout from "../components/Layout.astro";
import "../../styles/components/ContactForm.css";
---
<Layout>
<div class="contact-container">
<h1 class="contact-title">Kontakt</h1>
<form class="contact-form">
<div class="form-group">
<label for="name">Name</label>
<input type="text" id="name" name="name" required>
</div>
<div class="form-group">
<label for="email">E-Mail</label>
<input type="email" id="email" name="email" required>
</div>
<div class="form-group">
<label for="subject">Betreff</label>
<input type="text" id="subject" name="subject" required>
</div>
<div class="form-group">
<label for="message">Nachricht</label>
<textarea id="message" name="message" rows="5" required></textarea>
</div>
<button type="submit" class="submit-button">Senden</button>
</form>
<div class="whatsapp-container">
<p>Oder kontaktiere uns direkt über WhatsApp:</p>
<a href="https://wa.me/41772322770" class="whatsapp-link" target="_blank" rel="noopener noreferrer">
<span class="whatsapp-icon">📱</span>
<span>WhatsApp Chat starten</span>
</a>
</div>
</div>
</Layout>

4
src/pages/index.astro
View File

@ -6,6 +6,8 @@ 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 = [
{
@ -71,4 +73,6 @@ const images = [
<EventsGrid id="events" events={events} />
<ImageCarousel id="gallery" images={images} />
<Drinks id="drinks" />
<About id="about" />
<Contact id="contact" />
</Layout>