<template>
   <v-container class="text-center">
    <div class="text-title">ใครสมัครสว.ได้บ้าง</div>
    <div>
      <v-img
        :aspect-ratio="1"
        class="mx-auto"
        src="@/assets/Group 9.png"
        width="70"
      ></v-img>
    </div>
    <br />
    <div class="text-sub ma-auto" style="width: 90%">
      อยากลงสมัครสว. แต่ไม่แน่ใจว่าเราสามารถสมัครได้หรือไม่
      เราสามารถตรวจสอบคุณสมบัติ เช็คว่าสามารถสมัครกลุ่มไหน เขตอำเภอไหนบ้าง
      ในการลงสมัคร สว. กัน !
    </div>
    <v-btn
      elevated
      color="#DD6C31"
      style="white-space: pre-wrap"
      class="text-subtitle mt-3"
      height="70"
      to="/checklist"
      ><div class="text-wrap" style="width: 100%; margin: auto">
        ตรวจสอบคุณสมบัติการเป็น สว. 2567
      </div>
    </v-btn>
    <v-img
      :aspect-ratio="1"
      class="mx-auto"
      src="@/assets/Group 51.png"
      width="230"
  
    ></v-img>
    <v-btn variant="text" append color="#168fb3" size="lg"     to="/detail"
      ><div class="text-wrap text-sub" style="width: 100%; margin: auto">
        ตรวจเช็คคุณสมบัติ-ลักษณะต้องห้ามของผู้ที่จะสมัคร สว.
      </div></v-btn
    >
  </v-container>
</template>

<script>
export default {

}
</script>

<style>

</style>