Mare — Landing Page

Mare's landing page. Instead of stacking sections, the whole page is one scroll: a field of scattered reference images pulls together into the platforms people save on, collapses inward to a single point, and comes back out sorted into clusters. It's the product's core idea shown as motion rather than explained in a paragraph.

How it's built

The motion is driven by scroll position, not timers. Each frame reads how far you've scrolled and writes only transform and opacity, so everything stays on the compositor and the page never thrashes layout. Lenis smooths the scroll, Framer Motion handles the entrances and hover states, and GSAP's easing math ties the sections together. Smaller touches fill it out: metadata that decodes in with a scramble effect, a query box that types itself, and a separate keyframe-snap mode on mobile that steps between beats instead of free-scrolling.