fix(ui): update wedding details and add new pages

* change RSVP deadline and venue details
* add venue and wedding party pages with relevant information
* enhance layout with additional meta descriptions and links
This commit is contained in:
2026-08-23 10:19:26 +02:00
parent 3c8f07978c
commit 4eddecea8e
7 changed files with 318 additions and 10 deletions
+57
View File
@@ -0,0 +1,57 @@
<script lang="ts">
import { createWeddingInfo } from "$lib/wedding-info.svelte";
const wedding = createWeddingInfo();
const directionsUrl = $derived(
`https://www.google.com/maps/search/?api=1&query=${encodeURIComponent(
`${wedding.venueName}, ${wedding.venueAddress}`,
)}`,
);
</script>
<section class="flex flex-1 items-center justify-center px-4 py-16">
<div class="w-full max-w-md">
<h1 class="font-serif text-4xl">The Venue</h1>
<div class="mt-6 flex flex-col gap-1">
<p class="text-2xl">{wedding.venueName}</p>
<p class="text-surface-600-400 text-2xl">{wedding.venueAddress}</p>
</div>
<a
href={directionsUrl}
target="_blank"
rel="noopener noreferrer"
class="btn preset-filled-secondary-500 mt-4 text-2xl"
>
Get directions
</a>
<div class="border-surface-300 dark:border-surface-700 mt-10 border-t pt-6">
<h2 class="font-serif text-3xl">Parking</h2>
<p class="text-surface-600-400 mt-2 text-2xl">
Secure parking is available on-site at the venue.
</p>
</div>
<div class="border-surface-300 dark:border-surface-700 mt-10 border-t pt-6">
<h2 class="font-serif text-3xl">Accommodation</h2>
<p class="mt-2 text-2xl">Plaaskombuis Meyerton</p>
<div class="text-surface-600-400 mt-1 flex flex-col text-2xl">
<a href="tel:0163644144" class="hover:text-secondary-400">016 364 4144</a>
<a href="mailto:marisel@plaaskombuis.co.za" class="hover:text-secondary-400"
>marisel@plaaskombuis.co.za</a
>
<a
href="https://www.plaaskombuis.co.za"
target="_blank"
rel="noopener noreferrer"
class="hover:text-secondary-400"
>
www.plaaskombuis.co.za
</a>
</div>
</div>
</div>
</section>