/* global React, HeroPreview, IconArrowRight, IconArrowUpRight, IconSparkles, IconShieldCheck, IconTarget, IconBarChart, IconCompass, IconUsers, IconBook, IconStar, IconCheck, IconQuote, IconClock, IconLock, IconLayers, IconLightning, SITE */ const HOW_ICON = { Compass: , BarChart: , Book: , Users: , }; // ============================================================ // HERO // ============================================================ const Hero = () => { return (
{/* Ambient warm gradients */}
Guidance open for 2026 JoSAA & BITSAT cycle

Stop guessing your
college{' '} choices.

Personalised college guidance for JEE Main, JEE Advanced and BITSAT students — built by IIT and BITS alumni who've been through it.

{[1, 2, 3, 4].map((i) => (
{['RL', 'AA', 'BA', 'MC'][i - 1]}
))}
Guided by IIT & BITS alumni
); }; // ============================================================ // STATS BAND // ============================================================ const useCountUp = (target, duration = 1600, startWhen = true) => { const [val, setVal] = React.useState(0); React.useEffect(() => { if (!startWhen) return; let raf, start; const step = (t) => { if (!start) start = t; const p = Math.min((t - start) / duration, 1); const eased = 1 - Math.pow(1 - p, 3); setVal(Math.floor(eased * target)); if (p < 1) raf = requestAnimationFrame(step); }; raf = requestAnimationFrame(step); return () => cancelAnimationFrame(raf); }, [target, duration, startWhen]); return val; }; const Stat = ({ value, suffix, label, sub, startWhen }) => { const v = useCountUp(value, 1800, startWhen); return (
{v.toLocaleString('en-IN')} {suffix}
{label}
{sub}
); }; const StatsBand = () => { const ref = React.useRef(null); const [started, setStarted] = React.useState(false); React.useEffect(() => { if (!ref.current) return; const io = new IntersectionObserver((entries) => { entries.forEach((e) => { if (e.isIntersecting) setStarted(true); }); }, { threshold: 0.3 }); io.observe(ref.current); return () => io.disconnect(); }, []); return (
{SITE.stats.map((s) => ( ))}
); }; // ============================================================ // HOW IT WORKS // ============================================================ const HowItWorks = () => { const steps = SITE.howItWorks; return (
How it works

Four steps. No predictor tools, no guesswork,{' '} no surprises.

Counselling season is short. Our process is built to give you a clear, defensible plan in seventy‑two hours — not a list of links to predictors.

{steps.map((s) => (
{HOW_ICON[s.icon]}
{s.n}
{s.title}

{s.body}

))}
); }; window.Hero = Hero; window.StatsBand = StatsBand; window.HowItWorks = HowItWorks;