<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>
            <br />
            <p>
              원활한 운영을 위해 아래 '참여자 정보 입력하기'를 클릭 후 문항을
              작성해주시기 바랍니다.
            </p>
            <p>
              정성스러운 답변은 더 나은 경험을 준비하는 데 큰 도움이 됩니다.
            </p>
            <br />

            <p>감사합니다.</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>
