ติดต่อ Dime Learning Library

ช่องทางการติดต่อและที่ตั้งศูนย์การเรียนรู้

ท่านสามารถติดต่อทีมนักวิจัยและวิทยากรของ Dime Learning Library เพื่อสอบถามข้อมูลหลักสูตร จองเซสชันการให้คำปรึกษาความปลอดภัย หรือนัดหมายเข้าเยี่ยมชมศูนย์การเรียนรู้ในเมืองพัทยา

  <div style="display: flex; flex-direction: column; gap: 1.25rem; font-size: 1rem;">
    <div>
      <span style="color: var(--text-dim); font-size: 0.85rem; text-transform: uppercase; font-weight: 600; display: block; margin-bottom: 0.25rem;">ที่อยู่สำนักงาน (Office Address):</span>
      <p style="color: #FFFFFF; font-weight: 600; margin-bottom: 0;">Office 10, 48 Sample Avenue, Pattaya 00000</p>
    </div>

    <div>
      <span style="color: var(--text-dim); font-size: 0.85rem; text-transform: uppercase; font-weight: 600; display: block; margin-bottom: 0.25rem;">หมายเลขโทรศัพท์ (Phone):</span>
      <p style="color: #FFFFFF; font-weight: 600; margin-bottom: 0;">+66 38 000 329</p>
    </div>

    <div>
      <span style="color: var(--text-dim); font-size: 0.85rem; text-transform: uppercase; font-weight: 600; display: block; margin-bottom: 0.25rem;">อีเมลติดต่อ (Email):</span>
      <p style="color: #FFFFFF; font-weight: 600; margin-bottom: 0;">info@think-layercore.click</p>
    </div>

    <div>
      <span style="color: var(--text-dim); font-size: 0.85rem; text-transform: uppercase; font-weight: 600; display: block; margin-bottom: 0.25rem;">เวลาทำการ:</span>
      <p style="color: var(--text-muted); margin-bottom: 0;">จันทร์ – ศุกร์: 09:00 – 18:00 น. (กรุณานัดหมายล่วงหน้า)</p>
    </div>
  </div>
</div>

<div class="card-glass" style="background: rgba(15, 23, 42, 0.5);">
  <h4 style="margin-bottom: 0.75rem; color: var(--solana-cyan);">การตอบกลับและการรักษาความลับ</h4>
  <p style="font-size: 0.95rem; margin-bottom: 0; line-height: 1.6;">
    ทีมงานของเราจะติดต่อกลับเพื่อยืนยันกำหนดการและส่งรายละเอียดการเตรียมตัวภายใน <strong>1 วันทำการ</strong> ข้อมูลทั้งหมดที่ส่งผ่านแบบฟอร์มนี้จะได้รับการคุ้มครองตามพระราชบัญญัติคุ้มครองข้อมูลส่วนบุคคล (PDPA)
  </p>
</div>

<!-- Success Message -->
<div x-show="success" x-cloak class="alert-success">
  <h4 style="color: #14F195; margin-bottom: 0.5rem;">ส่งข้อความเรียบร้อยแล้ว!</h4>
  <p style="margin-bottom: 0; font-size: 0.95rem; color: #E2E8F0;">
    ขอบคุณสำหรับการติดต่อ ทีมงาน Dime Learning Library ได้รับข้อมูลของท่านแล้ว และจะติดต่อกลับโดยเร็วที่สุด
  </p>
</div>

<!-- Error Alert -->
<div x-show="errorAlert" x-cloak class="alert-danger" x-text="errorAlert"></div>

<form @submit.prevent="submitForm" x-show="!success">
  <div class="form-group">
    <label class="form-label" for="contact-name">ชื่อ-นามสกุล / ผู้ติดต่อ *</label>
    <input type="text" id="contact-name" class="form-control" x-model="formData.name" placeholder="ระบุชื่อและนามสกุลของคุณ">
    <template x-if="errors.name">
      <p class="form-error" x-text="errors.name"></p>
    </template>
  </div>

  <div class="form-group">
    <label class="form-label" for="contact-email">อีเมลสำหรับติดต่อกลับ *</label>
    <input type="email" id="contact-email" class="form-control" x-model="formData.email" placeholder="example@domain.com">
    <template x-if="errors.email">
      <p class="form-error" x-text="errors.email"></p>
    </template>
  </div>

  <div class="form-group">
    <label class="form-label" for="contact-phone">หมายเลขโทรศัพท์ (ไม่บังคับ)</label>
    <input type="tel" id="contact-phone" class="form-control" x-model="formData.phone" placeholder="08x-xxx-xxxx">
  </div>

  <div class="form-group">
    <label class="form-label" for="contact-service">หลักสูตรหรือหัวข้อที่สนใจ</label>
    <select id="contact-service" class="form-control" x-model="formData.service">
      <option value="">-- กรุณาเลือกหัวข้อ --</option>
      <option value="wallet-security">หลักสูตรให้คำปรึกษา Wallet Security 1-on-1 (3,500 บาท)</option>
      <option value="validator-workshop">เวิร์กช็อป Validator & Network Architecture (6,500 บาท)</option>
      <option value="corporate-training">การฝึกอบรมความปลอดภัยสำหรับองค์กร (Corporate Training)</option>
      <option value="ecosystem-audit">การประเมินความปลอดภัยสถาปัตยกรรม (Ecosystem Audit)</option>
      <option value="general-inquiry">สอบถามข้อมูลทั่วไป / อื่นๆ</option>
    </select>
  </div>

  <div class="form-group">
    <label class="form-label" for="contact-message">รายละเอียดข้อความหรือข้อสงสัย *</label>
    <textarea id="contact-message" rows="4" class="form-control" x-model="formData.message" placeholder="ระบุรายละเอียด เช่น วันเวลาที่สะดวก หรือประเด็นที่ต้องการศึกษา..."></textarea>
    <template x-if="errors.message">
      <p class="form-error" x-text="errors.message"></p>
    </template>
  </div>

  <button type="submit" class="btn btn-primary" style="width: 100%; padding: 0.9rem;" :disabled="loading">
    <span x-show="!loading">ส่งคำขอนัดหมาย / สอบถาม</span>
    <span x-show="loading" x-cloak>กำลังส่งข้อมูล...</span>
  </button>
</form>