\n \n

\n {NAV_SECTIONS.map((section) => (\n {\n const el = document.getElementById(section);\n if (el) el.scrollIntoView({ behavior: \"smooth\" });\n }}\n className={navButtonClass(section)}\n aria-label={`Navigate to ${section}`}\n />\n ))}\n

\n \n\n

\n {/* INTRO */}\n \n

\n PORTFOLIO / 2025\n

\n {displayName}\n
\n \n {displaySurname}\n \n

\n\n

\n {headline}\n

\n\n

\n Available for select projects\n

Remote

\n\n

\n CURRENTLY\n

\n {currentWorkItems.length\n ? (\n currentWorkItems.slice(0, 3).map((c, i) => (\n \n

\n {normalizeText(c.role)}\n

\n @ {normalizeCompany(c.company)}\n

\n {safeString(c.year)}\n

\n ))\n )\n :

—

}\n

\n\n

\n FOCUS\n

\n {SKILLS.map((skill, idx) => (\n \n {normalizeSkill(skill)}\n \n ))}\n

\n \n\n {/* WORK */}\n \n

Selected Work

\n {workRange}\n

\n\n

\n {WORK_ITEMS.map((job, index) => {\n const key = `${safeString(job.company)}-${\n safeString(job.role)\n }-${index}`;\n return (\n \n

\n {safeString(job.year)}\n

\n\n

\n {normalizeText(job.role)}\n

\n {normalizeCompany(job.company)}\n

\n {normalizeText(job.description)}\n

\n\n

\n {safeArray(job.tech).map((t, i) => (\n \n {normalizeText(t)}\n \n ))}\n

\n );\n })}\n

\n \n\n {/* PROJECTS */}\n \n

Projects

\n\n

\n {PROJECTS.map((project, i) => {\n const badge = normalizeBadge(project.badge ?? project.readTime);\n return (\n \n

\n {safeString(project.date)}\n {badge ? {badge} : null}\n

\n\n

\n {normalizeText(project.title)}\n

\n\n

\n {normalizeText(project.excerpt)}\n

\n\n

\n \n Learn more\n \n

\n {displayName}\n \n \n {displaySurname}\n \n

Selected Work

\n {normalizeText(job.role)}\n

Projects

\n {normalizeText(project.title)}\n

Let's Connect

\n {displayName}\n
\n \n {displaySurname}\n \n