Haven
A furniture brand marketing site. Big imagery, scroll motion, and a 3D hero. It is a demo, not a real shop.
What this is
Haven is a one-page furniture brand site I built to practice polished marketing UI. You scroll through a hero, an about story, product highlights, a showreel block, and a newsletter. There is also a contact page. There is no shopping cart and you cannot buy anything. The contact copy says that clearly: it is a demo of design and front-end craft.
What you can do on the site
On the home page you get a full scroll story. The hero uses a WebGL plane with a custom shader so the main image has a soft wave. Below that, photos and copy move with GSAP ScrollTrigger as you scroll. A featured products strip shows chairs with names and prices in a looping carousel. Those cards are for display. Buttons that say things like “See all products” send you to contact, not to a catalog checkout.
How I built it
It is a Next.js App Router project. Most of the motion is GSAP. The hero canvas is React Three Fiber with a small shader material. Images come from Cloudinary. Zustand only tracks page transition flags, not a cart. Routes are basically home and contact.
Why I made it
I wanted a furniture site that feels calm and visual, closer to a brand film than a busy ecommerce template. The point was scroll feel, typography, and a bit of WebGL, not payments or inventory.