Altura

Overview

Altura is a luxury coastal residences landing by SonoJS. Built as static HTML, CSS, and vanilla JavaScript - no framework or build step. Layered dusk hero with giant altura wordmark behind house-fg.webp, refractive glass nav (Residences / Buy / Rent / Sell with us / Journal), Villas · Penthouses · Estates tags, Casa Pietra featured card ($11.85M, Laguna Beach), and a 421-frame scroll-scrub walkthrough through eight rooms ending in Book a private viewing. Serve with a static server so tour frames load. Demo real-estate chrome only - no booking backend. Host on Cloudflare Workers.

Highlights

1. 01

   Layered dusk hero

   house-bg / altura wordmark / house-fg stack with refractive glass nav and Book a viewing.

2. 02

   Casa Pietra card

   Now showing feature for Laguna Beach: 5 bed · 6 bath · 6,420 sq ft · $11.85M.

3. 03

   Scroll tour scrub

   421 WebP frames, eight room captions, pager glide, and prefers-reduced-motion jumps.

4. 04

   Zero-build static

   index.html + css/ + js/ + assets/ - serve locally with npx serve (do not open file://).

You get

• index.html (Altura Coastal Residences)
• css/styles.css + css/tour.css
• js/hero.js, glass.js, tour.js, pager.js
• assets/house-bg.webp + house-fg.webp
• assets/tour (421 desktop + 421 mobile frames + poster)

Run locally

From the unzipped project folder:

npx --yes serve .