{label}

{duration}

); } const TWEAK_DEFAULTS = /*EDITMODE-BEGIN*/{ "heroVariant": "A", "spotsLeft": 17, "showFAQ": true }/*EDITMODE-END*/; // ─── Copy variants ──────────────────────────────────────────────────────── const HERO_COPY = { A: { pill: 'Coming soon · 20 free spots', headline: ['Be your own', { serif: true, color: '#635BFF', text: 'AI photo studio.' }], sub: 'Upload 3 selfies. Get unlimited photos and short videos of yourself — same face, every time. New outfits, new scenes, no shoot day.', cta: 'Claim my free spot', }, B: { pill: 'Early access · 3 months free', headline: ['Stop shooting.', { serif: true, color: '#EC4899', text: 'Start posting.' }], sub: 'Posiro turns 3 photos into a content engine — endless on-brand images and clips, ready in minutes. Built for creators who\u2019d rather earn than shoot.', cta: 'Get my 3 free months', }, C: { pill: 'Limited beta · only 20 spots', headline: ['Your face.', 'Your rules.', { serif: true, color: '#F59E0B', text: 'Infinite content.' }], sub: 'Train Posiro on 3 photos and own a private AI version of yourself. Generate as much as you want — without ever booking another shoot.', cta: 'Reserve my spot', }, }; // ─── Pieces ─────────────────────────────────────────────────────────────── function Logo({ size = 24 }) { return ( ); } function Pill({ children, tone = 'indigo' }) { const tones = { indigo: { bg:'rgba(99,91,255,.10)', fg:'#4F46E5', dot:'#635BFF' }, pink: { bg:'rgba(236,72,153,.10)', fg:'#BE185D', dot:'#EC4899' }, amber: { bg:'rgba(245,158,11,.12)', fg:'#92400E', dot:'#F59E0B' }, }; const t = tones[tone]; return ( {children} ); } function Headline({ parts }) { return (

{parts.map((p, i) => { if (typeof p === 'string') return {p}{i : null}; return {p.text}{i : null}; })}

); } const TALLY_FORM_ID = '4416qO'; function CTAForm({ ctaLabel, spotsLeft, compact = false }) { const [submitted, setSubmitted] = React.useState(false); const [submitterName, setSubmitterName] = React.useState(''); // Get current hero variant label for A/B tracking const getVariantLabel = () => window.__posiroVariant || 'A'; const openTally = () => { if (typeof Tally === 'undefined') { // Fallback: open form in new tab window.open(`https://tally.so/r/${TALLY_FORM_ID}?source=posiro.com&variant=${getVariantLabel()}`, '_blank'); return; } Tally.openPopup(TALLY_FORM_ID, { layout: 'modal', hideTitle: true, overlay: true, autoClose: 3000, hiddenFields: { source: 'posiro.com', variant: getVariantLabel(), }, onSubmit: (payload) => { // Extract name from submission for success message const nameField = payload.fields?.find(f => f.title === 'Name'); setSubmitterName(nameField?.answer?.value || ''); setSubmitted(true); }, }); }; if (submitted) { return (

You’re on the list{submitterName ? `, ${submitterName}` : ''}!

We’ll email you the moment your spot is ready. Keep an eye on your inbox.

); } return (

No credit card {spotsLeft}/20 spots left

); } const inputStyle = { height:50, padding:'0 16px', border:'1px solid rgba(10,14,39,.12)', borderRadius:12, fontSize:16, fontFamily:'inherit', outline:'none', background:'#fff', color:'#0A0E27', width:'100%', WebkitAppearance:'none', }; function Check() { return ( ); } function Sparkle({ white }) { return ( ); } // ─── Mobile nav (logo + waitlist anchor) ───────────────────────────────── function Nav() { return (

Posiro

Get early access

); } // ─── Hero ──────────────────────────────────────────────────────────────── function Hero({ variant, spotsLeft }) { const c = HERO_COPY[variant]; return (

{c.pill}

{c.sub}

); } // Right-side / below-headline visual: prominent 3 inputs → arrow → 9 outputs function HeroVisual() { return (

{/* INPUT row — large, labeled, raw selfie style */}

STEP 1 · YOU UPLOAD

3 selfies

{INPUT_IMGS.map((s,i)=>(

{i+1}

))}

{/* Connector — arrow with "AI does the rest" */}

POSIRO AI

{/* OUTPUT grid — large, polished, labeled */}

STEP 2 · YOU GET

Unlimited photos & videos

Live

{OUTPUT_IMGS.map((o, i) => (

))}

Same face. Different scenes, outfits, moods. Generated in < 60s

{/* Floating count badge */}

3 → ∞

); } // ─── How it works (compact, mobile-first) ─────────────────────────────── function HowItWorks() { const steps = [ { n:'1', t:'Upload 3 photos', d:'Three clear selfies. That\u2019s the whole onboarding.' }, { n:'2', t:'Train your AI twin', d:'~20 minutes. Posiro learns your face. Private to you.' }, { n:'3', t:'Generate forever', d:'Type a scene. Photos in seconds, videos in minutes.' }, ]; return (

How it works

Three photos in.
Forever’s worth of content out.

{steps.map((s, i)=>(

{s.n}

{s.t}

{s.d}

))}

); } const Eyebrow = ({ children }) => (

{children}

); const H2 = { fontSize:'clamp(28px, 6vw, 44px)', fontWeight:700, lineHeight:1.08, letterSpacing:'-.02em', margin:0, color:'#0A0E27', }; // ─── Sample marquee strip (mobile loves this) ──────────────────────────── function SampleMarquee() { const [tab, setTab] = React.useState('photos'); // Doubled list for seamless infinite loop const photoList = [...OUTPUT_IMGS, ...OUTPUT_IMGS]; const videoList = [...VIDEO_IMGS, ...VIDEO_IMGS, ...VIDEO_IMGS]; return (

Sample outputs

One person.
A thousand looks.

Every image and clip below was generated from the same 3 input photos. Same recognizable face — across every scene, outfit and mood.

{[['photos','Photos'],['videos','Short videos']].map(([k,l])=>( ))}

{tab==='photos' ? (

{photoList.map((o, i) => (

))}

) : (

{videoList.map((v, i) => (

))}

)}

Real beta outputs. All generated from 3 input selfies.

); } // ─── FAQ (compact accordion) ───────────────────────────────────────────── function FAQ() { const items = [ { q:'When does Posiro launch?', a:'We\u2019re targeting late spring 2026. Early testers get full access during beta and 3 months free after launch.' }, { q:'Will I be charged anything?', a:'No. The first 20 testers pay $0 for the entire beta and 3 months after launch. No card required to join the waitlist.' }, { q:'Is my data and likeness private?', a:'Yes. Your trained model is private to your account, not shared, not used to train anyone else\u2019s. One-click delete anytime.' }, { q:'How many spots are left?', a:'We open 20 free spots. The counter on this page is live — once it hits zero, the waitlist moves to paid pricing at launch.' }, { q:'Do I need any technical skills?', a:'None. If you can take a selfie and type a sentence, you can use Posiro.' }, ]; const [open, setOpen] = React.useState(-1); return (

FAQ

Quick answers.

{items.map((it, i)=>(

{open===i && (

{it.a}

)}

))}

); } // ─── Final CTA ─────────────────────────────────────────────────────────── function FinalCTA({ variant, spotsLeft }) { const c = HERO_COPY[variant]; return (

{spotsLeft} spots left · closes when full

Be one of the first 20.

Three months free. No card. No catch. Just the head start.

); } function Footer() { return ( ); } // ─── App ───────────────────────────────────────────────────────────────── function App() { const [t, setTweak] = useTweaks(TWEAK_DEFAULTS); // A/B test: assign random variant on first visit, persist in localStorage React.useEffect(() => { const key = 'posiro_ab_variant'; let saved = localStorage.getItem(key); if (!saved || !['A','B','C'].includes(saved)) { saved = ['A','B','C'][Math.floor(Math.random() * 3)]; localStorage.setItem(key, saved); } if (saved !== t.heroVariant) { setTweak('heroVariant', saved); } }, []); return (

); } ReactDOM.createRoot(document.getElementById('root')).render();