Lume – Single Product Landing Page

The design is warm and refined. It pairs a soft linen-cream background with a glowing tangerine accent, an elegant Instrument Serif display face (with italic highlights) and clean Inter Tight, plus monospace detail labels, rounded product frames and moody, self-lit photos. A “Lights on/off” switch flips the whole page from a light room to a dark one.

Pages: a long one-page product landing (Hero, A Day With, Design, Specs, Reviews, FAQ, Buy) plus Checkout and policy pages (Shipping, Returns, Warranty, Privacy).

Key features:

• Interactive hero: colour temperature and brightness sliders change the real product photo live, next to a sticky buy box with rating, sale price, bundle options (one or a pair, with a discount) and live stock and shipping notes

• “Lights on/off” toggle that dims the whole page, a playful light/dark mode

• Scrolling press quotes and awards marquee (award, certification, warranty, returns)

• “A day with Lume” timeline: scroll-driven scenes (06:30 wake-up to 23:45 night light), each with its own light setting

• Real-room photo gallery and a full-width video section (“Sunrise mode”)

• Feature grid (touch control, colour range, battery, sunrise and sunset, smart-home compatibility, repairability)

• “The Object” design section with dimensions, plus a second interactive light slider and add to cart

• Tech specs table with an “In the box” list

• Reviews wall with verified badges and an FAQ accordion

• Repeated buy calls-to-action and a closing “Tonight could look like this” section

• Slide-out cart with a free-shipping progress message and quantity controls

• Four-step checkout: contact, delivery (multi-country), shipping (Standard or Express) and payment, with coupon codes (demo: LUME10, FIRSTLIGHT) and an order summary. The payment step is a placeholder to connect Stripe Checkout or Shopify Buy Button.

• Newsletter signup and policy pages

• Fully responsive, built with Next.js and Tailwind CSS