TOEIC · A-Level · ม.1 · ม.4 · กพ. ภาค ก. — ซื้อทีละชุด ใช้ภายในเวลาที่กำหนด ฝึกได้หลายรอบ มีสถิติคะแนน เปรียบเทียบกับเพื่อนในระบบ

แพ็กเกจ · {pkg.set_count} ชุด

{savings > 0 && (

ประหยัด {fmtBaht(savings)}

)}

{pkg.name}

{pkg.description}

{s.name} {fmtBaht(s.price)}

{bonusLevels.length > 0 && (

BONUS Flashcard {bonusLevels.map(l => LEVEL_LABEL[l] || l).join(" + ")} ฟรี

ฝึกคำศัพท์ภาษาอังกฤษพร้อมข้อสอบ — ปลดล็อกอัตโนมัติเมื่อซื้อ

)}

{fmtBaht(pkg.price)} {pkg.total_individual_price > pkg.price && ( {fmtBaht(pkg.total_individual_price)} )}

ใช้ได้ {pkg.access_days} วัน · เริ่มนับเมื่อกดเริ่ม

); } function FeaturedPackages({ packages, onBuy }) { const list = (packages || []).slice(0, 3); if (!list.length) return null; return (

{list.map(p => )}

); } // ───────── Course catalog ───────── function CourseCard({ s, onBuy }) { const discount = pct(s.original_price, s.price) || s.season_discount_percent; return (

{s.season_label && ( {s.season_label} )} {discount > 0 && ลด {discount}%}

{s.name}

{s.description}

{s.question_count} ข้อ {s.rounds_count} ชุด {s.access_days} วัน

{fmtBaht(s.price)} {s.original_price && s.original_price > s.price && ( {fmtBaht(s.original_price)} )}

{s.sales_count > 0 && (

ขายแล้ว {s.sales_count.toLocaleString()} คน

)}

); } function CourseCatalog({ sets, onBuy }) { const cats = ["all", ...Object.keys(CATS)]; const [active, setActive] = useState("all"); const [maxPrice, setMaxPrice] = useState(0); // 0 = no filter const [maxDays, setMaxDays] = useState(0); const filtered = useMemo(() => { return (sets || []).filter(s => { if (active !== "all" && s.category !== active) return false; if (maxPrice && s.price > maxPrice) return false; if (maxDays && s.access_days > maxDays) return false; return true; }); }, [sets, active, maxPrice, maxDays]); return (

{/* Tabs */}

{cats.map(k => { const isActive = active === k; const label = k === "all" ? "ทั้งหมด" : CATS[k]?.th; return ( ); })}

{/* Filters */}

ตัวกรอง:

{filtered.length} ชุด

{/* Grid */} {filtered.length === 0 ? (

ไม่มีชุดที่ตรงกับตัวกรอง

ลองปรับตัวกรองหรือเลือกหมวดอื่นดู

) : (

{filtered.map(s => )}

)}

); } function FilterChip({ label, value, options, onChange }) { const [open, setOpen] = useState(false); const ref = useRef(null); useEffect(() => { const close = (e) => { if (ref.current && !ref.current.contains(e.target)) setOpen(false); }; document.addEventListener("mousedown", close); return () => document.removeEventListener("mousedown", close); }, []); const cur = options.find(o => o.v === value) || options[0]; return (

{open && (

{options.map(o => ( ))}

)}

); } // ───────── How it works ───────── function HowItWorks() { const steps = [ { n: "01", th: "เลือกคอร์ส", desc: "เลือกหมวดหมู่และชุดข้อสอบที่ตรงกับเป้าหมาย ดูราคาและเวลาที่ใช้งานได้ก่อนซื้อ", icon: }, { n: "02", th: "ฝึกข้อสอบ", desc: "ทำข้อสอบเสมือนสนามจริง มี timer มีเฉลย ฝึกได้หลายรอบจนกว่าเวลาจะหมด", icon: }, { n: "03", th: "ติดตามผล", desc: "ดูสถิติคะแนนรายรอบ เปรียบเทียบกับครั้งก่อน เห็นจุดที่ต้องพัฒนาแบบรายข้อ", icon: }, ]; return (

{steps.map((st, i) => (

{st.n}

{st.icon}

{st.th}

{st.desc}

))}

); } // ───────── Social proof ───────── function SocialProof() { // TODO real: hook to /public/stats once available const stats = [ { value: "10,200+", label: "นักเรียนใช้งานจริง" }, { value: "1.4M", label: "ข้อสอบที่ฝึกสำเร็จ" }, { value: "95%", label: "ผ่านเป้าหมายส่วนตัว" }, { value: "42", label: "โรงเรียนพาร์ทเนอร์" }, ]; // TODO real: pull from review API const reviews = [ { name: "ฟ้า", grade: "ม.6", text: "ฝึก A-Level คณิตทุกวันก่อนสอบจริง เห็นคะแนนค่อยๆ ขึ้นในระบบ มั่นใจขึ้นเยอะค่ะ", score: 5 }, { name: "บีม", grade: "TOEIC", text: "ราคาคุ้ม ไม่ต้องสมัครรายเดือน ซื้อชุดเดียวฝึกได้หลายรอบ Part 5 พัฒนาขึ้นชัดเจน", score: 5 }, { name: "พลอย", grade: "กพ. ภาค ก.", text: "ข้อสอบใกล้แนวจริงมาก เฉลยละเอียด ใช้เวลาอ่านสั้น แต่ผลออกดี", score: 5 }, ]; return (

Trusted by

นักเรียนกว่าหมื่นคน ฝึกกับ 2TTEST

{stats.map(s => (

{s.value}

{s.label}

))}

{reviews.map((r, i) => (

{Array.from({length: r.score}).map((_, j) => )}

"{r.text}"

— {r.name} · {r.grade}

))}

); } // ───────── FAQ ───────── function FAQ({ settings }) { const refundDays = settings?.refund_window_days ?? 7; const payment = settings?.payment_text || "พร้อมเพย์ · บัตรเครดิต/เดบิต · TrueMoney"; const items = [ { q: "ใช้ได้กี่วันหลังซื้อ?", a: "แต่ละชุดจะระบุจำนวนวันใช้งานที่หน้า Catalog (เช่น 14/30/60 วัน) เริ่มนับตั้งแต่วันที่กดเริ่มฝึกครั้งแรก ไม่ใช่วันซื้อ" }, { q: "ถ้าหมดอายุแล้วต้องซื้อใหม่ไหม?", a: "ใช่ — เมื่อครบกำหนด ระบบจะปิดการเข้าถึงชุดข้อสอบ คุณสามารถซื้อใหม่ได้ตลอด หรือเลือกแพ็กเกจที่มีระยะเวลาใช้งานนานขึ้น" }, { q: "Refund ได้ไหม?", a: `ขอคืนเงินได้ภายใน ${refundDays} วันหลังซื้อ และต้องยังไม่กดเริ่มฝึก หากเริ่มฝึกแล้ว ถือว่าใช้งานบริการแล้ว` }, { q: "มี Free trial ไหม?", a: "มีตัวอย่าง 5 ข้อต่อชุด ให้ทดลองดูแนวข้อสอบและเฉลยก่อนตัดสินใจซื้อ" }, { q: "จ่ายเงินยังไง?", a: payment + " — ออกใบเสร็จอัตโนมัติทาง email ทันทีหลังชำระสำเร็จ" }, { q: "มีกี่ข้อต่อชุด?", a: "ขึ้นกับชุด — ตั้งแต่ 30 ข้อ (ชุดเฉพาะวิชา) ไปจนถึง 240 ข้อ (ชุดสนามใหญ่) ดูได้ที่หน้า Catalog ทุกชุด" }, { q: "ทำได้กี่ครั้ง?", a: "ภายในเวลาที่ใช้ได้ ทำซ้ำได้ไม่จำกัด ระบบเก็บสถิติทุกครั้งให้เห็นพัฒนาการชัดเจน" }, { q: "ติดต่อยังไง?", a: `email: ${settings?.support_email || "support@2ttest.com"} · LINE: ${settings?.support_line || "@2ttest"}` }, ]; return (

{items.map((it, i) => (

{it.q}

{it.a}

))}

); } // ───────── CTA + Footer ───────── function CTASection() { return (

Get started

พร้อมเริ่มต้นแล้วหรือยัง?

สมัครฟรีใช้เวลาไม่ถึง 1 นาที — ทดลองตัวอย่างข้อสอบก่อนตัดสินใจซื้อได้ทุกชุด

สมัครฟรี ดูคอร์สก่อน

); } function Footer({ settings }) { return ( ); } Object.assign(window, { TopNav, Hero, SeasonBanner, FeaturedPackages, CourseCatalog, HowItWorks, SocialProof, FAQ, CTASection, Footer, });

ฝึกข้อสอบจริง
เห็นพัฒนาการ ทุกวัน

ฝึกข้อสอบจริง เห็นพัฒนาการ ทุกวัน

{pkg.name}

{s.name}

{st.th}

นักเรียนกว่าหมื่นคน ฝึกกับ 2TTEST

พร้อมเริ่มต้นแล้วหรือยัง?