ครูโบว์กำลังสร้างโปรไฟล์ของคุณ…

กำลังจับคู่คำตอบกับคอร์สที่เหมาะที่สุดอย่างละเอียดค่ะ

{items.map((txt,i) => { const isDone = i < done; const isActive = i === done; return (

done ? .4 : 1, transition:'all .3s ease', transform: isActive?'translateX(2px)':'none', }}>

{isDone ? '✓' : isActive ? : ''}

{txt}

); })}

); } function Spinner(){ return (

); } function Results({ answers, path, onRestart }){ const [confettiReady, setConfettiReady] = React.useState(false); React.useEffect(() => { setConfettiReady(true); }, []); const match = pickMatch(answers, path); const isMom = path === 'mom'; const isTeacher = path === 'teacher'; return (

{confettiReady && }

{[0,1,2,3,4].map(i => ⭐)}

✦ พบคอร์สที่เหมาะกับคุณแล้ว

คำแนะนำจากครูโบว์สำหรับ {isTeacher ? 'เส้นทางการสอนของคุณ' : isMom ? 'คุณและลูกของคุณ' : (answers[2]?.name || 'ลูกของคุณ')}

{match.title}

{match.tag}

{/* course photo */}

{match.photo ? ( {`${match.title}

) : ( )}

{/* about card */}

เกี่ยวกับคอร์สนี้

{match.explain?.type === 'image' ? ( {`${match.title}

) : match.explain?.type === 'bullets' ? ( ) : (

{match.about}

)} {/* key facts */}

{match.facts.map(f => (

{f.l}

{f.v}

))}

{/* social proof strip */}

📈

{isTeacher ? ( <>Teacher Partnership เหมาะสำหรับครู โรงเรียน และสถาบัน ที่ต้องการระบบโฟนิกส์ชัดเจน พร้อมการอบรมและสื่อใช้ในห้องเรียน ) : isMom ? ( <>SmartMom เหมาะสำหรับคุณแม่ไทย ที่อยากเข้าใจ 44 เสียงภาษาอังกฤษ และเป็นครูภาษาอังกฤษคนแรกของลูก ) : ( <>87% ของผู้ปกครอง ที่เริ่มจากคอร์สนี้ เห็นพัฒนาการจริงภายใน 3 เดือน )}

{/* Discount reward banner */}

🎁

{isTeacher ? '✦ แนวทางความร่วมมือสำหรับครู ✦' : isMom ? '✦ คูปอง SmartMom ใช้ได้ภายใน 24 ชั่วโมง ✦' : '✦ รางวัลสำหรับผู้ทำแบบทดสอบครบ ✦'}

{isTeacher ? '🤝' : '🎁'} {isTeacher ? 'ข้อมูลความร่วมมือ' : isMom ? 'ลด 15%' : 'ลด ฿500'}

{isTeacher ? 'กรอกข้อมูลเพื่อให้ครูโบว์ส่งตัวเลือกอบรม สื่อการสอน หรือรูปแบบลิขสิทธิ์ที่เหมาะกับห้องเรียน โรงเรียน หรือศูนย์ของคุณ' : isMom ? 'ใช้โค้ด SMARTMOM15 ภายใน 24 ชั่วโมง ราคา SmartMom ปกติ ฿3,990' : 'สิทธิพิเศษสำหรับผู้ปกครองที่ทำแบบทดสอบครบ ทักครูโบว์ด้านล่างเพื่อรับสิทธิ์ค่ะ'}

{/* Primary CTA — Messenger (big, unmistakably a button) */}

🎁 แตะเพื่อรับสิทธิ์

{isTeacher ? 'รับข้อมูลความร่วมมือ' : isMom ? 'รับคูปอง SMARTMOM15' : 'รับส่วนลดของคุณ'}

ทักเราทาง Messenger →

{/* Secondary options */}

หรือติดต่อช่องทางอื่น

); } function ExplainBullets({ data }){ return (

{data.title && (

{data.title}

)}

{data.sections.map((sec, i) => (

{sec.header && (

🎁 {sec.header}

)}

{sec.items.map((it, j) => (

{it.icon}

{it.text}

))}

); } const CTA_HREFS = { line: 'https://line.me/R/ti/p/%40engbrain', msg: 'https://m.me/2377290269217014', call: 'tel:0960056150', }; function ContactCTA({ color, label, sub, icon, outline }){ const bg = outline ? 'transparent' : color; const fg = outline ? 'var(--ink)' : '#fff'; return (

{icon==='line'&&'L'}{icon==='msg'&&'M'}{icon==='call'&&'☎'}

{label}

{sub}

→

); } const VIDEO_COURSE_EXPLAIN = { type: 'bullets', title: 'เนื้อหาในคอร์ส Jolly Phonics มีอะไรบ้าง', sections: [ { items: [ { icon:'✅', text:'60 คลิปวิดีโอ ฝึกตามกระบวนการตามหลักสูตรนานาชาติ สอนโดยครูโบว์และเจ้าของภาษา (ครูเจ้าของภาษา)' }, { icon:'✅', text:'สอนลูกๆวางรูปปาก 44 เสียงอย่างชัดเจน' }, { icon:'✅', text:'ผสมเสียงอ่านคำศัพท์แบบโฟนิกส์ 1,200 คำครบจบหลักสูตร แบบไม่ต้องท่องจำ ภายใน 7–16 สัปดาห์' }, { icon:'✅', text:'สอนและพาทำตามหนังสือทุกหน้า ใช้หนังสือครบจบทุกเล่ม 6 รายการ เทียบเท่ากับเรียนในระบบหลักสูตรอินเตอร์ 3 ปี แต่สามารถเรียนหลักสูตรครูโบว์จบได้ภายใน 1 เทอม' }, ]}, { items: [ { icon:'💛', text:'มีครูโบว์ช่วยไกด์ ตรวจการบ้านดูรูปปากมากกว่า 42 ครั้ง' }, { icon:'❤️', text:'เรียนได้ 2 คน แม่คู่ลูก หรือพี่คู่น้อง ดูแลให้ 2 คน' }, ]}, { items: [ { icon:'✅', text:'มีใบประกาศนียบัตรให้เมื่อจบหลักสูตร' }, { icon:'✅', text:'สามารถชมวิดิโอ หรือเรียนย้อนหลังได้ 2 ปี' }, ]}, { header: 'แถมฟรี', items: [ { icon:'✅', text:'ไฟล์แฟลชการ์ด 1,200 คำ (pdf) พร้อมความหมายภาษาไทย' }, { icon:'✅', text:'ไฟล์เสียงอ่านสะกดแบบโฟนิกส์ 1,200 คำ ตามเล่ม Jolly Wordbook ฟังได้ทุกที่ทุกเวลา' }, ]}, ], }; function pickMatch(answers, path){ if (path === 'teacher') return { title: 'Teacher Partnership จาก Engbrain', tag: 'อบรมครู + ลิขสิทธิ์หลักสูตร', about: 'นำระบบโฟนิกส์ของครูโบว์ไปใช้ในห้องเรียน โรงเรียน หรือสถาบันของคุณ แนวทางความร่วมมืออาจรวมอบรมครู สคริปต์การสอน ชุดเอกสารนักเรียน ลิขสิทธิ์หลักสูตร และการซัพพอร์ตการนำไปใช้จริง', facts: [{l:'เหมาะสำหรับ', v:'ครู · โรงเรียน'}, {l:'รวม', v:'อบรม + สื่อการสอน'}, {l:'ขนาดการใช้', v:'ห้องเรียนหรือโรงเรียน'}, {l:'ซัพพอร์ต', v:'การนำไปใช้จริง'}], photo: null, // TBD — teacher photo pending explain: { type: 'bullets', title: 'Teacher Partnership อาจรวมสิ่งเหล่านี้', sections: [ { items: [ { icon:'✅', text:'อบรมครูให้สอนโฟนิกส์ได้อย่างมั่นใจและถูกต้อง' }, { icon:'✅', text:'โครงสร้างหลักสูตรสำหรับอนุบาลหรือประถม' }, { icon:'✅', text:'ใบงานพิมพ์ได้ ชุดเอกสารนักเรียน แผนการสอน และสคริปต์' }, { icon:'🤝', text:'ตัวเลือกลิขสิทธิ์หรือความร่วมมือสำหรับโรงเรียน/สถาบันที่ต้องการใช้ในวงกว้าง' }, ]}, ], }, }; if (path === 'mom') return { title: 'SmartMom', tag: 'สำหรับคุณแม่ไทยที่อยากสอนภาษาอังกฤษลูกที่บ้าน', about: 'SmartMom ช่วยให้คุณแม่ไทยเข้าใจและออกเสียง 44 เสียงภาษาอังกฤษได้เหมือนครู เพิ่มความมั่นใจในการออกเสียง และเป็นครูภาษาอังกฤษคนแรกของลูกผ่านการฝึกง่าย ๆ ที่บ้านทุกวัน', facts: [{l:'ราคา', v:'฿3,990'}, {l:'คูปอง', v:'SMARTMOM15'}, {l:'เหมาะสำหรับ', v:'คุณแม่ไทย'}, {l:'เป้าหมาย', v:'44 เสียง'}], photo: null, // TBD — mom photo pending explain: { type: 'bullets', title: 'SmartMom ช่วยให้คุณทำอะไรได้บ้าง', sections: [ { items: [ { icon:'✅', text:'เข้าใจและออกเสียง 44 เสียงภาษาอังกฤษได้ชัดเจนเหมือนครู' }, { icon:'✅', text:'พูดภาษาอังกฤษกับลูกได้มากขึ้นทุกวันอย่างมั่นใจ' }, { icon:'✅', text:'รู้ว่าควรสอนอะไรที่บ้าน ไม่ต้องพึ่งโรงเรียนอย่างเดียว' }, { icon:'🎁', text:'รับส่วนลด 15% ด้วยคูปอง SMARTMOM15 เมื่อสมัครภายใน 24 ชั่วโมง' }, ]}, ], }, }; const a4 = answers[4], a5 = answers[5], a8 = answers[8], a9 = answers[9]; let title = 'Jolly Phonics ระดับ 1', tag = 'คอร์สพื้นฐาน', about = 'เรียนเสียงภาษาอังกฤษ 42 เสียงผ่านเพลง ท่าทาง และเรื่องราว ครอบคลุมการผสมเสียง tricky words และการอ่านเบื้องต้น เหมาะสำหรับเด็กไทยที่เริ่มเรียนโฟนิกส์', facts = [{l:'รูปแบบ', v:'1:1 / กลุ่ม'}, {l:'จำนวนครั้ง', v:'2 ครั้ง/สัปดาห์'}, {l:'ระดับ', v:'เริ่มต้น'}, {l:'ระยะเวลา', v:'12 สัปดาห์'}], photo = 'assets/result-jp-level-1.jpg', explain = { type:'image', src:'assets/explain-jp-level-1.jpg' }; if (a4 === 'confident' && a5 === 'done') { title = 'Jolly Phonics ระดับ 2'; tag = 'สำหรับเด็กที่อ่านมั่นใจและพร้อมไปต่อ'; about = 'ทบทวน 42 เสียง พร้อมเพิ่มคำศัพท์โฟนิกส์ 800–1,200 คำ tricky words ขั้นสูง และการสร้างประโยค เหมาะกับเด็กที่เรียน Jolly Phonics ระดับ 1 จบแล้ว'; facts = [{l:'รูปแบบ', v:'1:1 / กลุ่ม'}, {l:'จำนวนครั้ง', v:'2 ครั้ง/สัปดาห์'}, {l:'ระดับ', v:'ระดับกลาง'}, {l:'ระยะเวลา', v:'16 สัปดาห์'}]; photo = 'assets/result-jp-level-2.jpg'; explain = { type:'image', src:'assets/explain-jp-level-2.jpg' }; } else if (a4 === 'confident') { title = 'Jolly Phonics ระดับ 1+ Bridge'; tag = 'เติมช่องว่าง แล้วไปต่อได้อย่างมั่นใจ'; about = 'Level 1 แบบเร่งสำหรับเด็กที่รู้ A–Z แล้ว ครอบคลุมเสียงเพิ่มเติม 16 เสียง เช่น sh, ch, th และ digraphs พร้อมฝึกผสมเสียงใน 6 สัปดาห์ก่อนต่อระดับ 2'; photo = 'assets/result-jp-level-1.jpg'; explain = { type:'image', src:'assets/explain-jp-level-1.jpg' }; } if (a9 === '9k+') { title = 'Engbrain VIP Phonics Flagship'; tag = 'เรียน 1:1 กับครูโบว์ · ปรับเฉพาะตัวเต็มรูปแบบ'; about = 'โปรแกรม 1:1 ที่ปรับเฉพาะลูกของคุณกับครูโบว์ ทุกบทเรียนปรับตามจังหวะ ความสนใจ และเป้าหมายของลูก รวม Oxford Discover การอ่านเข้มข้น แกรมมาร์ และช่องทาง WhatsApp ส่วนตัวกับครูโบว์เพื่อซัพพอร์ตการบ้าน'; facts = [{l:'รูปแบบ', v:'ส่วนตัว 1:1'}, {l:'จำนวนครั้ง', v:'2–3 ครั้ง/สัปดาห์'}, {l:'ระดับ', v:'ปรับเฉพาะตัว'}, {l:'ระยะเวลา', v:'ยืดหยุ่น'}]; photo = 'assets/result-vip-flagship.jpg'; explain = null; } else if (a9 === '<1k') { title = 'คอร์สวิดีโอโฟนิกส์ เรียนเองตามเวลา'; tag = 'มีครูโบว์อยู่กับคุณทุกที่'; about = null; facts = [{l:'รูปแบบ', v:'วิดีโอเรียนเอง'}, {l:'จำนวนครั้ง', v:'60 คลิป'}, {l:'ระดับ', v:'เริ่มต้น → ขั้นสูง'}, {l:'ระยะเวลา', v:'7–16 สัปดาห์'}]; photo = 'assets/result-video-course.jpg'; explain = VIDEO_COURSE_EXPLAIN; } else if (a8 === 'group') { title = title + ' · กลุ่มเพื่อน'; } return { title, tag, about, facts, photo, explain }; } // ------ confetti ------ function Confetti(){ const ref = React.useRef(null); React.useEffect(() => { const canvas = ref.current; if (!canvas) return; const ctx = canvas.getContext('2d'); const DPR = window.devicePixelRatio || 1; const resize = () => { canvas.width = canvas.offsetWidth * DPR; canvas.height = canvas.offsetHeight * DPR; }; resize(); const colors = ['#f08a5d', '#f9c74f', '#90be6d', '#a0c4ff', '#ff8fab']; const parts = Array.from({length: 90}).map(() => ({ x: Math.random()*canvas.width, y: -Math.random()*canvas.height*0.4, vx: (Math.random()-0.5)*1.2*DPR, vy: (1 + Math.random()*2)*DPR, s: (6 + Math.random()*8)*DPR, r: Math.random()*Math.PI, vr: (Math.random()-0.5)*0.2, c: colors[Math.floor(Math.random()*colors.length)], shape: Math.random()<0.5 ? 'rect':'circle', })); let raf, t=0; const tick = () => { t++; ctx.clearRect(0,0,canvas.width,canvas.height); parts.forEach(p => { p.x += p.vx; p.y += p.vy; p.vy += 0.03*DPR; p.r += p.vr; if (p.y > canvas.height + 20) { p.y = -20; p.x = Math.random()*canvas.width; p.vy = (1+Math.random()*2)*DPR; } ctx.save(); ctx.translate(p.x, p.y); ctx.rotate(p.r); ctx.fillStyle = p.c; if (p.shape==='rect') ctx.fillRect(-p.s/2, -p.s/4, p.s, p.s/2); else { ctx.beginPath(); ctx.arc(0,0,p.s/2.5,0,Math.PI*2); ctx.fill(); } ctx.restore(); }); if (t < 240) raf = requestAnimationFrame(tick); else ctx.clearRect(0,0,canvas.width,canvas.height); }; raf = requestAnimationFrame(tick); window.addEventListener('resize', resize); return () => { cancelAnimationFrame(raf); window.removeEventListener('resize', resize); }; }, []); return