/* SparkSchool AI — Shared React Components Load with: */ const { useState, useEffect, useRef } = React; /* ─── NAV ─────────────────────────────────────────────────── */ function Nav({ active = '', darkHero = false }) { const [scrolled, setScrolled] = useState(false); const [open, setOpen] = useState(false); useEffect(() => { const h = () => setScrolled(window.scrollY > 20); window.addEventListener('scroll', h, { passive: true }); h(); return () => window.removeEventListener('scroll', h); }, []); const RES = ['Blog.html','Learn.html','Webinars.html','FAQs.html', 'CPD.html','Certification.html','Resources.html']; return ( ); } /* ─── FOOTER ────────────────────────────────────────────────── */ function Footer() { return ( <> {/* ── CTA Band ── */}

AI that helps you
teach better.

SparkSchool AI is a complete classroom solution — from lesson planning and assessments to differentiated instruction and real-time student insights. Leverage AI to teach more effectively, engage every learner, and reclaim the time that matters.

Book a Demo Free for Teachers
{/* ── Main Footer ── */} ); } /* ─── UTILITY COMPONENTS ────────────────────────────────────── */ function SecTag({ children, style = {} }) { return
{children}
; } function PageHero({ tag, title, subtitle, dark = false, gradient, children }) { const bg = gradient ? { background: gradient } : dark ? { background: 'linear-gradient(160deg,#0d2744 0%,#1a3f6a 100%)' } : {}; return (
{tag && ( {tag} )}

{title}

{subtitle &&

{subtitle}

} {children}
); } function Reveal({ children, delay = 0, className = '', style = {} }) { const ref = useRef(null); const [vis, setVis] = useState(false); useEffect(() => { const el = ref.current; if (!el) return; const io = new IntersectionObserver( ([e]) => { if (e.isIntersecting) { setVis(true); io.unobserve(el); } }, { threshold: 0.07 } ); io.observe(el); return () => io.disconnect(); }, []); return (
{children}
); } function TestiCard({ quote, name, role, avInit, avBg, stars = 5 }) { return (
{'★'.repeat(stars)}

"{quote}"

{avInit}
{name}
{role}
); } Object.assign(window, { Nav, Footer, SecTag, PageHero, Reveal, TestiCard });