// jasmine-hero.jsx — Two hero treatments inside the "Tech Meets Fashion Editorial" // concept, dialed warm. Both lead with the same voice line; A leads with type, // B leads with the Houston Creator's Lab photograph. // ───────────────────────────────────────────────────────────── // JasmineHeroA — Type-led. Pearl ground. Display drives the section. // Voice line carried inside the hero as supporting attribution. // ───────────────────────────────────────────────────────────── const JasmineHeroA = () => (
{/* Editorial dateline — centered name + role/location */}
Jasmine
The Builder · Houston, TX
{/* Display headline — three-beat with aqua punctuation */}

Build · the
machine.

{/* Voice line as supporting attribution */}

Your vision isn't the problem.
Your systems are.

{/* Body */}

Living Digitally™ builds professional digital systems for people building real businesses. Not tip sheets. Not motivation. The actual machine — your prompts, your planner, your tracker, your workflow — tuned to the operation you're already running.

{/* CTAs */}
Become a Resident → Tour the Builder's Lab
{/* Editorial portrait sliver — small, framed in hairline */}
On the cover
Jasmine · The Builder
Houston, TX · Candle business + customer service ops
); // ───────────────────────────────────────────────────────────── // JasmineHeroB — Editorial cover treatment. // The page reads as Living Digitally™'s own magazine cover with Jasmine as the // cover subject. The Tech Meets Fashion Editorial concept rules: cream ground, // editorial framing on all four corners, masthead-style title, a portrait slot // (image-slot lets Lacey drop in the rendered editorial portrait), and the // voice line set as Cormorant display copy beneath the photograph. The CTA is // editorial small caps — no pillow button, no salesy chrome. Mobile-first. // // Photograph: the image-slot below carries a placeholder until Lacey drops in // the rendered editorial portrait. The Midjourney prompt for that photograph // is in notes.html. The Creator's Lab is deliberately NOT in this hero. // ───────────────────────────────────────────────────────────── const JasmineHeroB = () => (
{/* ── Editorial framing · TOP ROW ───────────────────────────── */} {/* Dateline + issue identifier removed. The cover-as-magazine conceit is now carried entirely by the masthead + photograph beneath. A single aqua glyph holds the top of the page — quiet, centered. */}
✦
{/* ── Cover masthead ───────────────────────────────────────── */} {/* "Living Digitally™" wordmark removed in favor of a Builder-specific slogan that doubles as the masthead. Stacked: a small editorial "FOR" kicker, then the audience name set in display italic. This reads as a magazine cover dedicated to one woman: the Builder who is already building. */}
For

The Builder

Who's already building.
{/* ── The cover photograph ─────────────────────────────────── */} {/* The rendered editorial portrait — Jasmine at her laptop, downtown skyline through the window, the TAOLD Alchemy Cards bundle on the desk. Aspect 3:4 portrait per fashion-editorial convention. */}
Jasmine — Houston Creator's Lab cover portrait. The Builder at her laptop with skyline beyond, Living Digitally Alchemy Cards on the desk. {/* Soft scrim only at the bottom so the cover line stays legible without flattening the photograph above it. */}
{/* Cover line overlay — the single coverline that anchors the photo. "Cover ·" kicker removed; the portrait reads as the cover by virtue of its placement and crop, no label required. */}
Jasmine.
{/* ── Hairline rule under the cover photograph ─────────────── */}
{/* ── Typographic statement ───────────────────────────────── */} {/* Rewritten to lead with painpoints, not internal monologue. The Builder isn't whispering to herself about vision; she's drowning in tools, contradictory advice, and infrastructure she was never taught. Headline names the gap. Inventory names the pain. Bridge paragraph names what Living Digitally™ actually does about it. */}

You have the vision.
You have the skill.
You have the tools.

No one taught you
the system.

{/* Painpoint inventory removed per direction. The headline above and the bridge paragraph below now carry the message on their own — named symptoms have been pulled, leaving the editorial voice. */} {/* Bridge — what Living Digitally™ actually does about it. Italic display pull line + a single body paragraph. No platform-speak. */}

You don't need more advice.
You need a system you can repeat.

Living Digitally™ is the guidance that connects what you already know into one operation that actually launches — and re-launches, and scales. Domain, hosting, funnel, workflow, AI woven in. Taught in the language of the business you're actually building, by a Founder who built one first.

{/* ── CTA · Editorial small caps · No pillow ───────────────── */} {/* Primary CTA names the transformation, not the product SKU. The eyebrow above keys the move from "side hustle baddie" to operator. Tertiary CTA still routes to the Houston Creator's Lab tour. */}
From side hustle baddie
To Queen of Systems →
Learn to turn the skills, the tools, and the knowledge you already have into a scalable system that runs effortlessly.
{/* Tertiary CTA — Houston Creator's Lab exploration */} Explore the Builder's Lab
{/* Hero ends here — the "The Tech Lifestyle · Taught / Living Digitally™" bottom-row was removed per direction. The next section opens directly underneath. */}
); // ───────────────────────────────────────────────────────────── // VoiceLineBreak — between Hero and Product Showcase. Editorial pull // quote, italic Cormorant, generous whitespace. The voice line as anchor. // ───────────────────────────────────────────────────────────── const VoiceLineBreak = ({ variant }) => (
From Living Digitally™ to the Builder

Your vision isn't the problem.
Your systems are.
Let's build the machine.

); Object.assign(window, { JasmineHeroA, JasmineHeroB, VoiceLineBreak });