/* Portfolio sections — part 1: Nav, Hero, About */ const DS = window.BassantZeidanFesforiDesignSystem_940ce5; const ASSET = 'assets'; function Nav({ t, lang, setLang, dir }) { const P = window.PORTFOLIO; const [scrolled, setScrolled] = React.useState(false); React.useEffect(() => { const onScroll = () => setScrolled(window.scrollY > 20); window.addEventListener('scroll', onScroll); return () => window.removeEventListener('scroll', onScroll); }, []); return (
Fesfori {t(P.brand)}
{t(P.hero.ctaPrimary)}
); } function Hero({ t, dir }) { const P = window.PORTFOLIO; return (
{/* soft blobs */}
{t(P.hero.eyebrow)}

{t(P.hero.name)}

{t(P.hero.tagline)}

{t(P.hero.intro)}

{t(P.hero.ctaPrimary)} {t(P.hero.ctaSecondary)}
{t(P.hero.name)}
Fesfori {t(P.hero.eyebrow).split('·').pop().trim()}
); } function About({ t }) { const P = window.PORTFOLIO; return (
Basant with the Fesfori puppet
{t(P.about.skillsTitle)}
{P.about.skills.map((s, i) => ( {t(s)} ))}
); } Object.assign(window, { Nav, Hero, About });