Hack #7: v0 · v0
7 May, 15:25
Singapore Airlines — Concept Site A reimagining of the Singapore Airlines homepage as long-form cinema instead of a fare-finder utility. Full-bleed plane footage, parallax destination strips, Instrument Serif typography, and "liquid glass" surfaces — with the full booking, KrisFlyer, and check-in IA preserved underneath the editorial frame. Built with React 19, Vite, TypeScript, and Tailwind. Static, no backend, deploys to any CDN. ElevenLabs powers two voice surfaces: Live Concierge — A real-time conversational agent (floating button, bottom-right) using @elevenlabs/react. Opens a WebSocket session to an ElevenLabs Conversational AI agent, streams the user's mic up, plays the agent's voice back, and surfaces a live transcript. Users can ask about destinations, fares, baggage, or KrisFlyer in their own voice. Ambient destination narration — Each parallax strip (Bali, Tokyo, Paris, NYC, Sydney, London, Zurich) auto-plays a short cinematic narration when scrolled into view. Generated at build time via the ElevenLabs TTS REST API with tuned voice settings for an editorial delivery, then shipped as static .mp3s — so runtime never hits the API. The split is deliberate: TTS is precomputed and free at runtime, while the live agent is opt-in only when a user engages — keeping the page fast by default.
