// pages.jsx — About, Gallery, Testimonials, Contact (function () { const { useState } = React; const Icon = window.Icon; const D = window.DATA; const { PageHero, Placeholder, TestimonialCard, Stars, CountUp } = window; /* ===================== ABOUT ===================== */ function About({ navigate }) { const I = D.INSTITUTE; const values = [ { icon: "target", t: "Practical first", d: "We teach the skills employers and clients actually pay for — through real projects, not just theory." }, { icon: "heart", t: "Student-centered", d: "Small batches and patient mentors mean nobody gets left behind." }, { icon: "shield", t: "Integrity", d: "Honest guidance, transparent fees, and certificates you can trust and verify." }, { icon: "rocket", t: "Always evolving", d: "Our curriculum keeps pace with the tools and trends of the industry." }, ]; const steps = [ { t: "Founded in Lalamusa", y: "2017", d: "INFOTECH opens its doors in Nizampura with a handful of courses and a big mission." }, { t: "Modern lab expansion", y: "2020", d: "New computer labs and 3D/CAD workstations to support creative and engineering programs." }, { t: "3,500+ graduates", y: "2024", d: "Thousands of students trained, many now freelancing or employed across Pakistan." }, { t: "Online verification", y: "2025", d: "Launched instant, secure online certificate verification for students and employers." }, ]; return (
Our Story

A local institute with national-standard training

INFOTECH was founded on a simple belief: world-class digital skills shouldn't require leaving your hometown. From our campus on GT Road in Nizampura, we've trained thousands of students in design, marketing, CAD and IT — many of whom now freelance internationally or work at leading firms.

Our approach is hands-on and personal. Modern labs, working-professional instructors, and project-based learning ensure every student finishes with a portfolio and the confidence to use it.

{/* mission / vision */}
{[["target", "Our Mission", "To make high-quality, career-focused computer education affordable and accessible for every student in Lalamusa and beyond."], ["globe", "Our Vision", "To be the region's most trusted institute — where students gain the skills, portfolio and confidence to compete anywhere in the world."]].map(([ic, t, d]) => (

{t}

{d}

))}
{/* values */}
What We Stand For

Our core values

{values.map((v, i) => (

{v.t}

{v.d}

))}
{/* timeline */}
Our Journey

Milestones along the way

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

{s.t}

{s.d}

))}
); } /* ===================== GALLERY ===================== */ function Gallery({ navigate }) { const cats = ["All", "Campus", "Classes", "Events"]; const [f, setF] = useState("All"); const items = D.GALLERY.filter((g) => f === "All" || g.cat === f); return (
{cats.map((c) => ( ))}
{items.map((g) => (
{g.cat}
{g.label}
))}
); } /* ===================== TESTIMONIALS ===================== */ function Testimonials({ navigate }) { return (
{[["4.9", "Average rating", "star"], ["3,500+", "Happy graduates", "users"], ["95%", "Would recommend", "heart"], ["12+", "Courses offered", "book"]].map(([v, l, ic]) => (
{l}
))}
{D.TESTIMONIALS.map((t) => (
))}

Ready to write your own success story?

Join thousands of students who started right here.

); } /* ===================== CONTACT ===================== */ function Contact({ navigate }) { const I = D.INSTITUTE; const [form, setForm] = useState({ name: "", email: "", phone: "", course: "", message: "", company: "" }); const [errors, setErrors] = useState({}); const [sent, setSent] = useState(false); const [sending, setSending] = useState(false); const set = (k, v) => { setForm((f) => ({ ...f, [k]: v })); if (errors[k]) setErrors((e) => ({ ...e, [k]: null })); }; const validate = () => { const e = {}; if (!form.name.trim()) e.name = "Please enter your name."; if (!form.email.trim()) e.email = "Please enter your email."; else if (!/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(form.email)) e.email = "Please enter a valid email address."; if (!form.phone.trim()) e.phone = "Please enter your phone number."; else if (!/^[\d\s+\-()]{7,}$/.test(form.phone)) e.phone = "Please enter a valid phone number."; if (!form.message.trim()) e.message = "Please write a short message."; return e; }; const submit = (ev) => { ev.preventDefault(); const e = validate(); setErrors(e); if (Object.keys(e).length) return; setSending(true); window.api("contact", { method: "POST", body: form }).then((res) => { setSending(false); if (res.ok && res.data && res.data.ok) { setSent(true); } else if (res.data && res.data.errors) { setErrors(res.data.errors); } else { setErrors({ message: (res.data && res.data.message) || "Sorry, we couldn't send your message. Please try again or call us." }); } }); }; return (
{/* info column */}
{[["pin", "Visit us", I.address, "Get directions", "https://www.google.com/maps?q=Lalamusa+GT+Road"], ["phone", "Call us", I.phone, "Call now", "tel:" + I.phoneHref], ["mail", "Email us", I.email, "Send email", "mailto:" + I.email], ["clock", "Opening hours", I.hours, null, null]].map(([ic, t, v, cta, href]) => (
{t}
{v}
{cta && {cta} }
))}
{/* form column */}
{sent ? (

Message sent!

Thank you, {form.name.split(" ")[0]}. Our team will get back to you within one working day.

) : (

Send us a message

Fill out the form and we'll respond as soon as we can.

{/* honeypot — hidden from humans, bots fill it */} set("company", e.target.value)} style={{ position: "absolute", left: "-9999px", width: 1, height: 1, opacity: 0 }} aria-hidden="true" />
set("name", e.target.value)} placeholder="Your name" /> {errors.name && {errors.name}}
set("phone", e.target.value)} placeholder="+92 3xx xxxxxxx" /> {errors.phone && {errors.phone}}
set("email", e.target.value)} placeholder="you@email.com" /> {errors.email && {errors.email}}