Pillo is a landing page for a sleep-tracking app, built as static Astro 7 with a component per section and no framework runtime. Dark and light themes are both first class, set before first paint so there is no flash.
The motion is the product. A fluid simulation over the hero photograph, a scroll rig that travels the phone mockup across the viewport while three feature panels crossfade behind it and the device changes screen to match the copy, pricing cards that pin and split apart as you pass them, a tilted metrics marquee, and a testimonial track that becomes a stacked list on a phone. Every effect degrades cleanly: without WebGL the shaders are removed, and with reduced motion all animation is withdrawn while the layout stays intact.
Design tokens and a full type scale live in one stylesheet, so recolouring the whole site is a handful of custom properties. Features, steps, metrics, testimonials, plans, the comparison table and the FAQs live in a content collection rather than in the markup.
Astro 7 ready.
Also available as Next.js and plain HTML builds, and as a Framer template.
