This site. Built with Astro for static generation and Preact for interactive components. The landing page is designed to market like an Apple product page — scroll-driven, cinematic, and intentional.

Landing Page

The centerpiece is a multi-section scroll experience built with Lenis smooth scroll and Three.js. Sections reveal and animate as you scroll through, with a 3D brain render and a 3D head scan as visual anchors. The whole thing is orchestrated with @preact/signals tracking scroll position, velocity, and progress to drive animations frame-by-frame.

Features

Three.js scenes — 3D brain wireframe and head scan, custom GLSL shaders, scroll-driven animation
Lenis smooth scroll — momentum-based scrolling with a global scroll store powering all animations
Section reveals — IntersectionObserver-based reveal system across the full landing
Blog — markdown-based posts with full-text search
Project portfolio — filterable grid with detail pages

Architecture

Static-first. Astro handles routing and builds to flat HTML at build time. Interactive islands use Preact with @preact/signals. Tailwind CSS v4 via Vite plugin. No runtime framework.