/* global React */
const { useState } = React;
// =================================================================
// SHARED — iPhone frame
// =================================================================
function IPhone({ landscape = false, scale = 1, children, className = "" }) {
return (
);
}
function IOSStatus({ time = "9:41", dark = false }) {
return (
);
}
// =================================================================
// NAV
// =================================================================
function Nav({ brand }) {
return ;
}
// =================================================================
// §1 HERO — flipping phone
// =================================================================
const HERO_ADS = [
{
niche: "clinic",
tag: "BACK PAIN AD · 2.4M VIEWS",
headline: <>Stop the back pain — without surgery.>,
sub: "Renuva · 4.81× ROAS in 90 days",
avatar: "R",
name: "Renuva Pain Centre",
label: "Sponsored",
cta: "Book Free",
},
{
niche: "home",
tag: "SOLAR AD · 890K VIEWS",
headline: <>Cut the power bill. Forever.>,
sub: "Apricot Solar · 97 booked consults",
avatar: "A",
name: "Apricot Solar",
label: "Sponsored",
cta: "Get Quote",
},
{
niche: "coach",
tag: "COACH AD · 1.1M VIEWS",
headline: <>From 0 to 7-figures. The system.>,
sub: "Carrie June · $194K · 4.81× ROAS",
avatar: "C",
name: "Miss Carrie June",
label: "Sponsored",
cta: "Watch Free",
},
];
const HERO_NOTIFS = [
{ app: "Boca Laser", when: "2m ago", ttl: "+$840 booked", desc: "Stripe · iPhone 15 Pro · Boca Raton, FL" },
{ app: "Alanis Air", when: "4m ago", ttl: "Sarah Mendez opted in", desc: "Lead form · 555-0142 · Calgary, AB" },
{ app: "Dr. Joey Alcantara", when: "6m ago", ttl: "+324 leads this month", desc: "Meta · CPL $4.70 · CTR 4.86% · Reach 40,093" },
{ app: "MiniBeast", when: "8m ago", ttl: "$1,200 closed", desc: "Shopify · Order #38291 · Toronto, ON" },
{ app: "Permanent Lights", when: "11m ago", ttl: "Estimate booked", desc: "26.6× ROI · Calgary, AB" },
];
function Hero({ tagline }) {
return (
);
}
Object.assign(window, { IPhone, IOSStatus, Nav, Hero });