/* global React */ const { useState: useStateMU, useEffect: useEffectMU, useRef: useRefMU } = React; // Reusable phone frame const PhoneFrame = ({ children, screenStyle = {}, style = {} }) => (

{children}

); // ===== App-specific mocked screens (all CSS — placeholders for real shots) ===== // Private Video Recorder — vault-style const PVRScreen = ({ active = false }) => (

● ENCRYPTED

Vault

34 clips

{Array.from({length:8}).map((_,i)=>(

0:{20+i*7}

))}

); // Motion Clock Camera const MCCScreen = ({ active = false }) => (

REC ● 00:42:18

{/* Crosshairs / motion grid */}

{/* Motion box */}

MOTION 92%

{/* Big clock */}

14:23:08

MAY 8 · 2026

4K · 60fps

AUTO

); // TrueTide — fitness progress const TTScreen = ({ active = false }) => (

Day 84

Cut · Week 12

−14 lb

{/* Progress comparison */}

FEB 12

MAY 8

{/* Trend chart */}

184 lbweight ↘170 lb

); // Dual Camera const DCScreen = ({ active = false }) => (

● 01:24

DUAL

{/* Back camera (full) */}

{/* Front camera (PIP) */}

{/* Bottom bar */}

); window.PhoneFrame = PhoneFrame; window.PVRScreen = PVRScreen; window.MCCScreen = MCCScreen; window.TTScreen = TTScreen; window.DCScreen = DCScreen;