// NGIS website — Admissions / "Enrollment Guide" (from the NGIS Prospectus + Uniform guide) function AdmissionsScreen({ onNav }) { const { Card, EyebrowLabel, Button, Input, Select, Alert, Badge } = window.NGISDesignSystem_f6dc23; const Icon = window.Icon; const { PATTERNS, NAVY_GRADIENT, SectionDecor } = window.Decor; const crestAccents = ['green', 'navy', 'blue', 'gold']; const [submitted, setSubmitted] = React.useState(false); const [name, setName] = React.useState(''); const [email, setEmail] = React.useState(''); const [age, setAge] = React.useState(''); const [stage, setStage] = React.useState(''); const [message, setMessage] = React.useState(''); const [errors, setErrors] = React.useState({}); const [sending, setSending] = React.useState(false); const [sendError, setSendError] = React.useState(''); const validate = () => { const next = {}; if (!name.trim()) next.name = 'Parent / guardian name is required.'; if (!email.trim()) next.email = 'Email address is required.'; else if (!/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(email.trim())) next.email = 'Enter a valid email address.'; if (!stage) next.stage = 'Please select a stage of interest.'; setErrors(next); return Object.keys(next).length === 0; }; const handleSubmit = () => { if (!validate()) return; setSending(true); setSendError(''); fetch('send-enquiry.php', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ name, email, age, stage, message }), }) .then(res => res.json().catch(() => ({ success: false })).then(data => ({ ok: res.ok, data }))) .then(({ ok, data }) => { if (ok && data.success) setSubmitted(true); else setSendError('We could not send your enquiry. Please try again, or email admissions@ngis.com directly.'); }) .catch(() => setSendError('We could not send your enquiry. Please check your connection and try again.')) .finally(() => setSending(false)); }; const steps = [ { n: '01', t: 'Collect Prospectus & Admission Form', icon: 'fileText' }, { n: '02', t: 'Document Submission', icon: 'check' }, { n: '03', t: 'Parent Orientation Meeting', icon: 'users' }, { n: '04', t: 'Written Test & Interview', icon: 'bookOpen' }, { n: '05', t: 'Health Examination & Lab Tests', icon: 'heartPulse' }, { n: '06', t: 'Enrollment & Fee Submission', icon: 'shieldCheck' }, ]; // School uniform guideline. const uniformBoys = ['Cotton blue button-down shirt', 'Navy dress trousers', 'Blue & red striped tie', 'Black belt', 'Black socks with black shoes']; const uniformGirls = ['Navy blue tunic (pinafore)', 'White trousers', 'White full-sleeve shirt', 'Blue scarf', 'White shoes']; const documents = [ 'Child\u2019s recent passport-size photographs (4 copies)', 'Child\u2019s B-Form / Birth Certificate (original + photocopy)', 'Parent / Guardian\u2019s CNIC (photocopy of both sides)', 'School leaving certificate', 'Child\u2019s vaccination record / health card', 'Emergency contact information for two guardians', 'Completed NGIS Admission Form (signed by parent / guardian)', ]; const safety = [ { icon: 'smartphone', color: 'green', t: 'Digital Attendance System', d: 'Seamless attendance tracking that keeps parents instantly informed and connected.' }, { icon: 'heartPulse', color: 'navy', t: 'Health Card', d: 'Healthy students lead to excellent minds. We safeguard the wellbeing of every child.' }, { icon: 'phone', color: 'blue', t: 'Parent Mobile Application', d: 'Stay updated with academics, notices and progress, anytime, anywhere.' }, { icon: 'shieldCheck', color: 'gold', t: 'Security & Safety', d: 'A secure, well-monitored environment where children learn with confidence.' }, ]; return (
{/* Header */}
Enrollment Guide

Begin your child’s journey

We warmly invite you to be part of Pakistan’s first ETM-powered school. Here is everything you need to enroll, InshaAllah.

{/* Admission process */}
The admission process

Six steps to enrollment

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

{s.t}

))}
{/* Uniform + documents */}
{/* Uniform guideline */} Uniform guideline

What to wear

{/* A single grid (not two independent lists) so each boy/girl item pair shares a real grid row — row heights auto-match even when one side's text wraps to two lines and the other doesn't. */}
B

Boys

G

Girls

{uniformBoys.map((u, i) => (
{u}
{uniformGirls[i]}
))}

The school crest badge is worn on the shirt pocket. Uniforms are available through the school’s approved supplier.

 {/* Required documents */} Required documents

What to bring

    {documents.map(d => (
  • {d}
    • ))}
{/* Safety & wellbeing */}
Safety & student wellbeing

Intelligent safety, connected learning

From the moment students step onto campus to the time they return home, every element is designed to make them feel secure and supported.

{safety.map(s => (

{s.t}

{s.d}

 ))}
{/* Enquiry form + contact */}
{/* Form */} Enquiry form

Request a prospectus

{submitted ? ( Your enquiry has been received. Our admissions team will be in touch within three working days with your prospectus and next steps, InshaAllah. ) : (
{ setName(e.target.value); if (errors.name) setErrors({ ...errors, name: undefined }); }} error={errors.name} /> { setEmail(e.target.value); if (errors.email) setErrors({ ...errors, email: undefined }); }} error={errors.email} />
setAge(e.target.value)} />
setMessage(e.target.value)} /> {sendError && {sendError}}

We respect your privacy. Your details are used only to respond to this enquiry.

)} {/* Contact */}

Speak to admissions

www.ngis.pk Karachi, Pakistan admissions@ngis.pk

Accreditation

An Initiative of Robotmea, accredited by Robotron, South Korea. Built on South Korean educational standards and grounded in Islamic values.

); } window.AdmissionsScreen = AdmissionsScreen;