/* global React */ const { useEffect: vrE, useRef: vrR, useState: vrS } = React; /* ── VR Live ─────────────────────────────────────────── */ function VRSoon() { const I = window.IMAGES || {}; const [tilt, setTilt] = vrS({ x: 0, y: 0 }); const vrRef = vrR(null); vrE(() => { const el = vrRef.current; if (!el) return; const onMove = (e) => { const r = el.getBoundingClientRect(); setTilt({ x: (e.clientY - (r.top + r.height / 2)) / 50, y: (e.clientX - (r.left + r.width / 2)) / 50, }); }; const onLeave = () => setTilt({ x: 0, y: 0 }); el.addEventListener('mousemove', onMove); el.addEventListener('mouseleave', onLeave); return () => { el.removeEventListener('mousemove', onMove); el.removeEventListener('mouseleave', onLeave); }; }, []); return (
{/* ambient glows */}
{/* Section tag — LIVE */}
— 04 / Virtual Reality Live Now · WebXR
{/* Main grid — visual LEFT, text RIGHT */}
{/* LEFT — headset + iPad */}
{/* ── VR Headset (420 × 252) ── */}
{/* body */}
{/* left lens */}
{/* right lens */}
{/* bridge */}
{/* gold accent stripe */}
{/* live LED */}
{/* wordmark */}
AURA · WebXR
{/* left strap */}
{/* right strap */}
{/* ── iPad (200 × 268) floating bottom-right ── */}
{/* home bar */}
{/* camera */}
{/* screen */}
{/* status bar */}
● Live VR iPad
{/* bottom card */}
Penthouse 02
Mirror headset view
{/* floating callouts */}
⌖ 6DoF tracked
◈ Spatial audio
◎ iPad mirroring
{/* RIGHT — copy */}


Put on the headset and walk the floor plan in real scale — or mirror the session live to an iPad for clients in the room. Every wall, surface and shadow rendered at 1:1 and available right now through any WebXR browser.

{[ ['VR headset', 'Meta Quest, Vision Pro, Pico — any WebXR device, no sideloading.'], ['iPad & tablet', 'Full spatial session on iPad Pro. Mirror or hand off to headset in one tap.'], ['Spatial audio', 'Sound mapped per surface. Step into the kitchen — hear the acoustics change.'], ['6DoF tracking', 'Walk, crouch, reach. Your real movements map directly into the rendered space.'], ].map(([t, d], i) => (
0{i + 1}
{t}
{d}
))}
· Works in browser · No install · WebXR
); } window.VRSoon = VRSoon;