ข้อมูลที่ทำการและช่องทางการติดต่อ
ทีมงานฝ่ายวิชาการและการฝึกอบรมของ Dime Insights Hub พร้อมให้คำแนะนำเกี่ยวกับหลักสูตร เอกสารประกอบการสอน และการวางแผนห้องปฏิบัติการจำลองสำหรับหน่วยงานของท่าน
<div class="step-list" style="margin: 2rem 0;">
<div class="step-item">
<div class="step-num">📍</div>
<div class="step-content">
<h4>ที่อยู่สำนักงาน (Office Address)</h4>
<p style="color: #FFFFFF; font-weight: 500;">Office 8, 67 Test Road, Hat Yai 00000</p>
</div>
</div>
<div class="step-item">
<div class="step-num">📞</div>
<div class="step-content">
<h4>หมายเลขโทรศัพท์ (Phone)</h4>
<p style="color: #FFFFFF; font-weight: 500;">+66 74 000 630</p>
</div>
</div>
<div class="step-item">
<div class="step-num">✉️</div>
<div class="step-content">
<h4>อีเมลติดต่อประสานงาน (Email)</h4>
<p style="color: #FFFFFF; font-weight: 500;">info@mind-connecthub.click</p>
</div>
</div>
</div>
<div class="glass-card" style="padding: 1.5rem; border-color: rgba(20, 241, 149, 0.3);">
<h4 style="color: #14F195; margin-bottom: 0.5rem;">กำหนดเวลาตอบกลับ (Response Time)</h4>
<p style="font-size: 0.9rem; margin: 0; color: #CBD5E1;">
เจ้าหน้าที่ฝ่ายวิชาการจะตอบกลับข้อความและส่งใบเสนอราคาให้ท่านทางอีเมลภายใน <strong>24 ชั่วโมงทำการ</strong> (จันทร์ - ศุกร์ เวลา 09:00 - 18:00 น.)
</p>
</div>
แบบฟอร์มส่งข้อความติดต่อ
<div x-show="success" class="form-alert-success" style="display: none;">
<h4 style="color: #14F195; margin-bottom: 0.5rem;">ส่งข้อความสำเร็จแล้ว</h4>
<p style="color: #E2E8F0; margin: 0;">ขอบคุณสำหรับความสนใจ เจ้าหน้าที่ฝ่ายวิชาการจะติดต่อกลับทางอีเมลหรือหมายเลขโทรศัพท์ที่ระบุไว้โดยเร็วที่สุด</p>
</div>
<div x-show="errorMessage" class="form-alert-error" style="display: none;" x-text="errorMessage"></div>
<form x-show="!success" @submit.prevent="submitContact">
<div class="form-group">
<label class="form-label">ชื่อ-นามสกุล ผู้ติดต่อ *</label>
<input type="text" class="form-input" x-model="name" placeholder="นายวิศวกร ระบบ">
<template x-if="errors.name"><span class="form-error" x-text="errors.name"></span></template>
</div>
<div class="form-group">
<label class="form-label">อีเมลสำหรับติดต่อกลับ *</label>
<input type="email" class="form-input" x-model="email" placeholder="engineer@organization.co.th">
<template x-if="errors.email"><span class="form-error" x-text="errors.email"></span></template>
</div>
<div class="form-group">
<label class="form-label">หมายเลขโทรศัพท์ (ไม่บังคับ)</label>
<input type="tel" class="form-input" x-model="phone_num" placeholder="+66 8X XXX XXXX">
</div>
<div class="form-group">
<label class="form-label">หัวข้อหรือบริการที่สนใจ</label>
<select class="form-select" x-model="service_interest">
<option value="dime-workshop">หลักสูตร Dime Architecture & Validator Masterclass</option>
<option value="corporate-training">การจัดอบรมแบบ In-House สำหรับองค์กร</option>
<option value="academic-research">ความร่วมมือทางวิชาการและงานวิจัย</option>
<option value="consultation">บริการให้คำปรึกษาเชิงสถาปัตยกรรมระบบ</option>
<option value="other">สอบถามข้อมูลทั่วไป</option>
</select>
</div>
<div class="form-group">
<label class="form-label">ข้อความหรือรายละเอียดคำถาม *</label>
<textarea class="form-textarea" rows="4" x-model="message" placeholder="ระบุรายละเอียด เช่น จำนวนผู้เรียน พื้นฐาน หรือคำถามทางวิชาการ"></textarea>
<template x-if="errors.message"><span class="form-error" x-text="errors.message"></span></template>
</div>
<button type="submit" class="btn btn-primary" style="width: 100%;" :disabled="submitting">
<span x-show="!submitting">ส่งข้อความติดต่อฝ่ายวิชาการ</span>
<span x-show="submitting" style="display: none;">กำลังส่งข้อมูล...</span>
</button>
</form>
