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

const description = 'บริการของ MoreminiMore สำหรับ SME ที่ต้องการทำเว็บ การตลาด ระบบอัตโนมัติ และ AI โดยเริ่มจากข้อมูลจริงก่อนเลือกวิธีทำ';
const itemList = { '@context': 'https://schema.org', '@type': 'ItemList', name: 'บริการของ MoreminiMore', itemListElement: hubServices.map((service, index) => ({ '@type': 'ListItem', position: index + 1, item: { '@type': 'Service', name: service.name, url: `https://moreminimore.com/services/${service.slug}/`, provider: { '@id': organizationId } } })) };
const schema = [webPageSchema('/services/', 'บริการ | MoreminiMore', description), breadcrumbSchema([{ name: 'หน้าหลัก', path: '/' }, { name: 'บริการ', path: '/services/' }]), itemList];
---
<StaticPage title="บริการ | MoreminiMore" description={description} eyebrow="บริการ" heading="เลือกบริการจากปัญหา ไม่ใช่จากชื่อแพ็กเกจ" lead="เราช่วยดูโจทย์ธุรกิจก่อน แล้วเลือกว่าควรเริ่มจากเว็บ การตลาด ระบบทำงาน หรือ AI จุดไหนคุ้มที่สุดสำหรับตอนนี้" structuredData={schema}>
  <section class="static-section"><div class="static-grid">{hubServices.map((service, index) => <article class="static-card"><span class="card-index">0{index + 1} / {service.badge}</span><h2>{service.name}</h2><h3>{service.headline}</h3><p>{service.detail}</p><p class="card-objective">เป้าหมายหลัก: {service.objective}</p><a class="static-card-link" href={`/services/${service.slug}/`}>ดูรายละเอียดบริการนี้ ↗</a></article>)}</div></section>
  <section class="static-section paper"><div class="static-heading"><p class="static-eyebrow">วิธีการทำงาน</p><h2>ทำให้ง่ายต่อการตัดสินใจ ไม่ใช่ทำให้ดูเยอะ</h2></div><ol class="static-list">{workProcess.map(([title, copy], index) => <li><span>0{index + 1}</span><div><h3>{title}</h3><p>{copy}</p></div></li>)}</ol></section>
  <section class="static-cta"><h2>ไม่แน่ใจว่าควรเริ่มบริการไหน ส่งโจทย์มาให้เราดูก่อนได้</h2><a href="/#contact">ส่งโจทย์ให้เราดู ↗</a></section>
</StaticPage>
