---
import StaticPage from '../components/StaticPage.astro';
import { generalFaqs } from '../data/staticPages';
import { breadcrumbSchema, webPageSchema } from '../data/schema';

const description = 'คำถามที่พบบ่อยเกี่ยวกับบริการ เว็บไซต์ การตลาด ระบบอัตโนมัติ AI ราคา และวิธีทำงานของ MoreminiMore';
const schema = [webPageSchema('/faq/', 'คำถามที่พบบ่อย | MoreminiMore', description), breadcrumbSchema([{ name: 'หน้าหลัก', path: '/' }, { name: 'คำถามที่พบบ่อย', path: '/faq/' }])];
---
<StaticPage title="คำถามที่พบบ่อย | MoreminiMore" description={description} eyebrow="คำถามที่พบบ่อย" heading="คำถามที่ควรถามก่อนเริ่มทำอะไรเพิ่ม" lead="ถ้ายังไม่แน่ใจว่าควรทำเว็บ ยิงแอด วางระบบ หรือใช้ AI ก่อน คำตอบเหล่านี้จะช่วยให้เห็นภาพเบื้องต้น" structuredData={schema}>
  <section class="static-section paper"><div class="faq-static">{generalFaqs.map(([category, question, answer]) => <details><summary><span>{category}</span>{question}<b aria-hidden="true">+</b></summary><p>{answer}</p></details>)}</div></section>
  <section class="static-cta"><h2>ถ้าคำถามของคุณไม่อยู่ในนี้ ส่งโจทย์มาให้เราดูได้</h2><a href="/#contact">ส่งโจทย์ให้เราดู ↗</a></section>
</StaticPage>
