<template>
  <div class="space-y-24">
    <Introduction
      :age="age"
      :childName="childName"
      :childOrder="childOrder"
      :parentNames="parentNames"
      :childPhoto="childPhoto"
    />
    <Event />
    <Gallery />
    <GuestBook />
    <ThankYou />
  </div>
</template>

<script setup>
import Introduction from './Introduction.vue'
import Event from './Event.vue'
import Gallery from './Gallery.vue'
import GuestBook from './GuestBook.vue'
import ThankYou from './ThankYou.vue'

defineProps({
  age: Number,
  childName: String,
  childOrder: Number,
  parentNames: String,
  childPhoto: String
})
</script>
