---
import Layout from '../layouts/Layout.astro'
import Breadcrumbs from '../components/Breadcrumbs.astro'
---

<Layout title="คำถามที่พบบ่อย | FAQ | MoreminiMore">
  <Breadcrumbs items={[{ label: "FAQ" }]} />
  
  <section class="reveal py-24 bg-white">
    <div class="container mx-auto px-4 max-w-3xl">
      <div class="text-center mb-12">
        <h1 class="text-4xl md:text-5xl font-bold mb-4 text-black">
          คำถามที่พบบ่อย
        </h1>
        <p class="text-xl text-gray-600">
          คำถามที่ลูกค้ามักถามเราบ่อยๆ
        </p>
      </div>
      
      <div class="space-y-4">
        <details class="reveal stagger-1 group bg-gray-50 rounded-2xl overflow-hidden">
          <summary class="flex justify-between items-center cursor-pointer p-6 font-bold text-black hover:bg-gray-100 transition">
            <span>SMEs ขนาดเล็ก ใช้บริการของคุณได้ไหม?</span>
            <svg class="w-6 h-6 group-open:rotate-45 transition-transform" fill="none" stroke="currentColor" viewBox="0 0 24 24">
              <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 6v6m0 0v6m0-6h6m-6 0H6"/>
            </svg>
          </summary>
          <div class="px-6 pb-6 text-gray-600 leading-relaxed">
            ได้แน่นอน! เราออกแบบบริการสำหรับ SMEs โดยเฉพาะ มีทั้ง Package เล็กสำหรับธุรกิจเริ่มต้น และโซลูชันใหญ่สำหรับธุรกิจที่กำลังขยาย เราเข้าใจว่าธุรกิจขนาดเล็กต้องการโซลูชันที่คุ้มค่าและเริ่มต้นได้ง่าย
          </div>
        </details>
        
        <details class="reveal stagger-2 group bg-gray-50 rounded-2xl overflow-hidden">
          <summary class="flex justify-between items-center cursor-pointer p-6 font-bold text-black hover:bg-gray-100 transition">
            <span>ต้องใช้ความรู้ทางเทคนิคไหม?</span>
            <svg class="w-6 h-6 group-open:rotate-45 transition-transform" fill="none" stroke="currentColor" viewBox="0 0 24 24">
              <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 6v6m0 0v6m0-6h6m-6 0H6"/>
            </svg>
          </summary>
          <div class="px-6 pb-6 text-gray-600 leading-relaxed">
            ไม่จำเป็น! เราดูแลทุกอย่างตั้งแต่ต้นจนจบ และอบรมทีมของคุณให้ใช้งานระบบได้อย่างมั่นใจ คุณไม่จำเป็นต้องมีความรู้ด้านเทคนิคใดๆ เลย
          </div>
        </details>
        
        <details class="reveal stagger-3 group bg-gray-50 rounded-2xl overflow-hidden">
          <summary class="flex justify-between items-center cursor-pointer p-6 font-bold text-black hover:bg-gray-100 transition">
            <span>ใช้เวลานานแค่ไหนถึงจะเห็นผล?</span>
            <svg class="w-6 h-6 group-open:rotate-45 transition-transform" fill="none" stroke="currentColor" viewBox="0 0 24 24">
              <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 6v6m0 0v6m0-6h6m-6 0H6"/>
            </svg>
          </summary>
          <div class="px-6 pb-6 text-gray-600 leading-relaxed">
            ขึ้นอยู่กับบริการ: เว็บไซต์ใช้เวลา 2-6 สัปดาห์, Marketing Automation เห็นผลใน 1-3 เดือน, SEO ใช้เวลา 3-6 เดือนในการติดอันดับ ขึ้นอยู่กับความซับซ้อนและความพร้อมของเนื้อหา
          </div>
        </details>
        
        <details class="reveal stagger-4 group bg-gray-50 rounded-2xl overflow-hidden">
          <summary class="flex justify-between items-center cursor-pointer p-6 font-bold text-black hover:bg-gray-100 transition">
            <span>มีบริการหลังการขายไหม?</span>
            <svg class="w-6 h-6 group-open:rotate-45 transition-transform" fill="none" stroke="currentColor" viewBox="0 0 24 24">
              <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 6v6m0 0v6m0-6h6m-6 0H6"/>
            </svg>
          </summary>
          <div class="px-6 pb-6 text-gray-600 leading-relaxed">
            มี! เราดูแลหลังการติดตั้ง อบรมการใช้งาน และพร้อมให้คำปรึกษาเมื่อคุณต้องการ เราไม่ทิ้งลูกค้าหลังขาย และพร้อมสนับสนุนคุณตลอด
          </div>
        </details>
        
        <details class="reveal stagger-5 group bg-gray-50 rounded-2xl overflow-hidden">
          <summary class="flex justify-between items-center cursor-pointer p-6 font-bold text-black hover:bg-gray-100 transition">
            <span>ราคาเริ่มต้นที่เท่าไหร่?</span>
            <svg class="w-6 h-6 group-open:rotate-45 transition-transform" fill="none" stroke="currentColor" viewBox="0 0 24 24">
              <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 6v6m0 0v6m0-6h6m-6 0H6"/>
            </svg>
          </summary>
          <div class="px-6 pb-6 text-gray-600 leading-relaxed">
            เรามี Package หลากหลายตามงบประมาณ เริ่มต้นที่หลักพันบาทสำหรับเว็บไซต์พื้นฐาน ไปจนถึงโซลูชันครบวงจรสำหรับธุรกิจที่ต้องการระบบที่ซับซ้อน ติดต่อเราเพื่อรับ Quote ฟรี
          </div>
        </details>
        
        <details class="reveal stagger-6 group bg-gray-50 rounded-2xl overflow-hidden">
          <summary class="flex justify-between items-center cursor-pointer p-6 font-bold text-black hover:bg-gray-100 transition">
            <span>สามารถต่อยอดเพิ่มเติมได้ไหม?</span>
            <svg class="w-6 h-6 group-open:rotate-45 transition-transform" fill="none" stroke="currentColor" viewBox="0 0 24 24">
              <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 6v6m0 0v6m0-6h6m-6 0H6"/>
            </svg>
          </summary>
          <div class="px-6 pb-6 text-gray-600 leading-relaxed">
            ได้แน่นอน! ระบบที่เราสร้างสามารถต่อยอดเพิ่มเติมได้เสมอ ไม่ว่าจะเป็นการเพิ่มฟีเจอร์ใหม่ ขยายระบบ หรือเชื่อมต่อกับระบบอื่นๆ เราออกแบบให้ยืดหยุ่นและขยายได้
          </div>
        </details>
        
        <details class="reveal stagger-7 group bg-gray-50 rounded-2xl overflow-hidden">
          <summary class="flex justify-between items-center cursor-pointer p-6 font-bold text-black hover:bg-gray-100 transition">
            <span>มีสัญญาประกันไหม?</span>
            <svg class="w-6 h-6 group-open:rotate-45 transition-transform" fill="none" stroke="currentColor" viewBox="0 0 24 24">
              <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 6v6m0 0v6m0-6h6m-6 0H6"/>
            </svg>
          </summary>
          <div class="px-6 pb-6 text-gray-600 leading-relaxed">
            มี! เรามีการประกันหลังการขายตามระยะเวลาที่ตกลงกัน และพร้อมแก้ไขปัญหาที่เกิดจากการทำงานของเราโดยไม่คิดค่าใช้จ่ายเพิ่มเติม
          </div>
        </details>
        
        <details class="reveal stagger-8 group bg-gray-50 rounded-2xl overflow-hidden">
          <summary class="flex justify-between items-center cursor-pointer p-6 font-bold text-black hover:bg-gray-100 transition">
            <span>เริ่มต้นอย่างไร?</span>
            <svg class="w-6 h-6 group-open:rotate-45 transition-transform" fill="none" stroke="currentColor" viewBox="0 0 24 24">
              <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 6v6m0 0v6m0-6h6m-6 0H6"/>
            </svg>
          </summary>
          <div class="px-6 pb-6 text-gray-600 leading-relaxed">
            ติดต่อเราเพื่อคุยกันและให้คำปรึกษาฟรี! เราจะพูดคุยความต้องการ และแนะนำโซลูชันที่เหมาะสมที่สุดสำหรับธุรกิจคุณ ไม่มีค่าใช้จ่ายใดๆ ในการปรึกษา
          </div>
        </details>
      </div>
    </div>
  </section>
</Layout>
