// Hero section — terminal-style readout with typed roles const HERO_ROLES = [ "Investment Management Student", "Finance & Markets Researcher", "Quantitative Strategy Builder", "Software Engineer (by necessity)", ]; function useTyped(words, { typeMs = 60, eraseMs = 30, holdMs = 1400 } = {}) { const [idx, setIdx] = React.useState(0); const [text, setText] = React.useState(""); const [phase, setPhase] = React.useState("type"); // type | hold | erase React.useEffect(() => { const word = words[idx % words.length]; let t; if (phase === "type") { if (text.length < word.length) { t = setTimeout(() => setText(word.slice(0, text.length + 1)), typeMs); } else { t = setTimeout(() => setPhase("erase"), holdMs); } } else if (phase === "erase") { if (text.length > 0) { t = setTimeout(() => setText(word.slice(0, text.length - 1)), eraseMs); } else { setIdx(i => (i + 1) % words.length); setPhase("type"); } } return () => clearTimeout(t); }, [text, phase, idx, words, typeMs, eraseMs, holdMs]); return text; } function Hero({ variant = "terminal" }) { const typed = useTyped(HERO_ROLES); const [clock, setClock] = React.useState(() => new Date()); React.useEffect(() => { const id = setInterval(() => setClock(new Date()), 1000); return () => clearInterval(id); }, []); const pad = n => String(n).padStart(2,"0"); const ts = `${pad(clock.getUTCHours())}:${pad(clock.getUTCMinutes())}:${pad(clock.getUTCSeconds())} UTC`; return (

{/* LEFT */}

Dubai · Ahmedabad · Remote {ts}

YASH
AHIRE.

[ {typed} ]

I study markets, model risk, and build the tools my research demands. Master's in Investment Management at Middlesex, Dubai. Software came second — because the spreadsheets kept running out first.

See the work Get in touch

{/* RIGHT: terminal */} {variant !== "minimal" && }

SCROLL

); } function TerminalPanel(){ const shipped = (window.PROJECTS || []).length; const live = (window.PROJECTS || []).filter(p => p.status === "LIVE").length; return (

YASHAHIRE.

YASH
AHIRE.