iPhone Duo
EcommerceNew

iPhone Duo

Hello, hello. - foldable product launch with highlights carousel.

Free

Quick facts

Pages
8
Version
v1.0.0
Last update
Nov 10, 2026
Who can download
Free (signed in)

Made with

  • Vite
  • HTML
  • CSS
  • JavaScript

Overview

iPhone Duo is an Apple-style foldable product launch landing by SonoJS (demo product: iPhone Duo). Built with Vite 8, HTML, CSS, and vanilla JavaScript. Global Apple nav, sticky product bar (Explore / Buy), white-gallery hero Hello, hello. with foldable video, From $1999 pricing, Get the highlights carousel (Display, iOS, Titanium, Camera, A20 Pro, Battery, Siri AI), Open/Closed/Tent/Laptop poses, and chapter sections for Display, iOS, Design, Camera, Chip, and Siri AI ending in a Buy CTA. prefers-reduced-motion reveals. Demo product chrome only - no checkout backend. Vite build ready for Cloudflare Workers.

Highlights

  1. 01

    White-gallery hero

    Hello, hello. foldable hero video with New badge, pricing, and Buy CTA.

  2. 02

    Highlights carousel

    Autoplay highlight cards for Display through Siri AI with pause + dots.

  3. 03

    Poses + chapters

    Open / Closed / Tent / Laptop plus Display, Camera, A20 Pro, and Siri AI sections.

  4. 04

    Vite and fork-ready

    Vite 8 + HTML/CSS/JS - npm run build to dist/ for Workers.

You get

  • Full Vite landing source (iPhone Duo)
  • index.html product launch page + src/main.js
  • src/styles/main.css + tokens.css
  • Hero / highlights / design / versatility videos
  • Product stills and editorial images

Details

Version
v1.0.0
Last update
Nov 10, 2026
Pages
8
Category
Ecommerce

You need

  • Node.js 20 or newer
  • Vite 8

Related products

View all

VirtualFit

Free

Spatial try-on - drag the garment arc, try on, pick size and color.

MacBook Neo

Free

Hola, Neo. - Spanish product page with hero video and color swatches.

Airbnb

Free

Vacation rentals marketplace - search bar, carousels, wish hearts.