<template>
  <div class="isolate bg-white dark:bg-gray-900 px-6 py-12 sm:py-12 lg:px-8">
    <!-- Section -->
    <section
      class="isolate bg-white dark:bg-gray-900 px-6 py-16 sm:py-24 lg:px-8"
    >
      <div class="mx-auto max-w-2xl lg:max-w-4xl">
        <p
          class="text-center text-2xl font-extrabold text-indigo-500 dark:text-indigo-400"
        >
          와디즈 펀딩 참여자 발송 페이지
        </p>
        <figure class="mt-10">
          <blockquote
            class="text-center text-lg font-normal text-gray-900 dark:text-gray-100"
          >
            <p>안녕하세요, 주식회사 보부입니다.</p>
            <p>
              지난 와디즈에서 진행한 정선 백패킹 포레스트 관련한 예약 페이지
              입니다.
            </p>
            <p class="mt-4">
              참여하신 분들은
              <strong class="text-gray-900 dark:text-gray-100"
                >6월 13일까지</strong
              >
              작성 부탁드립니다.
            </p>
          </blockquote>
        </figure>
      </div>
    </section>

    <!-- Form -->
    <ClientOnly>
      <app-wadiz-form />
    </ClientOnly>
  </div>
</template>

<script setup lang="ts">
import AppWadizForm from '@/components/WadizForm.vue';
</script>
