/* Three hero variants for the Nubel landing page. Each exposes props: { copy } — with tone-switched copy passed in. */ const { useState: _useState, useEffect: _useEffect } = React; // ---------- Variant A — Editorial oversized ---------- // Giant centered display type. Clean. Editorial. Classic Nubel. const HeroA = ({ copy }) => (
{/* Layered background */}
); // ---------- Variant B — Split with phone mock ---------- const HeroB = ({ copy }) => (
New · Hiring has never been easier

Stand out without
sending resumes.

{copy.sub}

Get Started • it's free How it works
{/* inline meta */}
PILOT · BC • FREE for candidates
{/* Right: stacked phone + floating chips */}
{/* Floating chip: question */}
Q · 02:00
Walk us through a project you're proud of.
{/* Floating chip: verdict */}
Shortlisted by Northside
); // Decorative phone interior — stylized, not a real screenshot const HeroPhoneMock = () => (
{/* status */}
9:41 ● ● ●
{/* header */}
Your profile 3/5
{/* video tile */}
REC
How would you launch a new product to Gen Z?
{/* play glyph */}
{/* question progress */}
{[1,1,1,0,0].map((f,i) => (
))}
{/* copy */}
Question 4 of 5
Tell us about a time you worked through a hard problem.
); // ---------- Variant C — Kinetic word flipper ---------- const HeroC = ({ copy }) => (
/001 · the pitch 26-04

See the

not the résumé.

{copy.sub}

Join the pilot For employers
{/* Ticker line */}
); window.HeroA = HeroA; window.HeroB = HeroB; window.HeroC = HeroC;