// tamara-hero.jsx — Tamara Lifestyle hero. // // Visual register: formal-fashion editorial. The hero is composed // as a magazine spread: a full-bleed portrait at the top with // quiet editorial flags overlaid (issue tag, photo credit), then // the voice line set BELOW the photograph in display italic — the // way a Vogue/Numéro cover lets the photograph carry the room and // the type pick it up underneath. // // Why type lives below, not on, the photograph: Tamara's portrait // is dense — figure on the right, Atlanta skyline + glass desk on // the left. Overlaying the voice line on top of that composition // would compete with the photograph and force a heavy scrim. The // editorial move is to let the photograph breathe and let the // type echo it underneath, with only the small editorial flags // (date, credit) on the image itself. // // Voice-line treatment (decided): "You're not starting over." is // set in display italic, in the editorial accent color — the // chamber tone (oxblood / teal / bronze) does the work of voice // without needing a colored block. The follow-line is set in // regular weight, ink color — the assertion that follows the // negation lands on the page as the assertion does in the voice. // // CTA pattern (decided — best take): "From woman in motion" as // small-caps aqua eyebrow, "To one of The Founding 21" as the // underlined editorial headline with arrow. Same skeleton as // Brenda's hero CTA — keeps the system reading as one. // ───────────────────────────────────────────────────────────── // Editorial flag — the small-caps detail that lives on a real // magazine cover. Used in the hero overlay (image-mounted flags) // and in the body sections (label rail). Inherits palette tokens. // ───────────────────────────────────────────────────────────── const TFlag = ({ children, color, style }) => ( {children} ); // ───────────────────────────────────────────────────────────── // TamaraHero — full-bleed portrait + cover-line type below. // ───────────────────────────────────────────────────────────── const TamaraHero = () => (
{/* The magazine cover band (issue tag, sparkle, lifestyle stamp) and the on-portrait "Tamara · 41 · Atlanta" overlay were removed per direction — the photograph now opens the page without editorial flags on top. */} {/* ─── The portrait — full-bleed, unframed. The new billboard photograph carries its own context (the wordmark and the lifestyle promise are already in the image), so we let it breathe instead of stacking small-caps flags on top. */}
Tamara on a rain-slick city street at dusk, walking past a Living Digitally™ billboard that carries her own portrait. Sand-tan trench coat over a black mock-neck and black leather trousers; gold chain, gold hoops; natural curls. Wet pavement reflects the city; a green double-decker bus and a green sidewalk standee with the wordmark anchor the frame. {/* ─── Name plate overlay — "Tamara." in pearl serif italic, set bottom-left over the photograph, mirroring the Brenda lifestyle treatment so the five-lifestyle set reads as a series. Drop-shadow keeps it legible on the variable pavement / signage behind her. The trailing period is part of the editorial signature. */}
{/* ─── 3. The voice-line block. Lives on the ivory ground directly beneath the photograph, with the editorial small-caps masthead at the top and the negation/assertion pair as the main display. */}
{/* Masthead rule — was a three-part split (aqua tick · "The Tech Lifestyle · Vol. I" label · line) but the label was removed per direction. What remains is a single solid hairline running the full width above the voice line, using the same line color the broken half used so the page rhythm is preserved. */}
{/* The voice line — pull-apart typesetting. */}

You're not starting over. You're aligning what you've already built with who you are becoming.

{/* Editorial subtitle — single sentence, sets up the conversion mechanism without explaining it. Set in Garamond italic so it visually echoes the headline rather than reading as marketing body. */}

Living Digitally™ is the platform where the pivot is recognized as reconnection. Renewed purpose gets infused into the transferable skills already in your hands, and the way you live begins to match the woman writing the next chapter.

{/* CTA block — "From woman in motion" eyebrow → "To one of The Founding 21" underlined headline + arrow. Same skeleton as Brenda's hero CTA so the system reads as one across all five Lifestyles. */}
From Woman Reinventing to....
1 of the Founding 21 →
{/* Tertiary — italic underline link, with a matching plain-text line stacked beneath it. The second line is styled identically to the first (same font, italic, size, color) but is NOT underlined and NOT hyperlinked — it reads as a quiet subtitle clarifying what the platform is. */}
Explore The Founder's Loft
Private Learning
Community
); Object.assign(window, { TamaraHero, TFlag });