// yueva-app.jsx — YUEVA homepage (validation-focused) const { useState, useEffect, useRef, useMemo } = React; /* ---------------------------------------------------------- Analytics scaffold — gated by cookie consent. All event names match the validation spec. ---------------------------------------------------------- */ const ANALYTICS_QUEUE_KEY = 'yueva_analytics_queue'; const CONSENT_KEY = 'yueva_consent_v1'; const VARIANT_KEY = 'yueva_page_variant'; const TOPIC_ORDER_KEY = 'yueva_topic_order_v1'; // External Typeform that delivers the Hormone & Biomarker Guide. // All site CTAs that say "Get the guide" open this in a new tab. const TYPEFORM_GUIDE_URL = 'https://form.typeform.com/to/nhtRYylO'; // External Cal.eu page for booking the 45-min Clarity Session. // All site CTAs that say "Book a Clarity Session" open this in a new tab. const CLARITY_BOOKING_URL = 'https://cal.eu/yueva/45minclaritysession'; // TODO: Replace with real measurement ID once legal review of analytics is complete. const TODO_GA_MEASUREMENT_ID = 'G-XXXXXXXXXX'; function getPageVariant() { let v = localStorage.getItem(VARIANT_KEY); if (!v) { v = 'v1-launch'; try {localStorage.setItem(VARIANT_KEY, v);} catch {} } return v; } /* ---------------------------------------------------------- UTM capture (Newzapiens campaign) — persists to localStorage and attaches to every tracked event. ---------------------------------------------------------- */ const UTM_KEYS = ['utm_source', 'utm_medium', 'utm_campaign', 'utm_content', 'utm_term']; const UTM_STORAGE_KEY = 'yueva_utm_v1'; function captureUtms() { try { const url = new URL(window.location.href); const fresh = {}; let anyFound = false; UTM_KEYS.forEach((k) => { const v = url.searchParams.get(k); if (v) {fresh[k] = v;anyFound = true;} }); if (anyFound) { fresh.first_seen = Date.now(); localStorage.setItem(UTM_STORAGE_KEY, JSON.stringify(fresh)); return fresh; } const cached = localStorage.getItem(UTM_STORAGE_KEY); return cached ? JSON.parse(cached) : {}; } catch {return {};} } function getUtms() { try { const cached = localStorage.getItem(UTM_STORAGE_KEY); return cached ? JSON.parse(cached) : {}; } catch {return {};} } function track(event, params = {}) { const utms = getUtms(); const fullParams = { ...params, ...utms, page_variant: getPageVariant() }; const payload = { event, params: fullParams, ts: Date.now() }; // Vercel Web Analytics — privacy-friendly (no cookies, no PII). // Fires regardless of consent state. Custom events use window.va('event', {...}). // The Vercel script (loaded in the HTML) shims window.va before it loads, // so calls made early are queued automatically. if (typeof window !== 'undefined' && typeof window.va === 'function') { try { // Vercel expects a flat object; coerce non-primitive values to strings. const flat = { name: event }; Object.entries(fullParams).forEach(([k, v]) => { if (v == null) return; flat[k] = typeof v === 'object' ? JSON.stringify(v) : v; }); window.va('event', flat); } catch {} } // Cookie-based providers (none yet) — still consent-gated and queued. const consent = readConsent(); if (!consent.analytics) { try { const q = JSON.parse(sessionStorage.getItem(ANALYTICS_QUEUE_KEY) || '[]'); q.push(payload); sessionStorage.setItem(ANALYTICS_QUEUE_KEY, JSON.stringify(q)); } catch {} return; } // Future providers (e.g. GA4) would fire here once consent is given. // window.gtag && window.gtag('event', event, fullParams); console.info('[yueva:track]', event, fullParams); } function flushQueuedAnalytics() { try { const q = JSON.parse(sessionStorage.getItem(ANALYTICS_QUEUE_KEY) || '[]'); q.forEach((e) => console.info('[yueva:track:flushed]', e.event, e.params)); sessionStorage.removeItem(ANALYTICS_QUEUE_KEY); } catch {} } function readConsent() { try { const raw = localStorage.getItem(CONSENT_KEY); if (!raw) return { decided: false, analytics: false, marketing: false }; return JSON.parse(raw); } catch { return { decided: false, analytics: false, marketing: false }; } } function writeConsent(consent) { try { localStorage.setItem(CONSENT_KEY, JSON.stringify({ ...consent, decided: true, ts: Date.now() })); } catch {} } /* ---------------------------------------------------------- Logo (SVG, matches styleguide: crescent + 3 ascending dots) ---------------------------------------------------------- */ /* ---------------------------------------------------------- Logo — real YUEVA marks (inlined SVG paths, currentColor) ---------------------------------------------------------- */ function LogoIcon({ size = 22 }) { // viewBox 35.77 × 35.77 — circle + 3 ascending dots return ( ); } function LogoWordmark({ height = 18 }) { // viewBox 137.30 × 53.88 — YUEVA + LONGEVITY descriptor const width = 137.3033061 / 53.8764648 * height; return ( ); } function Logo({ size = 'nav' }) { // nav: wordmark only, larger for legibility // lg: full vertical lockup (icon stacked above wordmark) — used in footer if (size === 'lg') { return ( ); } return ( ); } /* ---------------------------------------------------------- Navigation ---------------------------------------------------------- */ function Nav() { const [menuOpen, setMenuOpen] = useState(false); const close = () => setMenuOpen(false); // Lock body scroll + Escape-to-close while the drawer is open. useEffect(() => { if (!menuOpen) return; const onKey = (e) => { if (e.key === 'Escape') close(); }; const prevOverflow = document.body.style.overflow; document.body.style.overflow = 'hidden'; window.addEventListener('keydown', onKey); return () => { window.removeEventListener('keydown', onKey); document.body.style.overflow = prevOverflow; }; }, [menuOpen]); return (
YUEVA Longevity {/* Desktop nav — hidden under the burger breakpoint via CSS */} {/* Mobile burger toggle — only visible under the breakpoint */}
{/* Mobile drawer + scrim. Hidden on desktop via CSS. */}
); } /* ---------------------------------------------------------- Hero ---------------------------------------------------------- */ const HERO_HEADLINES = { navigate: 'Is this normal, or is it my hormones?', important: 'Your 30s are not too early to understand your hormones.', structured: 'Before you test everything, know what is worth asking for.' }; function Hero({ headlineKey, onPrimary, onSecondary }) { const headline = HERO_HEADLINES[headlineKey] || HERO_HEADLINES.navigate; return (
{/* TYPE FIX — inline color/margin removed; styled via .hero .hero-eyebrow */}

WOMEN’S LONGEVITY INTELLIGENCE

{headline}

{/* TYPE FIX — inline fontSize:19px / inline color removed; uses --fs-body-l */}

YUEVA helps women in their 30s and 40s make sense of hormones, biomarkers, fertility, energy, metabolism, and cycle changes. Evidence-informed guides and physician-led sessions.

Book a Clarity Session {/* Hero secondary routes to the Guide landing page (not the Typeform directly), matching the Nav CTA. */} Get the Hormone & Biomarker Guide
  • CERTIFIED WOMEN’S HEALTH COACHES
  • DOCTOR CO-FOUNDER & GYNECOLOGIST NETWORK
  • EVIDENCE-INFORMED & PHYSICIAN-REVIEWED
  • BUILT EXCLUSIVELY FOR WOMEN IN EUROPE
Editorial portrait — woman smiling in warm natural light
{/* Two identical tracks back-to-back create the seamless loop */} {[0, 1].map((dup) =>

30s and 40s

Hormones, biomarkers, fertility

Free

Hormone & Biomarker Guide

€89

Clarity Session entry point

MD-reviewed

Educational, not medical advice

)}
); } /* ---------------------------------------------------------- Symptom recognition ---------------------------------------------------------- */ const SYMPTOM_CLUSTERS = [ { id: 'cycle', label: 'Cycle and fertility', image: 'assets/symptom-cycle.png', imageAlt: 'Ovarian ultrasound — clinical reference', items: ['Irregular or shifting cycles', 'PMS getting heavier with age', 'Fertility planning questions', 'Egg freezing decisions'] }, { id: 'energy', label: 'Energy & Metabolism', image: 'assets/symptom-energy.png', imageAlt: 'Mitochondria — clinical illustration of cellular energy', items: ['Fatigue that sleep does not fix', 'Weight changes without diet changes', 'Cravings, brain fog, cold hands', 'Thinning hair or low resilience'] }, { id: 'stress', label: 'Stress and sleep', image: 'assets/symptom-stress.png', imageAlt: 'Low heart-rate variability trend — clinical wearable data', items: ['Wired but tired all day', '2 to 4 AM wake-ups, racing thoughts', 'Anxiety with no clear trigger', 'Lowered libido and motivation'] }, { id: 'skin', label: 'Skin, Hair, & Androgens', image: 'assets/symptom-skin.png', imageAlt: 'Macro view of skin surface — clinical reference', items: ['Adult acne, oily skin shifts', 'New facial hair or hairline changes', 'Scalp thinning', 'PCOS questions on the table'] }]; function SymptomSection({ onGuide }) { const [active, setActive] = useState(0); const stageRef = useRef(null); const total = SYMPTOM_CLUSTERS.length; const goTo = (i) => setActive((i + total) % total); // Keyboard navigation when the stage is focused useEffect(() => { const stage = stageRef.current; if (!stage) return; const onKey = (e) => { if (e.key === 'ArrowLeft') {e.preventDefault();goTo(active - 1);} else if (e.key === 'ArrowRight') {e.preventDefault();goTo(active + 1);} }; stage.addEventListener('keydown', onKey); return () => stage.removeEventListener('keydown', onKey); // eslint-disable-next-line react-hooks/exhaustive-deps }, [active]); return (
{/* TYPE FIX — inline width:750px / textAlign:justify removed. Now uses .symptom-head__lede class for spacing. */}

SYMPTOM RECOGNITION

Your symptoms deserve a structured explanation.

Fatigue, irregular periods, brain fog, weight changes, or 3 AM wake-ups are often explained away as stress, age, or a busy life. But when these signals repeat or appear together, they deserve a more structured look.

YUEVA helps you map your symptoms, cycle context, hormone questions, biomarkers, fertility goals, metabolism, and lifestyle factors, so you can prepare better questions, avoid guesswork, and choose your next step with more clarity.

Free. Educational. Built around what is worth asking before you test.

{SYMPTOM_CLUSTERS.map((c, i) => { // Signed shortest distance on the ring, so wrap-around feels continuous let offset = i - active; if (offset > total / 2) offset -= total; if (offset < -total / 2) offset += total; const isActive = offset === 0; return (
!isActive && goTo(i)} style={{ '--offset': offset }}> {c.imageAlt}
); })}
    {SYMPTOM_CLUSTERS.map((c, i) =>
    2. )}
); } /* ---------------------------------------------------------- Problem ---------------------------------------------------------- */ function ProblemSection() { return (

THE GAP

Most women aren’t getting the hormone and biomarker insights they deserve.

{/* TYPE FIX — inline fontSize/color/text-align removed; left-aligned per styleguide */}
If something has changed, you deserve a structured way to understand what’s really happening, and what is actually worth testing.

Women in their 30s and 40s are often told their symptoms are stress, age, or normal. The symptoms are real. So are the costs of acting on guesswork: random tests, unhelpful supplements, dismissed appointments, or lost time.

YUEVA helps you map your symptoms, cycle context, fertility goals, and biomarker priorities. You walk into your next clinical appointment with structured questions and a clearer sense of what to ask and what is worth testing.

{/* TYPE FIX — inline fontSize:18 / color / textAlign:justify removed. Styling now lives in .problem-callout. */}
);} /* ---------------------------------------------------------- Topic cards ---------------------------------------------------------- */ const TOPIC_DATA = { 'perimenopause-hormone-navigation': { id: 'perimenopause-hormone-navigation', eyebrow: 'Path 01 · Perimenopause', title: 'Perimenopause & Hormone Navigation', copy: 'Sleep changes, mood shifts, energy crashes, irregular cycles, and brain fog often arrive together. We help you track what’s happening, understand your options, and prepare clear questions for your clinician.', best: 'women in their late 30s to 50s who want to feel like themselves again and stop navigating these changes alone.', cta: 'paid', photo: 'photo-peri', photoLabel: 'Editorial · thoughtful · natural light · late 30s–early 50s' }, 'thyroid-autoimmune-metabolic': { id: 'thyroid-autoimmune-metabolic', eyebrow: 'Path 02 · Thyroid & Metabolism', title: 'Thyroid, Autoimmune & Metabolic Balance', copy: 'Hashimoto’s, unexplained weight changes, crushing fatigue, and overlapping symptoms are frequently dismissed. We help you map your personal picture and build supportive lifestyle protocols.', best: 'women dealing with thyroid issues, autoimmune overlap, or persistent fatigue and metabolic changes.', cta: 'paid', photo: 'photo-bio', photoLabel: 'Quiet · notebook · clinic-adjacent · self-aware' }, 'lifestyle-longevity-protocols': { id: 'lifestyle-longevity-protocols', eyebrow: 'Path 03 · Longevity', title: 'Lifestyle & Longevity Protocols', copy: 'Evidence-informed coaching on sleep optimization, mood support, movement, nutrition, and daily habits tailored to women in perimenopause and beyond.', best: 'women who want practical, sustainable tools for long-term vitality and feel overwhelmed by generic advice.', cta: 'paid', photo: 'photo-egg', photoLabel: 'Daily rituals · sleep, movement, nutrition' }, 'fertility-transition-prep': { id: 'fertility-transition-prep', eyebrow: 'Path 04 · Fertility transition', title: 'Fertility Transition & Egg-Freezing / IVF Prep', copy: 'Whether you are considering egg freezing, preparing for IVF, or mapping your options as cycles change. We help you organize the information and prepare for confident conversations with fertility specialists.', best: 'women who want structured preparation and clarity before speaking with fertility specialists.', cta: 'paid', photo: 'photo-ivf', photoLabel: 'Calm · planning · clinic-adjacent' } }; const FIXED_ORDER = [ 'perimenopause-hormone-navigation', 'thyroid-autoimmune-metabolic', 'lifestyle-longevity-protocols', 'fertility-transition-prep']; function getTopicOrder(randomize) { if (!randomize) return FIXED_ORDER; try { const cached = localStorage.getItem(TOPIC_ORDER_KEY); if (cached) return JSON.parse(cached); } catch {} // Persistent visitor-level shuffle const arr = [...FIXED_ORDER]; for (let i = arr.length - 1; i > 0; i--) { const j = Math.floor(Math.random() * (i + 1)); [arr[i], arr[j]] = [arr[j], arr[i]]; } try {localStorage.setItem(TOPIC_ORDER_KEY, JSON.stringify(arr));} catch {} return arr; } function TopicCard({ topic, position, ivfMode, onPaid, onWaitlist, onGuide }) { const ref = useRef(null); // Fire topic_card_impression when card enters viewport (once) useEffect(() => { if (!ref.current) return; const io = new IntersectionObserver( (entries) => { entries.forEach((e) => { if (e.isIntersecting) { track('topic_card_impression', { topic: topic.id, position }); io.disconnect(); } }); }, { threshold: 0.4 } ); io.observe(ref.current); return () => io.disconnect(); }, [topic.id, position]); // IVF can be flipped to waitlist via Tweaks const ctaMode = topic.id === 'fertility-transition-prep' && ivfMode === 'waitlist' ? 'waitlist' : topic.cta; const ctaCopy = ctaMode === 'waitlist' ? 'Join expert-led waitlist' : 'Book €89 clarity session'; const handleCTA = () => { track('topic_card_click', { topic: topic.id, cta_type: ctaMode, position, button_copy: ctaCopy }); if (ctaMode === 'waitlist') { onWaitlist(topic); } else { // Booking now goes directly to the external Cal.eu URL. window.open(CLARITY_BOOKING_URL, '_blank', 'noopener,noreferrer'); } }; return (
{topic.photoLabel}
{ctaMode === 'waitlist' ? 'Waitlist' : 'Paid now · €89'}

{topic.eyebrow}

{topic.title}

{topic.copy}

Best for: {topic.best}

{topic.micro && }
{ctaMode === 'waitlist' ? 'Pilot pending' : '45 min · €89'}
); } /* ---------------------------------------------------------- Dedicated Clarity Session block ---------------------------------------------------------- */ const CLARITY_BEST_FOR = [ 'Women planning fertility decisions or egg freezing', 'Women with fatigue, brain fog, weight changes, or low libido', 'Women with cycle changes, PMS, or irregular periods', 'Women with existing lab results who do not know what to ask next', 'Women who feel dismissed but do not want generic wellness advice']; const CLARITY_DELIVERABLES = [ { included: 'A structured symptom and goal summary', means: 'We organize the patterns you described.' }, { included: 'Your top priority areas', means: 'The 2 to 3 themes that seem most important to clarify next.' }, { included: 'A doctor discussion list', means: 'Questions to bring to your clinician or lab appointment.' }, { included: 'A biomarker and testing preparation checklist', means: 'What to prepare before testing, depending on your situation.' }, { included: 'A clear next step', means: 'Whether to test, track, wait, prepare, or escalate.' }]; function ClaritySection({ onApply }) { const ref = useRef(null); useEffect(() => { if (!ref.current) return; const io = new IntersectionObserver((entries) => { entries.forEach((e) => { if (e.isIntersecting) {track('clarity_section_view', {});io.disconnect();} }); }, { threshold: 0.3 }); io.observe(ref.current); return () => io.disconnect(); }, []); return (

PAID ENTRY OFFER

Book a Clarity Session

{/* TYPE FIX — inline fontWeight removed; routed through class */}

45 minutes · structured intake · written Clarity Summary

A focused session for women who want to make sense of symptoms, cycle changes, fertility questions, energy, metabolism, or biomarker confusion before their next health decision. We help you organize what you know, identify what is unclear, and prepare better questions for your clinician.

Coach-delivered. Physician-reviewed method. Doctor support available where appropriate.

€89 45 MINUTES · FOUNDING PRICE · ONLY A FEW SPOTS REMAIN EACH MONTH.

Book Your Clarity Session Get the free Hormone & Biomarker Guide

LIMITED SPOTS AVAILABLE EACH MONTH AT THIS INTRODUCTORY RATE. SECURE YOUR CLARITY SESSION BEFORE THE PRICE INCREASES.

You leave with

{CLARITY_DELIVERABLES.map((d) => )}
Included What it means
{d.included} {d.means}

Best for

    {CLARITY_BEST_FOR.map((d) =>
  • {d}
    • )}
); } function TopicsSection({ randomize, ivfMode, onPaid, onWaitlist, onGuide }) { const order = useMemo(() => getTopicOrder(randomize), [randomize]); return (

03 / Coaching paths

Four coaching paths. One clinical method.

Each Clarity Session is a 45-minute call with a certified health coach. You leave with a structured decision map, a starter lifestyle protocol, and a clear question list for your clinician. Sessions are research-led, physician-reviewed, and non-medical by design.

{order.map((id, i) => )}
); } function ScopeNote() { const ref = useRef(null); useEffect(() => { if (!ref.current) return; const io = new IntersectionObserver((entries) => { entries.forEach((e) => { if (e.isIntersecting) { track('scope_disclaimer_view', {}); io.disconnect(); } }); }, { threshold: 0.6 }); io.observe(ref.current); return () => io.disconnect(); }, []); return (

Scope. YUEVA Clarity Sessions are health-coaching sessions. They are educational and navigational and do not provide diagnosis, treatment, prescribing, or individualized medical advice. They help you understand your options, build supportive lifestyle protocols, and prepare clinical questions for licensed clinicians.

); } /* ---------------------------------------------------------- How it works ---------------------------------------------------------- */ const STEPS = [ { n: '01', t: 'Choose your path', c: 'Tell us where you are. Perimenopause, thyroid, longevity, or fertility transition.' }, { n: '02', t: 'Pre-call intake', c: 'A short clinical questionnaire so the session focuses on your physiology, not generic advice.' }, { n: '03', t: '45-minute Clarity Session', c: 'A research-led call with a certified health coach. We organize what you know and map what is next.' }, { n: '04', t: 'Your decision map', c: 'Leave with a structured decision map, a starter protocol, and clinical questions for your doctor.' }]; /* ---------------------------------------------------------- Journey ladder — Free Guide → Clarity → 1:1 → Community/Retreats ---------------------------------------------------------- */ const JOURNEY = [ { n: '01', pill: 'Free', title: 'Free Longevity Guide + Community', copy: 'Research-led starting point for perimenopause, thyroid, and longevity decisions. Includes optional access to our private DACH community on WhatsApp and Lu.ma.', cta: 'Start free', href: '#guide' }, { n: '02', pill: '€89', title: 'Clarity Session', copy: '45-minute research-led Clarity Session delivered by experienced, certified health coaches. Structured decision map and written Clarity Summary included.', cta: 'Book Clarity Session', href: '#topics' }, { n: '03', pill: '€399–599', title: '1:1 Health Coaching Package', copy: 'Personalized lifestyle protocol for sleep, mood, metabolism, and thyroid balance. Follow-up calls and structured accountability across six weeks.', cta: 'See packages', href: '#topics' }, { n: '04', pill: 'Members', title: 'Ongoing Community and Retreats', copy: 'Member community and quarterly retreats in Provence and Mallorca. Long-form coaching for women already inside the YUEVA method.', cta: 'Explore retreats', href: '#guide' }]; function JourneySection() { return (

04 / The YUEVA method

From clarity to lasting confidence. At your own pace.

Four steps. No contracts. No upsell pressure. Start anywhere. Move as life changes.

    {JOURNEY.map((j, i) =>
  1. {j.n} {j.pill}

    {j.title}

    {j.copy}

    {j.cta} {i < JOURNEY.length - 1 &&
    2. )}

Every step is optional. Start anywhere. Move at your pace.

); } /* ---------------------------------------------------------- Trust strip — community / sessions / retreats Notes: - All numbers below are PLACEHOLDERS. Do not publish without real audited figures. TODO: replace with real community and engagement metrics before launch. ---------------------------------------------------------- */ const TRUST_STATS = [ { num: '500+', label: 'Women in the YUEVA DACH community', accent: '500' }, { num: '€89', label: '45-minute Clarity Session. Entry point.', accent: '€89' }, { num: '2 / yr', label: 'Quarterly retreats. Provence and Mallorca.', accent: '2' }]; function TrustStrip() { return (
{TRUST_STATS.map((s) =>

{s.num.split(s.accent).map((part, i, arr) => {part} {i < arr.length - 1 && {s.accent}} )}

{s.label}

)}
); } /* ---------------------------------------------------------- Testimonials — compliant: first names + region only, no medical outcomes promised; presence-of-experience only. TODO: REPLACE with real signed/consented testimonials before launch. Do not publish placeholder quotes as real social proof. ---------------------------------------------------------- */ const TESTIMONIALS = [ { quote: 'For the first time, I walked into my gynecologist with a real list of questions. I left feeling heard.', name: 'Anneliese', region: '44 · Munich' }, { quote: 'YUEVA gave me a way to organize what I already knew about my body. The protocol was sensible and actually livable.', name: 'Sofia', region: '38 · Vienna' }, { quote: 'I had spent two years being told it was stress. One conversation here gave me language and a path I could hold on to.', name: 'Camille', region: '47 · Zürich' }]; function TestimonialsSection() { return (

IN THEIR WORDS

Women who came to us tired of being dismissed.

{TESTIMONIALS.map((t) =>
{t.quote}
{t.name} · {t.region}
)}
); } /* ---------------------------------------------------------- Clarity Session Section (replaces legacy HowItWorks) Editorial register — gold rule motif, italic display, sharp corners. Three sub-blocks: Reframe → Journey → Deliverables → CTA. All animations scroll-triggered via IntersectionObserver and respect prefers-reduced-motion. ---------------------------------------------------------- */ /* ---------------------------------------------------------- Clarity Session Section (replaces legacy HowItWorks) Reuses the site design system: Geist + IBM Plex Mono, sage accent, existing .section-eyebrow / .h-display-l / .lede / .btn classes. Three sub-blocks: Reframe → Journey (interactive) → Deliverables. All animations scroll-triggered via IntersectionObserver and respect prefers-reduced-motion. ---------------------------------------------------------- */ const CS_EASE = 'cubic-bezier(0.22, 0.61, 0.36, 1)'; // Hook: reveal on scroll. Returns a ref + visible flag. function useReveal(threshold = 0.2) { const ref = useRef(null); const [visible, setVisible] = useState(false); useEffect(() => { const node = ref.current; if (!node) return; if (typeof window !== 'undefined' && window.matchMedia && window.matchMedia('(prefers-reduced-motion: reduce)').matches) { setVisible(true); return; } const io = new IntersectionObserver( (entries) => { entries.forEach((e) => { if (e.isIntersecting) { setVisible(true); io.disconnect(); } }); }, { threshold, rootMargin: '0px 0px -8% 0px' } ); io.observe(node); return () => io.disconnect(); }, [threshold]); return [ref, visible]; } // Animated wrapper used for every reveal element. // TYPE FIX — removed `width: "1000px"` inline style; it was forcing every // CSReveal to a fixed 1000px width which clipped/overflowed sections on // any viewport narrower than 1000px and broke the type system layout. function CSReveal({ visible, delay = 0, from = 'up', distance = 20, duration = 600, style, children, ...rest }) { const map = { up: `translateY(${distance}px)`, down: `translateY(-${distance}px)`, left: `translateX(${distance}px)`, right: `translateX(-${distance}px)`, none: 'none' }; return (
{children}
); } /* ---- Sub-block 1: Reframe ---- */ function CSReframe() { const [ref, visible] = useReveal(0.2); return (

Clarity Session

You already know something is off.{' '} We help you understand what to do next.

You have read the articles. You have tracked the symptoms. You have sat in a doctor's appointment and left with more questions than answers. A YUEVA Clarity Session is not another consultation. It is a structured 45-minute conversation that organizes what you already know, identifies what is still unclear, and gives you a concrete list of next steps — including the exact questions to bring to your own physician.

); } /* ---- Sub-block 2: Journey (interactive) ---- */ const CS_JOURNEY_STEPS = [ { n: '01', title: 'Book your Clarity Session', copy: 'Find the right time for a brief call and tell us where you are.', image: 'assets/journey-step-1.png', imageAlt: 'Choosing a Clarity Session topic on the YUEVA app' }, { n: '02', title: 'Complete the pre-session intake', copy: 'A short written questionnaire so the session focuses on your situation, not generic patterns.', image: 'assets/journey-step-2.png', imageAlt: 'Scheduling a Clarity Session on the YUEVA app' }, { n: '03', title: 'Your 45-minute Clarity Session', copy: 'A structured conversation with a YUEVA navigator. We organize what you know and map what is next.', image: 'assets/journey-step-3.png', imageAlt: 'A certified YUEVA navigator on a video Clarity Session' }, { n: '04', title: 'Receive your decision summary', copy: 'A written document delivered within 24 hours. Yours to keep and bring to any appointment.', image: 'assets/journey-step-4.png', imageAlt: 'YUEVA decision summary dashboard' }]; function CSJourney() { const [headRef, headVisible] = useReveal(0.25); const [bodyRef, bodyVisible] = useReveal(0.15); const [active, setActive] = useState(0); const select = (i) => { setActive(i); }; return (

Your Journey

You already know something is off. We help you understand what to do next.

You have read the articles. You have tracked the symptoms. You have sat in a doctor's appointment and left with more questions than answers. A YUEVA Clarity Session is not another consultation. We listen first. We organize what you described and surface what is still unclear. You leave with a written summary and a concrete list of next steps and recommendations.

{CS_JOURNEY_STEPS.map((s, i) => { const isActive = i === active; return (
); })}

{CS_JOURNEY_STEPS[active].title}

{CS_JOURNEY_STEPS[active].copy}

Included. A structured symptom and goal summary · Your top 2–3 priority areas · A doctor discussion list · A biomarker and testing preparation checklist · Clear next steps (what to test, track, prepare or escalate).

); } /* ---- Sub-block 3: Deliverables ---- */ const CS_DELIVERABLES = [ { name: 'Structured symptom and goal summary', desc: 'We organize the patterns you described in your own words.' }, { name: 'Your top priority areas', desc: 'The 2–3 themes that need the most clarity right now.' }, { name: 'Doctor discussion list', desc: 'Specific questions to bring to your clinician or lab appointment.' }, { name: 'Biomarker and testing preparation checklist', desc: 'What to prepare before testing, depending on your situation.' }, { name: 'One clear next step', desc: 'Whether to test, track, wait, prepare, or escalate — and why.' }]; function CSDeliverables() { const [ref, visible] = useReveal(0.2); return (

What You Receive

Not a recommendation.{' '} A map.

We do not tell you what to do. We give you the clearest possible picture of where you are, what the evidence says about your situation, and what your most important next question is. Every Clarity Session produces the same five outputs — structured, written, and yours.

    {CS_DELIVERABLES.map((d, i) =>
  1. {d.name} {d.desc}
    2. )}
); } /* ---- CTA block ---- */ function CSCallToAction({ onApply }) { const [ref, visible] = useReveal(0.3); return (
Editorial portrait — woman in cream blazer, hand resting near her face

Ready to stop guessing?

Book a 45-minute Clarity Session for €89. No medical advice. No protocols. Just clarity.

Book a Clarity Session Get the free Hormone & Biomarker Guide

YUEVA provides educational navigation and research support only. We do not offer medical advice, diagnosis, or treatment. Always consult a qualified healthcare professional.

); } function ClaritySessionSection({ onApply }) { return (
); } /* ---------------------------------------------------------- Studies — "We study the studies so you don't have to" Curated research teasers across the four YUEVA topic areas. All summaries cite generalized peer-reviewed direction, not specific trials. TODO: link each to a proper internal summary page with full citations once research microsite is live. ---------------------------------------------------------- */ const STUDIES = [ { id: 'peri-thyroid', date: '05 / 03 / 2026', readMin: 12, headline: 'When perimenopause and thyroid dysfunction overlap: the case for paired-marker testing in women aged 35 to 50', image: 'assets/study-thyroid.jpg', imageAlt: 'Editorial black-and-white portrait — woman resting in soft light', href: 'study-peri-thyroid.html' }, { id: 'ovarian-health', date: '04 / 21 / 2026', readMin: 9, headline: 'The limits of AMH and AFC: why single-marker fertility planning misses the real clinical picture', image: 'assets/symptom-cycle.png', imageAlt: 'Ovarian ultrasound reference', comingSoon: true }, { id: 'hrt-evidence', date: '03 / 08 / 2026', readMin: 18, headline: 'Twenty years after WHI: what the updated literature now says about HRT timing, formulation, and personal risk', image: 'assets/study-hrt.jpg', imageAlt: 'Still life — water glass and hormone capsules in soft natural light', comingSoon: true }, { id: 'lifestyle-metabolic', date: '02 / 14 / 2026', readMin: 11, headline: 'Resistance training and protein dosing: how women over 35 build body composition, insulin sensitivity, and bone density', image: 'assets/study-protein.jpg', imageAlt: 'Flat lay — spoons of protein powder on marble surface' }]; function StudiesSection() { return (

EVIDENCE LIBRARY

We study the studies so you don't have to.

Curated peer-reviewed research, translated into clinical questions you can bring to your next appointment. Updated as the literature evolves.

Every summary is reviewed by our medical advisory before publication. We cite sources in each full summary.

); } /* ---------------------------------------------------------- Boundary (do / don't) ---------------------------------------------------------- */ function BoundarySection() { return (

06 / Scope

Health coaching, clearly defined.

We are certified health coaches, not clinicians. Our protocols and decision maps are developed in collaboration with and reviewed by licensed physicians. The boundaries below are how we keep coaching and medicine cleanly separated.

We help you

Structured health coaching.

  • track your symptoms and surface patterns over time,
  • build sustainable lifestyle protocols for sleep, mood, energy, and metabolism,
  • understand your options across hormones, thyroid, fertility, and longevity,
  • prepare clear, confident questions for your doctor or clinic,
  • compare paths, costs, and trade-offs without pressure,
  • make sense of research, terminology, and lab vocabulary.
We do not

Practice medicine.

  • diagnose any condition,
  • prescribe medication, hormones, or supplements,
  • provide individualized medical advice,
  • replace your doctor, gynecologist, or endocrinologist,
  • order tests or interpret labs as medical conclusions,
  • provide emergency or acute care,
  • recommend HRT or treatment protocols.
); } /* ---------------------------------------------------------- Lead magnet — Longevity Guide ---------------------------------------------------------- */ const TOPIC_OPTIONS = [ { v: 'fertility', l: 'Fertility planning or egg freezing' }, { v: 'cycle', l: 'Cycle changes, PMS, or hormones' }, { v: 'metabolism', l: 'Weight, metabolism, or energy' }, { v: 'fatigue-sleep', l: 'Fatigue, sleep, or stress' }, { v: 'thyroid', l: 'Thyroid or autoimmune concerns' }, { v: 'unsure', l: 'I am not sure yet' }]; function GuideSection({ guideTopicSeed, onApply }) { const ctaRef = useRef(null); // Fire guide_form_view when the CTA enters viewport (once) useEffect(() => { if (!ctaRef.current) return; const io = new IntersectionObserver((entries) => { entries.forEach((e) => { if (e.isIntersecting) {track('guide_form_view', {});io.disconnect();} }); }, { threshold: 0.5 }); io.observe(ctaRef.current); return () => io.disconnect(); }, []); const handleClick = () => { track('guide_signup_submit', { source: 'guide_page_cta' }); }; return (

Free guide

The Hormone & Biomarker Guide for Women.

What to discuss with your doctor, when timing matters, and how to prepare before testing fertility, cycle health, energy, metabolism, and long-term health.

  • When hormone testing may be worth discussing with a clinician.
  • Which markers relate to cycle health, fertility planning, energy, thyroid, metabolism, cortisol, and nutrient status.
  • Why timing in the menstrual cycle matters.
  • How contraception, irregular cycles, stress, travel, illness, and supplements can affect results.
  • How to prepare for a more useful doctor conversation.
Get the Hormone & Biomarker Guide

Free. Educational. Not medical advice.

); } /* ---------------------------------------------------------- Expert-backed approach ---------------------------------------------------------- */ const EXPERT_DOMAINS = [ { n: '01', name: 'Licensed physician input. Gynecology and reproductive health.' }, { n: '02', name: 'Biologists and longevity researchers.' }, { n: '03', name: 'Nutrition and metabolic health professionals.' }, { n: '04', name: 'Clinic and lab operators across DACH.' }]; function ExpertSection() { return (

08 / Approach

Expert-informed. Physician-reviewed.

YUEVA’s protocols and decision maps are developed in collaboration with and reviewed by licensed physicians. Our coaches are certified health coaches trained in women’s longevity. Medicine stays in the hands of clinicians.

{EXPERT_DOMAINS.map((d) =>
{d.n} {d.name}
)}

We do not list names, credentials, or institutional logos at this stage. When pilots launch with named expert leads, this section will be updated.

); } /* ---------------------------------------------------------- Founder / operator credibility ---------------------------------------------------------- */ function FounderSection() { return (
YUEVA founders Laura Schaefer and Dr. Tamara Radaković in a quiet garden setting

About YUEVA

Women’s longevity, approached differently.

Built in Europe for women who want clarity, not noise.

YUEVA helps women navigate hormones, fertility, perimenopause, thyroid health, and longevity with structured guidance grounded in science, prevention, and real-life practicality.

We created YUEVA because too many women are left piecing together fragmented information, conflicting advice, and symptoms that are often minimized or misunderstood.

Our approach combines evidence-based education, structured decision support, physician-informed thinking, and lifestyle optimization, helping women make more confident, informed choices about their health over time.

{/* Founders */}

Founders

Co-Founder · Strategy & Longevity Research

Laura Schaefer

Laura leads YUEVA’s strategy, research translation, and ecosystem-building. With a background spanning technology, operations, business, private markets, and longevity-focused health optimization, she translates complex women’s health and longevity research into clear, structured guidance women can actually use.

Her work focuses on building the bridge between science, medical expertise, and the everyday questions women have about hormones, prevention, and long-term health.

Co-Founder · Medical Lead

Dr. Tamara Radaković

Dr. Tamara Radaković leads the medical and product direction of YUEVA. As a physician focused on women’s health, hormones, metabolic health, and longevity medicine, she builds the clinical foundation behind YUEVA’s programs, evidence standards, and client experience.

Her work ensures that YUEVA’s guidance is medically grounded, practical, and individualized for women who want to understand and optimize their long-term health.

{/* Connected approach */}

Our approach

A connected approach to women’s health.

Women’s health is rarely one-dimensional. Hormones, metabolism, fertility, stress, sleep, and longevity are deeply interconnected.

That is why YUEVA’s approach is informed not only by coaching and education, but also by ongoing exchange with a trusted network of physicians, scientists and health experts across multiple disciplines.

While YUEVA does not provide medical care, we believe women deserve better guidance in understanding when additional clinical support, testing, or specialist care may be worth exploring.

); } /* ---------------------------------------------------------- Closing CTA strip ---------------------------------------------------------- */ function ClosingCTA({ onPaid, onGuide }) { return (

NEXT STEP

Walk into your next appointment feeling prepared.

Book a Clarity Session
); } /* ---------------------------------------------------------- Footer + Medical Disclaimer ---------------------------------------------------------- */ function Footer({ onCookieOpen }) { return ( ); } /* ---------------------------------------------------------- Cookie consent ---------------------------------------------------------- */ function CookieBanner({ open, onAccept, onReject, onCustom }) { if (!open) return null; return (

We use a minimal set of cookies to make the site work and, with your consent, to measure which topics matter most to you. Analytics never fire before you accept. See{' '} Privacy.

); } /* ---------------------------------------------------------- Waitlist modal ---------------------------------------------------------- */ function WaitlistModal({ topic, onClose }) { const [email, setEmail] = useState(''); const [stage, setStage] = useState(''); const [consent, setConsent] = useState(false); const [errors, setErrors] = useState({}); const [submitted, setSubmitted] = useState(false); useEffect(() => { const onKey = (e) => {if (e.key === 'Escape') onClose();}; window.addEventListener('keydown', onKey); return () => window.removeEventListener('keydown', onKey); }, [onClose]); const validate = () => { const e = {}; if (!/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(email)) e.email = 'Please enter a valid email.'; if (!consent) e.consent = 'Please confirm consent.'; setErrors(e); return Object.keys(e).length === 0; }; const handleSubmit = (ev) => { ev.preventDefault(); if (!validate()) return; track('waitlist_signup', { topic: topic.id, source: 'topic_card' }); setSubmitted(true); }; return (
e.stopPropagation()} role="dialog" aria-modal="true" aria-labelledby="wl-title"> {!submitted ? <>

Waitlist · {topic.title}

Join the expert-led waitlist.

We’ll contact you if this topic opens as an expert-led pilot. No guaranteed launch, no spam, and you can leave the list at any time.

setEmail(e.target.value)} /> {errors.email && {errors.email}}
setStage(e.target.value)} />
{errors.consent && {errors.consent}}
:

Confirmed

You’re on the list.

We’ll contact you if {topic.title} opens as an expert-led pilot. No guaranteed launch.

}
); } /* ---------------------------------------------------------- Paid-session redirect modal (placeholder until booking is wired) ---------------------------------------------------------- */ function PaidRedirectModal({ topic, onClose }) { useEffect(() => { const onKey = (e) => {if (e.key === 'Escape') onClose();}; window.addEventListener('keydown', onKey); return () => window.removeEventListener('keydown', onKey); }, [onClose]); // Placeholder URL — production would window.location to TODO_BOOKING_PAYMENT_URL_TOPIC const url = `#TODO_BOOKING_PAYMENT_URL_TOPIC?topic=${topic.id}`; return (
e.stopPropagation()} role="dialog" aria-modal="true">

Booking · {topic.title}

Continue to checkout. €89

45 minutes. 1:1 Clarity Session with a certified health coach. Not medical advice. You receive a pre-call questionnaire by email after booking, plus your starter lifestyle protocol within 48 hours of your session.

track('paid_session_click', { topic: topic.id, price: 89, source: 'booking_modal' })}> Continue to checkout →

{/* TODO: Confirm payment provider and cancellation terms. */} TODO: Wire to live booking + payment URL (Stripe / Calendly / Cal.com).

); } /* ---------------------------------------------------------- Application modal — Founding Clarity Session ---------------------------------------------------------- */ function ApplyModal({ onClose }) { const [email, setEmail] = useState(''); const [focus, setFocus] = useState(''); const [stage, setStage] = useState(''); const [consent, setConsent] = useState(false); const [errors, setErrors] = useState({}); const [submitted, setSubmitted] = useState(false); useEffect(() => { const onKey = (e) => {if (e.key === 'Escape') onClose();}; window.addEventListener('keydown', onKey); return () => window.removeEventListener('keydown', onKey); }, [onClose]); const validate = () => { const e = {}; if (!/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(email)) e.email = 'Please enter a valid email.'; if (!focus) e.focus = 'Select your primary focus.'; if (!consent) e.consent = 'Please confirm consent.'; setErrors(e); return Object.keys(e).length === 0; }; const handleSubmit = (ev) => { ev.preventDefault(); if (!validate()) return; track('application_submitted', { focus, has_stage: !!stage }); // TODO: POST application to your CRM / waitlist endpoint. setSubmitted(true); }; return (
e.stopPropagation()} role="dialog" aria-modal="true" aria-labelledby="apply-title"> {!submitted ? <>

Founding Clarity Session · €89

Apply for a founding session.

Founding sessions are limited while we validate the YUEVA method. Tell us a little about your focus and we will confirm fit within 24 hours.

setEmail(e.target.value)} /> {errors.email && {errors.email}}
{errors.focus && {errors.focus}}
setStage(e.target.value)} />
{errors.consent && {errors.consent}}

Educational health-coaching session. Not medical advice.

:

Application received

We will confirm fit within 24 hours.

Thank you. We will email {email} with next steps. Your focus on {TOPIC_OPTIONS.find((t) => t.v === focus)?.l} helps us match the right session lead.

}
); } const TWEAK_DEFAULTS = /*EDITMODE-BEGIN*/{ "headlineKey": "navigate", "ivfMode": "paid", "randomizeTopics": false } /*EDITMODE-END*/; /* ---------------------------------------------------------- App ---------------------------------------------------------- */ function App() { const [t, setTweak] = useTweaks(TWEAK_DEFAULTS); const [applyOpen, setApplyOpen] = useState(false); const openApply = () => {track('application_started', {});setApplyOpen(true);}; const [consent, setConsent] = useState(readConsent); const [cookieOpen, setCookieOpen] = useState(false); useEffect(() => { captureUtms(); const c = readConsent(); setConsent(c); if (!c.decided) { const id = setTimeout(() => setCookieOpen(true), 900); return () => clearTimeout(id); } }, []); const handleAcceptAll = () => { const c = { decided: true, analytics: true, marketing: true }; writeConsent(c); setConsent(c); setCookieOpen(false); flushQueuedAnalytics(); }; const handleReject = () => { const c = { decided: true, analytics: false, marketing: false }; writeConsent(c); setConsent(c); setCookieOpen(false); }; const handleCustom = () => { // For prototype: just toggle analytics-only const c = { decided: true, analytics: true, marketing: false }; writeConsent(c); setConsent(c); setCookieOpen(false); flushQueuedAnalytics(); }; const openTopics = () => { const el = document.getElementById('clarity'); if (el) el.scrollIntoView({ behavior: 'smooth', block: 'start' }); }; const openGuide = () => { // Opens the external Typeform that delivers the Hormone & Biomarker // Guide in a new tab. Single source of truth: TYPEFORM_GUIDE_URL. window.open(TYPEFORM_GUIDE_URL, '_blank', 'noopener,noreferrer'); }; return ( <>