MacBook Neo

Overview

MacBook Neo is a Spanish-language Apple-style product marketing page by SonoJS. Built as static HTML, CSS, and vanilla JavaScript - no framework. Promo bar for 12-month financing, Apple-style nav (Tienda → Soporte), Hola, Neo. hero with looping hero.mp4 from 799 €, Lo principal feature card, Cuatro colores swatches (Cítrico, Rosa nube, Plata, Índigo…), day-to-day tiles (battery, Liquid Retina, Apple Intelligence), details / Continuidad / A18 Pro bands, closing Comprar CTA, and legal footnotes. Scroll elevates the nav; IntersectionObserver reveals sections. Demo storefront chrome only - no cart backend. Open index.html or host the folder statically on Cloudflare Workers.

Highlights

1. 01

   Hola, Neo. hero

   Nuevo badge, Comprar CTA from 799 €, and looping hero.mp4 product stage.

2. 02

   Color story

   Cítrico / Rosa nube cards plus interactive swatches and colors.mp4 reel.

3. 03

   Day-to-day feature tiles

   Battery, Liquid Retina, Apple Intelligence, Continuidad, and A18 Pro bands.

4. 04

   Zero-build static

   index.html + styles.css + main.js with local images/videos - deploy anywhere static.

You get

• index.html + styles.css + main.js (MacBook Neo product page)
• Scroll-elevated nav + reveal observer + color swatches
• assets/images (hero, colors, highlights, product views)
• assets/videos (hero, colors, display, keyboard, performance, pv_hero)