---
// หน้า example — แสดงวิธีใช้ Astro component ใน project นี้
//
// โครงสร้าง site:
//   - เนื้อหาต้นฉบับ 39 หน้า อยู่ใน public/ (copy ตรง -> dist/) เหมือนต้นฉบับ 100%
//   - ถ้าอยาก "แก้" หน้าใดเป็น Astro component ให้ย้าย HTML นั้นออกจาก public/,
//     สร้าง src/pages/<route>.astro แล้วใช้ Base layout + components
//   - ตัวอย่างหน้า .astro ที่ build ได้ อยู่ด้านล่าง
import Base from '../layouts/Base.astro';
---

<Base title="ตัวอย่าง Astro Component — มิตซูชัยพร">
	<main style="font-family:sans-serif;max-width:800px;margin:2rem auto;padding:0 1rem">
		<h1>ตัวอย่างหน้า Astro</h1>
		<p>
			เว็บนี้เป็น Astro static site ที่ build ด้วย <code>pnpm build</code> →{" "}
			<code>dist/</code> หน้าต้นฉบับอยู่ใน <code>public/</code> (copy ตรง เหมือนเดิมเป๊ะ)
		</p>
		<p>
			หน้านี้ (<code>src/pages/example.astro</code>) เป็นตัวอย่างว่าเขียน component + layout
			แบบ Astro ได้ แล้ว build ออก static ได้เหมือนกัน
		</p>
		<a href="/" style="font-weight:bold">← กลับหน้าหลักมิตซูชัยพร</a>
	</main>
</Base>
