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
+27 -2
View File
@@ -13,8 +13,12 @@
<PhotoBackground />
<div
class="border-surface-50/70 relative z-10 flex max-w-xl flex-col items-center gap-6 border px-6 py-12 sm:px-14 sm:py-16"
class="border-surface-50/70 text-shadow-sm text-shadow-black/60 relative z-10 flex max-w-xl flex-col items-center gap-6 border px-6 py-12 sm:px-14 sm:py-16"
>
<p class="text-secondary-300 font-serif text-2xl italic">
"Every love story is beautiful, but ours is my favourite."
</p>
<h1 class="text-surface-50 font-malibu text-6xl sm:text-8xl">
Zoé &amp; Shaldon
</h1>
@@ -34,7 +38,22 @@
<p class="text-surface-100 text-2xl">{wedding.venueAddress}</p>
</div>
<div class="mt-6 flex flex-wrap items-center justify-center gap-4">
<div class="flex flex-col gap-4 text-center">
<p class="text-surface-100 text-xl">
Welcome to our wedding website! We are so excited to celebrate our
love with our favourite people. As our forever begins, we want to
thank you for your love and support.
</p>
<p class="text-surface-100 text-xl">
Browse the menu above to find venue directions, dress code details,
and RSVP information.
</p>
<p class="text-surface-100 text-xl">
We can't wait to see you on {formatFullDate(wedding.date)}, {wedding.ceremonyTime}!
</p>
</div>
<div class="mt-2 flex flex-wrap items-center justify-center gap-4">
{#if !rsvpStatus.submitted}
<a href="/rsvp" class="btn preset-filled-secondary-500 text-2xl">RSVP</a
>
@@ -44,6 +63,12 @@
<a href="/photos" class="btn preset-filled-primary-500 text-2xl"
>Share photos</a
>
<a href="/details" class="btn preset-tonal-secondary text-2xl">Details</a
>
</div>
<p class="text-surface-200 font-serif text-2xl">
With love,<br />Zoé &amp; Shaldon
</p>
</div>
</section>