// sections.jsx — sections 2-9 of the homepage: // LogoStrip, CreativePipeline, Showcase, HowItWorks, Differentiators, // Trust, FinalCTA, Footer. /* eslint-disable react/prop-types */ // Reusable wordmark renderer for the logo strip function Wordmark({ name, style, img, h }) { if (img) { return {name}; } return {name}; } // ─────────── 2. Logo strip (marquee) ─────────── function LogoStrip() { const row = window.BRAND_LOGOS.concat(window.BRAND_LOGOS); return (
Trusted by performance teams at
{row.map((b, i) =>
)}
); } // ─────────── 3. Creative pipeline (before/after) ─────────── function CreativePipeline() { return (
The core promise

Don't just build creatives. Build Ad generation systems.

You and your team brings creativity, taste and judgement. Deploy agents for the rest. Remove bottlenecks to generate marketing videos at large scale.

RAW
CLIP_001.MOV · 0:42
One brief, few references.
12 VARIANTS
{Array.from({ length: 12 }, (_, i) =>
{[ "9:16 · :15", "1:1 · :30", "9:16 · :06", "9:16 · :15", "1:1 · :15", "9:16 · :30", "4:5 · :15", "9:16 · :06", "9:16 · :15", "4:5 · :30", "1:1 · :06", "9:16 · :15"][ i]}
)}
Twelve in the auction by Friday.
); } // ─────────── 4. Showcase — real Meta ads ─────────── function AdCard({ ad, layout }) { const [hovered, setHovered] = React.useState(false); return (
setHovered(true)} onMouseLeave={() => setHovered(false)}>
SPONSORED · {ad.brand} 9:16
{/* product art — abstracted per shape */} {/* gradient scrim for legibility */}
{/* copy + CTA */}
{ad.headline}
{ad.body &&
{ad.body}
}
{ad.cta} →
{/* "play" pseudo-controls along bottom */}
{/* hover state: subtle play button */}
); } // Abstracted product illustrations — purely SVG so they read as // "product photography" stand-ins at small sizes. function ProductArt({ shape, accent }) { if (shape === "bottle-amber") { return ( VELLUM SLEEP · 30ml ); } if (shape === "pack-olive") { return ( ); } if (shape === "powder-jar") { return ( hempstead DAILY GREENS 30 SERVINGS ); } if (shape === "bottle-tall") { return ( LOOP. 750ml ); } if (shape === "candle") { return ( Sable & Pine CEDAR · 8oz {/* flame */} ); } if (shape === "can") { return ( Northbound COLD BREW 12 fl oz ); } return null; } function Showcase({ layout }) { const ads = window.SHOWCASE_ADS; return (
The grounding moment

Real Meta ads. Made with Prexi.

{ads.map((ad) => )}
See the full archive →
); } // ─────────── 5. How it works ─────────── function HowItWorks() { return (
How it works

Three steps. You stay in the director's chair.

{/* Left: agent activity feed */}
AGENT · LIVE
{[ { dot: "var(--accent-color)", t: "Drafting 8 captions in your voice…" }, { dot: "var(--persona-scientist)", t: "Resizing 9:16 → 1:1 (6 of 12)" }, { dot: "var(--amber)", t: "Flagged: claim needs legal sign-off" }, { dot: "var(--accent-color)", t: "Sourcing UGC from /vellum-creators" }, { dot: "var(--persona-gold)", t: "Ready for review: Hook 03B" }]. map((f, i) =>
{f.t}
)}
{/* Right: review panel */}
Hook 03B · Awaiting your call
Approve Recut Swap
); } function HowStep({ num, title, body }) { return (
{num}

{title}

{body}

); } // ─────────── 6. What's different ─────────── function Differentiators() { const items = [ { tag: "Your workflow", title: "Trained on how your team works.", body: "Most AI tools generate from templates. Prexi starts from your briefs, your brand voice, your assets, your past winners. The output looks like you, because it learned from you.", visual: "workflow" }, { tag: "Scene-level control", title: "Every scene is editable, and the rest re-renders.", body: "Swap a clip, rewrite a line, change a CTA. The agent regenerates the variants downstream so the whole grid stays coherent without redoing the work.", visual: "scenes" }, { tag: "Human taste, AI ops", title: "The agent removes the grind. You stay the editor.", body: "Sourcing, captioning, resizing, exporting: gone. The judgement that actually moves performance stays with your team: what's funny, what's on-brand, what works.", visual: "taste" }]; return (
What's different

Most AI video tools generate. Prexi gets directed.

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

{it.title}

{it.body}

)}
); } function DiffVisual({ kind }) { if (kind === "workflow") { return (
); } if (kind === "scenes") { return (
↓ re-renders
); } if (kind === "taste") { return (
SOURCE
CAPTION
RESIZE
EXPORT
Taste. What's funny. What's on-brand. What works.
); } return null; } // ─────────── 7. Trust & brand safety ─────────── function Trust() { const trusts = [ { title: "Your data stays yours.", body: "We never train on your footage or briefs. Your library is encrypted, isolated per workspace, and exportable any time." }, { title: "Output follows your brand guidelines.", body: "Type, color, tone, claims, banned words: all encoded once. Every variant the agent ships is checked against your house rules before it reaches you." }, { title: "Nothing ships without your sign-off.", body: "Variants land in a review queue. No auto-publish, no surprise. You approve what goes to Meta, every time." }]; return (
Trust & brand safety

Built for brand-safe marketing.

Your footage, your briefs, your brand, handled with care. Brand safety isn't a setting you switch on. It's how Prexi is built, end to end.

{trusts.map((t, i) =>

{t.title}

{t.body}

)}
); } // ─────────── 8. Final CTA ─────────── function FinalCTA() { return (
); } // ─────────── 9. Footer ─────────── function Footer() { return (
Prexi

The AI video agent for performance marketing teams.

{window.FOOTER_GROUPS.map((g) =>
{g.title}
)}
© 2026 Prexi Labs, Inc. · Built for the world
Privacy Terms Brand safety v1.0
); } function PlayIcon() { return ( ); } function ArrowIcon2() { return ( ); } Object.assign(window, { LogoStrip, CreativePipeline, Showcase, AdCard, HowItWorks, Differentiators, Trust, FinalCTA, Footer });