// tamara-body.jsx — Tamara Lifestyle body sections. // // Layout vocabulary: editorial magazine spread. Each section opens // with a numbered flag ("01 / VOICE", "02 / ENVIRONMENT", "03 / // LEVEL II · APPLY") so the page reads as a sequenced spread rather // than a stacked column of marketing blocks. The vocabulary is the // same across all three palette artboards on the design canvas; // what changes is the chamber color and the accent. // // Page sequence (per the brief): // 01 Editorial intro paragraph — ivory // 02 Where pivots are happening — environment, recognition-first // 03 Level II · The Founding 21 — offer, deep chamber // // 02 is placed BEFORE 03 because Tamara's conversion mechanism is // recognition: she has to see herself in the world before she's // invited to commit to the offer. The page flow is see her world → // see herself in it → receive the offer. // ───────────────────────────────────────────────────────────── // A · The Tech Lifestyle space — section 2. Mirrors the Brenda // Builder's Lab editorial pattern beat-for-beat: full-bleed // photograph with the section title set in display serif at its // lower edge, body copy on the navy ground, hairline destination // box closing the section. The pattern is the system's; here it // is dressed in Tamara's locked Navy + Bronze chamber. // // Photograph: the loft interior with floor-to-ceiling windows // onto the Atlanta skyline and a wall-mounted display carrying // the LIVING DIGITALLY wordmark — the literal space where the // pivot gets recognized as work. // ───────────────────────────────────────────────────────────── const TamaraIntro = () => (
{/* ── 1. Photograph — full-bleed, with the section title set in display serif italic at the lower edge of the image on a navy-fading scrim, exactly as the Builder's Lab pattern renders it. The bronze period at the end of the title is Tamara's signature stamp (matches the "Tamara." nameplate on the hero). */}
The Tech Lifestyle space — a sun-lit Atlanta loft with floor-to-ceiling windows onto the downtown skyline, white-brick walls, polished concrete floor, a glass table catching the afternoon light, and a wall-mounted display carrying the LIVING DIGITALLY wordmark above a residential photograph. {/* Bottom-of-image scrim so the title stays legible no matter where the photo is cropped on small screens. */} {/* ── 2. Body copy — pearl on navy. The replacement paragraph is broken into two stanzas at the natural pivot ("Every Resident walks in…") so the cohort line lands rather than being buried mid-paragraph. Same editorial rhythm as the Builder's Lab excerpt. */}

Living Digitally™{' '} is the space where the pivot gets recognized as work. The transferable skills you've already built become the infrastructure for what's next.

Every Resident walks in and immediately receives the{' '} Core Curriculum.{' '} The seven-day live cohort inside The Tech Lifestyle is where you start trying something new in the company of women doing the same.

{/* Bronze hairline + "By the end of the seven days…" signature paragraph were removed per direction — the destination box now follows the body copy directly, with a single short bronze rule as the only beat between them. Keeps the section tight; no dead space. */}
{/* ── 3. Destination box — hairline aqua frame, aqua serif title, small-caps subtitle in pearl. Mirrors the Builder's Lab CTA card beat-for-beat (the pattern is the system's). The box is a callout, not a button — the click target is implicit; the BAND app is where you actually walk in. */} { e.currentTarget.style.background = 'rgba(95,224,230,0.08)'; e.currentTarget.style.borderColor = 'var(--ld-aqua)'; }} onMouseLeave={(e) => { e.currentTarget.style.background = 'rgba(95,224,230,0.04)'; e.currentTarget.style.borderColor = 'rgba(95,224,230,0.55)'; }}>
Living Digitally™ Tech Lifestyle
By appointment + open hours in the Band app
); // ───────────────────────────────────────────────────────────── // B · "Where pivots are happening" — environment section. The // Atlanta Reinvention Archive image sits as the chamber: empty // room, glass desk, certifications, the sculptural object, the // skyline through the window. The figure (Tamara) is absent here // — this is the room she walks into, not her portrait. // // Recognition-first placement: this section is BEFORE the offer. // The visitor sees the cities, sees the chamber, then receives // the offer. // ───────────────────────────────────────────────────────────── const TAMARA_CITIES = [ { city: 'Atlanta', state: 'GA' }, { city: 'Charlotte', state: 'NC' }, { city: 'Birmingham', state: 'AL' }, { city: 'Memphis', state: 'TN' }, ]; const TamaraEnvironment = () => (
02 / Environment
{/* Full-bleed photo with the section title settled at the bottom of the image on a scrim. Same pattern as the Brenda Legacy Library — keeps the system reading as one across Lifestyles, with the photograph carrying the sectional weight. */}
The Atlanta Reinvention Archive — an empty corner office on a high floor, white-brick wall, polished concrete floor, glass desk holding a stack of navy-bound certifications and a small sculptural object, with the Atlanta skyline framed by floor-to-ceiling windows. {/* The cities — set as a four-line stanza with state codes in the accent color. Reads as an editorial map. Each city on its own line; the editorial weight comes from the scale + the hairline rules between, not from numbered bullets or icons. */}
{TAMARA_CITIES.map((c, i) => (
{c.city} {c.state}
))}

Cities full of women in the middle of becoming.

{/* Body — three editorial sentences. The "retail manager / single mother / professional in her forties" rhythm is preserved from the brief, with each archetype set as a separate line so the cadence reads as a roll-call rather than a list. */}

The retail manager opening her own consulting practice. The single mother adding a contract income while her teenager finishes high school. The professional in her forties pivoting into something she couldn't name a year ago. The woman who knows she's smart, knows she has experience, and is finally adding the digital vocabulary to carry it forward.

{/* Closing italic — the recognition statement. Lifted off the paragraph with a hairline rule above so it reads as the chapter close, not as part of the previous prose. */}

Living Digitally™ is not a course for people starting from zero. It is the recognition that your skills are{' '} transferable {' '}— and the infrastructure to make them visible in the next chapter.

); // ───────────────────────────────────────────────────────────── // C · Level II · The Founding 21 — the offer chamber. Set on // --t-structure (the deep ground) so it reads as a serious moment // of decision. Mirrors Brenda's Level I bridge skeleton beat-for- // beat (intro with accent-keyed phrases → section tag → giant // numeral → italic display headline → accent left-rule pull-quote // → body → italic finale with "One Culture." in aqua → aqua // pillow CTA → italic underline tertiary), tuned for Level II. // ───────────────────────────────────────────────────────────── const TamaraLevelII = () => (
{/* Three-bar palette-chamber band + "03 / Level II · Apply" flag and its rule line were removed per direction. The section now opens directly into the intro paragraph and bleeds out of the navy intro above with the soft gradient below — no hard label, no horizontal rule. */} {/* Top-bleed band — a 28px strip that extends ABOVE the section's top edge, fading from transparent into this section's teal ground. The result: a soft, gradient transition between the navy intro and the teal Level II chamber, rather than a hard color cut. Same trick is used on the founder's-note and cross-nav sections below so the whole page reads as a continuous editorial flow. */}
); Object.assign(window, { TamaraIntro, TamaraEnvironment, TamaraLevelII });