<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>여러분의 따뜻한 응원 덕분에,</p>
            <p>정선의 자연속 1박 2일의 쉼을 준비할 수 있었습니다.</p>
            <p>자연에 기대어, 잠시 천천히 머물러보는 시간을 선물해드릴게요.</p>
            <p class="mt-4 font-semibold">
              “보부와 함께할 하루, 이제 예약으로 이어집니다."
            </p>
          </blockquote>
        </figure>
      </div>
      <NuxtLink to="/wadiz/upload">
        <button
          class="block w-full bg-indigo-600 text-white py-3 px-3 rounded transition hover:bg-indigo-700 mt-12 font-semibold dark:bg-indigo-500 dark:hover:bg-indigo-600 disabled:opacity-50 dark:disabled:opacity-60"
        >
          참여자 정보 입력하기
        </button>
      </NuxtLink>
    </section>

    <!-- Form -->
    <ClientOnly> </ClientOnly>
  </div>
</template>

<script setup lang="ts"></script>
