Personal Showcase

在云境TS 中打开并复制 →

内容预览

Recreate this page **pixel-faithfully**. Single full-viewport hero. React + Tailwind CSS. No cards, no purple, no Inter/Roboto. Black/cream editorial portfolio look. --- ## Stack & page chrome - Vite + React + TypeScript + Tailwind CSS - Document title: `Marcus — Bennet` (em dash) - Body font stack: `'Helvetica Neue ME', Helvetica, Arial, sans-serif` - Load this exact webfont (print→all pattern): ``` https://db.onlinewebfonts.com/c/95cecf452d3208890088a5b4c19c7ecf?family=Helvetica+Neue+ME ``` - Tailwind theme extensions: - Color `cream`: `#efeee9` - Font family `hn` (and `sans`/`serif`): `"Helvetica Neue ME", Helvetica, Arial, sans-serif` - Lucide React for the mobile close icon only (`X`, size `26`, strokeWidth `1.5`) - Root section: `relative h-[100dvh] w-full overflow-hidden` — one composition, no scroll on the hero --- ## Exact asset URLs (do not substitute) **Background image (full-bleed, behind everything):** ``` https://images.higgs.ai/?default=1&output=webp&url=https%3A%2F%2Fd8j0ntlcm91z4.cloudfront.net%2Fuser_38xzZboKViGWJOttwIXH07lWA1P%2Fhf_20260729_022513_486985a2-ac8c-4278-91a8-071dcd9fcaff.png&w=1280&q=85 ``` **Front portrait (cutout overlay, above marquee, pointer-events none):** ``` https://stone-expand-60400629.figma.site/_assets/v11/8da570354e86aa0d44ac3e4aa335a72c8e750d68.png ``` Both images: `absolute inset-0 h-full w-full object-cover`. --- ## Layer order (z-index) | Layer | z | Content | |--------|---|---------| | BG image | default | full-bleed backgroun

……（完整源码请在站内查看）