danielroe.dev
[READ-ONLY] Mirror of https://github.com/danielroe/dwaring87-webdev-wedding. Marissa & David's Wedding Website!
1.6 kB
48 lines
1<script setup>
2</script>
3
4<template>
5 <div class="container">
6 <div class="max-w-2xl mx-auto bg-gray-50 drop-shadow-xl">
7
8 <hr class="w-full h-[2px] bg-gray-300 mt-24 mb-12" />
9
10 <h3 class="text-center mb-12 text-2xl">Schedule</h3>
11
12 <div class="flex flex-wrap justify-between items-center gap-4 px-4">
13 <div class="flex-grow text-center">
14 <p class="text-lg font-bold text-emerald-800">Friday, September 15th</p>
15 <p class="font-bold">Welcome Dinner</p>
16 <p class="font-semibold text-cyan-800">Everyone is invited!</p>
17 <p>5PM until dark</p>
18 <p>Taughannock Falls State Park</p>
19 <p>Trumansburg, NY</p>
20 </div>
21 <Image d-key="location-welcome-dinner" class="max-w-[300px] mx-auto rounded-md shadow-md" width="300px" />
22 </div>
23
24 <br />
25
26 <div class="flex flex-wrap justify-between items-center gap-4 px-4">
27 <div class="flex-grow text-center">
28 <p class="text-lg font-bold text-emerald-800">Saturday, September 16th</p>
29 <p class="font-bold">Ceremony & Reception</p>
30 <p>4PM until late</p>
31 <p>Silver Queen Farm</p>
32 <p>Trumansburg, NY</p>
33 </div>
34 <Image d-key="location-ceremony-reception" class="max-w-[300px] mx-auto rounded-md shadow-md" width="300px" />
35 </div>
36
37 <br />
38
39 <div class="mx-8">
40 <NuxtLink to="/page/wedding-info">
41 <button class="btn btn-dark mx-auto">More Information</button>
42 </NuxtLink>
43 </div>
44
45 <hr class="w-full h-[2px] bg-gray-300 mt-12 mb-24" />
46 </div>
47 </div>
48</template>