/* global React, INK, CREAM, PULSE, GENS, GradText, CTAButton, PCChip, Reveal, useReveal, SectionShell, GenBtn, SB_EASE */ // Create Image feature page — Reference to Image · Formats & Quality · Pipeline. const { useState: cxS } = React; const CIBadge = ({ label, bg = CREAM }) =>

{label}

; // ---------- § 01 — Reference to Image ---------- const RefToImageSection = () => { const [ref, on] = useReveal(0.35); return (

Seen the shot?
Drop it in.

Drag any photo into the composer — a pose you love, a framing, a light — and Sozee re-shoots it as your Character. The reference sets the scene; the prompt is optional.

Join for free

Works with anything — a saved post, a photo from your camera roll, a past shot you want to run back.

The reference

Your Character

keep the pose, the framing and the light

); }; // ---------- § 03 — Formats & quality ---------- const CI_FMT = [ { src: GENS[1].src, ar: '4 / 5', w: 300, chip: '4:5 · Feed' }, { src: GENS[3].src, ar: '9 / 16', w: 236, chip: '9:16 · Stories & Reels' }, { src: GENS[0].src, ar: '4 / 5', w: 300, chip: '1K · 2K · 4K', badge: '4K' }]; const FormatsSection = () => (

Every format
the feed asks for.

Portrait for the feed, tall for Stories — one to four photos per run, rendered up to 4K. Pick the shape before you generate, not in a crop tool after.

{CI_FMT.map((f, i) =>

{f.badge && {f.badge}}

{f.chip}

)}

); // ---------- § 05 — Where the image goes next ---------- const CI_NEXT = [ { t: 'Photo Shoot', d: 'Pick the best photo — Sozee shoots a locked set of ten around it. Same outfit, same room.', kind: 'shoot', tag: 'Turn 1 into 10', href: '/#05 Photo Shoot' }, { t: 'Create Video', d: 'Make it move — same scene, same outfit, with her voice on the track.', kind: 'video', tag: 'Direct the take', href: '/create-video' }, { t: 'The Scheduler', d: 'Queue it to six platforms straight from the board. Posted while you make the next set.', kind: 'sched', tag: 'Queued · IG · 9:00', href: '/#11 Scheduler' }]; const PIPE_PANEL = { borderRadius: 12, background: '#fff', boxShadow: '0 10px 24px rgba(28,27,27,0.10), inset 0 0 0 1px rgba(28,27,27,0.08)', padding: 10, height: '100%', boxSizing: 'border-box', display: 'flex', flexDirection: 'column' }; const PIPE_ROWS = [ { src: 'assets/gen/beach-pool.png', p: 'Instagram', time: '9:00 AM', st: 'Queued' }, { src: 'assets/shoot/set-2.webp', p: 'TikTok', time: '12:30 PM', st: 'Queued' }, { src: 'assets/create/out-garden.webp', p: 'OnlyFans', time: 'Yesterday', st: 'Posted' }]; const PipeMedia = ({ kind }) => (

{kind === 'shoot' &&

Lazy morning · set 10 shots

{[1, 2, 3, 4, 5, 6].map((n, i) =>