const { useState, useEffect, useRef } = React; // ── Icons (inline SVG, simple paths only) ─────────────────────────────────── const Icons = { Globe: () => , Graduation: () => , FileCheck: () => , DollarSign: () => , ArrowRight: () => , Check: () => , Menu: () => , Close: () => , User: () => , Star: () => , ChevronRight: () => , Whatsapp: () => , }; // ── Button ─────────────────────────────────────────────────────────────────── function Btn({ children, variant = 'primary', size = 'md', onClick, type = 'button', style = {} }) { const base = { display: 'inline-flex', alignItems: 'center', gap: 8, fontFamily: 'var(--font-body)', fontWeight: 600, border: 'none', cursor: 'pointer', transition: 'all 0.2s ease', textDecoration: 'none', whiteSpace: 'nowrap', }; const sizes = { sm: { padding: '8px 18px', fontSize: 13, borderRadius: 10 }, md: { padding: '12px 24px', fontSize: 15, borderRadius: 12 }, lg: { padding: '16px 32px', fontSize: 16, borderRadius: 14 }, }; const variants = { primary: { background: 'var(--accent)', color: '#fff' }, secondary: { background: 'transparent', color: 'var(--primary)', border: '1.5px solid var(--primary)' }, ghost: { background: 'transparent', color: 'var(--primary)' }, dark: { background: 'var(--primary)', color: '#fff' }, white: { background: '#fff', color: 'var(--primary)' }, }; const [hov, setHov] = useState(false); const hovStyle = hov ? { opacity: 0.88, transform: 'translateY(-1px)' } : {}; return ( ); } // ── Nav ────────────────────────────────────────────────────────────────────── function Nav({ page, navigate }) { const [scrolled, setScrolled] = useState(false); const [mobileOpen, setMobileOpen] = useState(false); useEffect(() => { const handler = () => setScrolled(window.scrollY > 40); window.addEventListener('scroll', handler); return () => window.removeEventListener('scroll', handler); }, []); const links = [ { label: 'Home', page: 'landing' }, { label: 'About', page: 'about' }, { label: 'Plans', page: 'plans' }, { label: 'Contact', page: 'landing' }, ]; const isLight = page === 'landing' && !scrolled; const navStyle = { position: 'fixed', top: 0, left: 0, right: 0, zIndex: 100, background: scrolled || page !== 'landing' ? 'rgba(255,255,255,0.96)' : 'transparent', backdropFilter: scrolled ? 'blur(12px)' : 'none', borderBottom: scrolled || page !== 'landing' ? '1px solid rgba(0,0,0,0.07)' : 'none', transition: 'all 0.3s ease', padding: '0 24px', }; const linkColor = isLight ? 'rgba(255,255,255,0.9)' : 'var(--text-muted)'; return ( ); } // ── Footer ─────────────────────────────────────────────────────────────────── function Footer({ navigate }) { return ( ); } // ── WhatsApp FAB ───────────────────────────────────────────────────────────── function WhatsAppFAB() { const [hov, setHov] = useState(false); return ( setHov(true)} onMouseLeave={() => setHov(false)} style={{ position: 'fixed', bottom: 28, right: 28, zIndex: 200, width: 56, height: 56, borderRadius: '50%', background: '#25D366', display: 'flex', alignItems: 'center', justifyContent: 'center', color: '#fff', boxShadow: '0 4px 20px rgba(37,211,102,0.45)', transform: hov ? 'scale(1.1)' : 'scale(1)', transition: 'transform 0.2s ease, box-shadow 0.2s ease', textDecoration: 'none', }}> {hov && (
Chat with us
)} ); } // ── Stat Counter ───────────────────────────────────────────────────────────── function StatCounter({ end, label, prefix = '', suffix = '+' }) { const [count, setCount] = useState(0); const ref = useRef(null); useEffect(() => { const observer = new IntersectionObserver(([entry]) => { if (entry.isIntersecting) { let start = 0; const step = end / 60; const timer = setInterval(() => { start += step; if (start >= end) { setCount(end); clearInterval(timer); } else setCount(Math.floor(start)); }, 20); observer.disconnect(); } }, { threshold: 0.3 }); if (ref.current) observer.observe(ref.current); return () => observer.disconnect(); }, [end]); return (
{prefix}{count.toLocaleString()}{suffix}
{label}
); } // ── Section wrapper ─────────────────────────────────────────────────────────── function Section({ children, style = {}, bg }) { return (
{children}
); } function SectionLabel({ children }) { return (
{children}
); } // Export everything to window Object.assign(window, { Icons, Btn, Nav, Footer, WhatsAppFAB, StatCounter, Section, SectionLabel, });