Contact Us

ติดต่อศูนย์วิจัยและบริการวิชาการ

สอบถามข้อมูลหลักสูตรอบรม ขอรับใบเสนอราคาสำหรับการจัดบรรยายในองค์กร หรือปรึกษาความร่วมมือทางวิชาการ

ข้อมูลการติดต่อสำนักงาน

  <div style="display: flex; flex-direction: column; gap: 1.25rem; font-size: 0.95rem;">
    <div>
      <strong style="color: var(--text-primary); display: block; margin-bottom: 0.25rem;">📍 ที่อยู่สำนักงาน:</strong>
      <span style="color: var(--text-secondary);">Office 11, 57 Sample Avenue, Bangkok 00000</span>
    </div>

    <div>
      <strong style="color: var(--text-primary); display: block; margin-bottom: 0.25rem;">📞 โทรศัพท์ติดต่อ:</strong>
      <span style="color: var(--text-secondary);">+66 2 000 3290</span>
    </div>

    <div>
      <strong style="color: var(--text-primary); display: block; margin-bottom: 0.25rem;">✉️ อีเมลประสานงาน:</strong>
      <span style="color: var(--text-secondary);">info@insightworkbase.click</span>
    </div>

    <div>
      <strong style="color: var(--text-primary); display: block; margin-bottom: 0.25rem;">🕒 เวลาทำการ:</strong>
      <span style="color: var(--text-secondary);">จันทร์ - ศุกร์ 09:00 - 18:00 น. (เว้นวันหยุดนักขัตฤกษ์)</span>
    </div>
  </div>
</div>

<div class="glass-card" style="padding: 1.5rem; background: rgba(153, 69, 255, 0.08); border-color: var(--sol-purple);">
  <h4 style="font-size: 1.05rem; font-weight: 600; margin-bottom: 0.5rem; color: var(--sol-purple);">
    ระยะเวลาการตอบกลับ
  </h4>
  <p style="font-size: 0.85rem; color: var(--text-secondary); line-height: 1.6; margin: 0;">
    ทีมนักวิจัยและเจ้าหน้าที่ประสานงานวิชาการจะทำการตรวจสอบข้อความและติดต่อกลับพร้อมรายละเอียดหรือเอกสารข้อเสนอโครงการภายใน <strong>1 - 2 วันทำการ</strong>
  </p>
</div>

แบบฟอร์มติดต่อและขอรับข้อเสนอวิชาการ

<!-- Success Message -->
<div x-show="success" x-cloak class="form-alert-success">
  <strong>ส่งข้อมูลสำเร็จเรียบร้อยแล้ว</strong>
  <p style="font-size: 0.9rem; margin-top: 0.25rem;">
    ขอบพระคุณที่ให้ความสนใจในบริการวิชาการของเรา ทีมงานจะติดต่อกลับไปยังอีเมลที่ท่านระบุไว้โดยเร็วที่สุด
  </p>
</div>

<!-- Error Message -->
<div x-show="error" x-cloak class="form-alert-error">
  <strong x-text="errorMessage"></strong>
</div>

<form @submit.prevent="submitForm()" x-show="!success">
  <div class="form-group">
    <label for="contact-name" class="form-label">ชื่อ-นามสกุล / ผู้ประสานงาน <span style="color: #F87171;">*</span></label>
    <input 
      id="contact-name"
      type="text" 
      x-model="name" 
      placeholder="เช่น ผศ.ดร. สมชาย มั่นคง หรือ คุณสมหญิง วิจัยศิลป์" 
      class="form-input"
      :style="errors.name ? 'border-color: #EF4444;' : ''"
    >
    <span x-show="errors.name" x-text="errors.name" class="form-error"></span>
  </div>

  <div class="form-group">
    <label for="contact-email" class="form-label">อีเมลสำหรับติดต่อกลับ <span style="color: #F87171;">*</span></label>
    <input 
      id="contact-email"
      type="email" 
      x-model="email" 
      placeholder="example@university.ac.th หรือ name@organization.com" 
      class="form-input"
      :style="errors.email ? 'border-color: #EF4444;' : ''"
    >
    <span x-show="errors.email" x-text="errors.email" class="form-error"></span>
  </div>

  <div class="form-group">
    <label for="contact-service" class="form-label">หลักสูตร / บริการวิชาการที่สนใจ</label>
    <select id="contact-service" x-model="service" class="form-select">
      <option value="dime-architecture-workshop">เวิร์กช็อปสถาปัตยกรรมเครือข่าย Dime (Flagship)</option>
      <option value="key-management-seminar">สัมมนาความปลอดภัยและการจัดการคีย์เข้ารหัส</option>
      <option value="validator-infrastructure-briefing">การบรรยายสรุปโครงสร้างโหนดและการตรวจสอบ</option>
      <option value="custom-educational-consulting">การปรึกษาเพื่อออกแบบหลักสูตรเฉพาะทาง</option>
      <option value="general-inquiry">สอบถามข้อมูลคลังความรู้ทั่วไป</option>
    </select>
  </div>

  <div class="form-group">
    <label for="contact-message" class="form-label">รายละเอียดข้อความ / ขอบเขตงาน <span style="color: #F87171;">*</span></label>
    <textarea 
      id="contact-message"
      x-model="message" 
      placeholder="ระบุจำนวนผู้เข้าร่วม กำหนดการที่ต้องการ หรือหัวข้อเฉพาะทางที่ต้องการเน้น..." 
      class="form-textarea"
      :style="errors.message ? 'border-color: #EF4444;' : ''"
    ></textarea>
    <span x-show="errors.message" x-text="errors.message" class="form-error"></span>
  </div>

  <button type="submit" class="btn btn-primary btn-lg" style="width: 100%; margin-top: 1rem;" :disabled="submitting">
    <span x-show="!submitting">ส่งข้อความติดต่อ</span>
    <span x-show="submitting" x-cloak>กำลังส่งข้อมูล...</span>
  </button>
</form>