warkanum
143b2361f6
* include site URL in Mailer for absolute URLs * add header method for email notifications
65 lines
2.1 KiB
Svelte
65 lines
2.1 KiB
Svelte
<script lang="ts">
|
|
import PhotoBackground from "$lib/components/PhotoBackground.svelte";
|
|
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="relative flex flex-1 items-center justify-center overflow-hidden px-4 py-16 z-10"
|
|
>
|
|
<PhotoBackground />
|
|
|
|
<div
|
|
class="border-surface-50/70 text-shadow-sm text-shadow-black/60 relative z-10 w-full max-w-md border px-6 py-12 sm:px-14 sm:py-16"
|
|
>
|
|
<h1 class="text-surface-50 font-serif text-4xl">The Venue</h1>
|
|
|
|
<div class="mt-6 flex flex-col gap-1">
|
|
<p class="text-surface-100 text-2xl">{wedding.venueName}</p>
|
|
<p class="text-surface-200 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-50/30 mt-10 border-t pt-6">
|
|
<h2 class="text-surface-50 font-serif text-3xl">Parking</h2>
|
|
<p class="text-surface-100 mt-2 text-2xl">
|
|
Secure parking is available on-site at the venue.
|
|
</p>
|
|
</div>
|
|
|
|
<div class="border-surface-50/30 mt-10 border-t pt-6">
|
|
<h2 class="text-surface-50 font-serif text-3xl">Accommodation</h2>
|
|
<p class="text-surface-100 mt-2 text-2xl">Plaaskombuis Meyerton</p>
|
|
<div class="text-surface-200 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>
|