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, showing the product's core idea as motion rather than explaining it in a paragraph.

How it's built

The motion is driven by scroll position rather than timers, so each frame reads how far you've scrolled and writes only transform and opacity, keeping everything on the compositor so 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.