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:
@@ -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>
|
||||
Reference in New Issue
Block a user