/* Landing page sections */ function HeroSection({ onEnroll }) { const [mouse, setMouse] = useState({ x: 0, y: 0 }); useEffect(() => { const handler = (e) => { const x = (e.clientX / window.innerWidth - 0.5) * 2; const y = (e.clientY / window.innerHeight - 0.5) * 2; setMouse({ x, y }); }; window.addEventListener('mousemove', handler); return () => window.removeEventListener('mousemove', handler); }, []); return (
{/* Big "PLAY" backdrop word like reference */}
MAHIR DHUHA
{/* parallax clouds */} {/* doodle decorations */}
Enrollment 2026 is open!

Building
life skills ,
guided by faith

Tadika Mahir Dhuha is an Islamic English preschool nurturing curious minds aged 2–6 across Bukit Jelutong, Kota Damansara & Cyberjaya. Bismillah, mari kita mula!

Our Programmes
{/* Right: hero image area */}
{/* Big colourful ring behind kids */} {/* Cloud-shaped photo with real kids cutout */}
Mahir Dhuha kids
{/* Floating badges */}
πŸ“š
STUDENTS
πŸ“
BRANCHES
3 in Selangor
{/* Cloud bottom transition like the reference */}
); } function Trust({ icon, label }) { return (
{icon} {label}
); } function KidsIllustration() { // SVG kids illustration β€” two children silhouettes inspired by hijabi girl + boy return ( {/* simple sparkle shapes */} {/* Girl with hijab (left) */} {/* hijab back */} {/* face */} {/* hijab front edge */} {/* eyes */} {/* cheeks */} {/* smile */} {/* body */} {/* Boy (right) */} {/* hair */} {/* face */} {/* fringe */} {/* ears */} {/* eyes */} {/* cheeks */} {/* smile (big) */} {/* polo shirt */} {/* collar accent */} {/* arm raised pointing */} {/* finger */} {/* foreground squiggles */} ); } function CloudDivider() { return (
); } /* Passionate team / About teaser */ function TeamTeaser() { return (
{/* placeholder of pencils/students collage */} {/* pencils standing in jar */} {[...Array(10)].map((_, i) => { const colors = ['#FF6A1A', '#FFD84D', '#C8EB6A', '#A8DEEC', '#FFB8B8', '#C9B8FF', '#FF6A1A', '#FFD84D', '#C8EB6A', '#A8DEEC']; return ( ); })}
Our Passionate Team

Trained, caring, deeply loving

Our teachers don't just teach β€” they nurture. Every educator at Mahir Dhuha is trained in early childhood Islamic pedagogy and English language instruction, balancing academic, social and emotional growth.

From Quran reading to art, science experiments to outdoor play, your child is greeted each morning with a doa, a smile, and a hug. Anak kita, anak kita semua.

Meet the team β†’
); } /* Popular Classes / Programmes preview */ function ProgrammesPreview() { const items = [ { age: '2 – 3 YEARS', name: 'Playschool', color: 'sky', emoji: '🧸', desc: 'A gentle first step into learning with songs, stories & sensory play.' }, { age: '4 YEARS', name: 'Nursery', color: 'mint', emoji: '🎨', desc: 'Phonics foundations, fine motor skills, and Islamic adab through play.' }, { age: '5 YEARS', name: 'Reception', color: 'yellow', emoji: 'πŸ“–', desc: 'Reading fluency, early Maths, Quran tahfiz, and confident communication.' }, { age: '6 YEARS', name: 'Year One', color: 'rose', emoji: 'πŸŽ“', desc: 'School-ready in English & BM, with a strong Islamic and academic foundation.' }]; return (
Programmes

Our amazing classes

From toddler to school-ready, a programme for every stage of your child's journey.

{items.map((item, i) =>
{item.emoji}
{item.age}

{item.name}

{item.desc}

 )}
); } /* Why Mahir Dhuha β€” 4 step grid */ function WhyMahirDhuha() { const steps = [ { n: '01', title: 'Islamic from the heart', desc: 'Quran, doa, akhlak woven into every day. A real love for Allah s.w.t.', color: 'sky' }, { n: '02', title: 'Full English syllabus', desc: 'Internationally-aligned curriculum delivered fully in English by trained teachers.', color: 'mint' }, { n: '03', title: 'Play-based learning', desc: 'Hands-on, themed, joyful learning. Children look forward to coming every day.', color: 'rose' }, { n: '04', title: 'Tiny classes', desc: 'Low ratios so every child is seen, heard and gently guided.', color: 'yellow' }]; return (
Why parents choose us

We're redefining Islamic early-years education

{steps.map((s, i) =>
{s.n}

{s.title}

{s.desc}

)}
{/* classroom: simple desk, kids reading */} {/* book */} {/* two heads */} {/* sun */} {/* cloud */}
); } /* Animated counter strip */ function StatsStrip() { const stats = [ { n: 12, suffix: '+', label: 'Years nurturing', color: 'orange' }, { n: 1500, suffix: '+', label: 'Happy graduates', color: 'mint' }, { n: 3, suffix: '', label: 'Branches in Selangor', color: 'sky' }, { n: 5, suffix: 'β˜…', label: 'Parent rating', color: 'yellow' }]; return (
{stats.map((s, i) =>
{s.label}
)}
); } /* Testimonial / parents */ function Testimonials() { const quotes = [ { name: 'Puan Nadia, Bukit Jelutong', child: 'Adam, 5 yo', quote: 'Adam used to cling to me every drop-off. Now he runs in. The teachers know him completely β€” his fears, his loves, his quirks.', color: 'sky' }, { name: 'Encik Faisal, Cyberjaya', child: 'Hana, 4 yo', quote: 'Alhamdulillah, Hana came home reciting her doa for the first time. The Islamic foundation is real, not a tagline.', color: 'mint' }, { name: 'Puan Sarah, Kota Damansara', child: 'Yusuf, 6 yo', quote: 'The English programme is genuinely strong. Yusuf is school-ready and reads chapter books for fun.', color: 'rose' }]; return (
Parents say

Loved by families like yours

{quotes.map((q, i) =>
"

{q.quote}

{q.name[6]}
{q.name}
{q.child}
)}
); } /* Final CTA */ function CTASection({ onEnroll }) { return (
Bismillah,

Let's begin their journey 🌱

Enrollment for 2026 is open. Limited seats per branch Β Secure yours today.

WhatsApp us
); } function LandingApp() { const [enrollOpen, setEnrollOpen] = useState(false); return (
setEnrollOpen(true)} /> setEnrollOpen(true)} /> setEnrollOpen(true)} />
); } ReactDOM.createRoot(document.getElementById('root')).render();