// menove-v2-sections.jsx, the seven panels of the v2 site. // Depends on: FB, SITE_WHY, SITE_STATS, SITE_PROMISES, SiteMonaCard, SiteWordmark (window), // plus menove-v2-core.jsx exports. const v2Eyebrow = (color) => ({ fontFamily: FB.sans, fontSize: 11.5, letterSpacing: '.32em', textTransform: 'uppercase', fontWeight: 700, color }); /* watch this component's section for activation (drives counters) */ function useV2SectionActive() { const ref = React.useRef(null); const [on, setOn] = React.useState(false); React.useEffect(() => { const el = ref.current; const sec = el && el.closest('.v2-section'); if (!sec) return; const check = () => setOn(sec.hasAttribute('data-active')); check(); const mo = new MutationObserver(check); mo.observe(sec, { attributes: true, attributeFilter: ['data-active'] }); return () => mo.disconnect(); }, []); return [ref, on]; } /* a numeral that counts itself up when its section lands */ function V2Count({ value }) { const [ref, on] = useV2SectionActive(); const reduce = window.matchMedia && window.matchMedia('(prefers-reduced-motion: reduce)').matches; const m = String(value).match(/^([^0-9]*)(\d+)(.*)$/); const [n, setN] = React.useState(0); React.useEffect(() => { if (!on || !m || reduce) return; const target = parseInt(m[2], 10); const t0 = performance.now(), dur = 1500; let raf; const step = (t) => { const p = Math.min(1, (t - t0) / dur); setN(Math.round(target * (1 - Math.pow(1 - p, 3)))); if (p < 1) raf = requestAnimationFrame(step); }; raf = requestAnimationFrame(step); return () => cancelAnimationFrame(raf); }, [on]); if (!m || reduce) return {value}; return {m[1]}{on ? n : 0}{m[3]}; } /* the trail — stones set themselves down across the whitespace */ function V2TrailStones({ count = 13 }) { const shapes = [ '50% 50% 50% 50% / 56% 56% 44% 44%', '54% 46% 52% 48% / 58% 56% 44% 42%', '66% 34% 56% 44% / 62% 74% 26% 38%', '58% 42% 56% 44% / 70% 66% 34% 30%', ]; return ( ); } const V2_TICKER = ['brain fog', '3am waking', 'rage out of nowhere', 'joint pain', 'hot flushes', 'lost words', 'night sweats', 'electric shocks', 'frozen shoulder', 'heart flutters', 'dry eyes', 'tinnitus', 'crying spells', 'new allergies', 'internal tremors', 'skin crawling', 'restless legs', 'cold flashes', 'heavy bleeding', 'sugar cravings', 'itchy skin', 'the doubt']; /* ---------- 1 · hero ---------- */ function V2Hero({ mobile }) { const scenes = [ { src: 'photos/v2-trail-1.mp4', poster: 'photos/v2-trail-1-dawn.jpg' }, { src: 'photos/v2-trail-2.mp4', poster: 'photos/v2-trail-2-cairn.jpg' }, { src: 'photos/v2-trail-3.mp4', poster: 'photos/v2-trail-3-ridge.jpg' }, ]; return (
Perimenopause & menopause

It's not in your head. It's in your days.

A quiet companion that keeps your record: a stone for every day, evidence for every pattern.
Request beta access
Scroll
); } /* ---------- 2 · why stones ---------- */ function V2Why({ mobile, cairn }) { return (
{SITE_WHY.eyebrow}

A day becomes a stone.
Thirty days make a path.

{SITE_WHY.p1}

{SITE_WHY.p2}

{SITE_WHY.p3}

{/* the slab — a plane of the room behind the photograph */}
A woman by a window, late afternoon
“On days you logged evening tea, you reported fewer 3am wakings.” Mona · saved to patterns
); } /* ---------- 3 · the numbers, staggered down the dark panel ---------- */ function V2Stats({ mobile }) { const pos = mobile ? [{}, {}, {}] : [{ marginTop: 0 }, { marginTop: '14vh' }, { marginTop: '28vh' }]; return (
The part nobody hands you

You shouldn't have to argue from memory.

{SITE_STATS.map((st, i) => (
{st.l}
{st.s}
))}
{/* the river of signs — what she's been carrying, passing quietly */}
{[0, 1].map((dup) => (
{V2_TICKER.map((s, i) => ( {s} ))}
))}
); } /* ---------- 4 · the app, one phone ---------- */ function V2App({ mobile, vh, auto }) { const [idx, setIdx] = React.useState(0); React.useEffect(() => { if (!auto) return; const t = setInterval(() => setIdx(i => (i + 1) % V2_SCREENS.length), 4400); return () => clearInterval(t); }, [auto]); const scale = Math.max(.42, Math.min(.62, (vh - (mobile ? 290 : 200)) / 844)); return (
The app

A companion, not a dashboard.

{V2_SCREENS.map((s, i) => { const stones = [ { r: '50% 50% 50% 50% / 56% 56% 44% 44%', w: 12, h: 11, rot: 0 }, { r: '66% 34% 56% 44% / 62% 74% 26% 38%', w: 15, h: 9, rot: -7 }, { r: '54% 46% 52% 48% / 58% 56% 44% 42%', w: 18, h: 10, rot: 5 }, { r: '58% 42% 56% 44% / 70% 66% 34% 30%', w: 21, h: 11, rot: 2 }, { r: '62% 38% 50% 50% / 60% 68% 32% 40%', w: 16, h: 12, rot: -4 }, ][i % 5]; return (
setIdx(i)} style={{ cursor: 'pointer', padding: '9px 14px', borderRadius: 12, background: i === idx ? '#fff' : 'transparent', boxShadow: i === idx ? `inset 0 0 0 1px ${FB.line}, 0 14px 30px -22px rgba(40,8,40,.4)` : 'none', transition: 'background .4s ease, box-shadow .4s ease', display: 'flex', alignItems: 'center', gap: 12 }}> {s.label}
); })}
{/* fixed-height caption, crossfades, never reflows */}
{V2_SCREENS.map((s, i) => (
{s.line}
))}
{!mobile &&
Request beta access
}
{/* evening light behind the glass */}
); } /* ---------- 5 · the photograph + three promises ---------- */ function V2Promises({ mobile }) { return (
A woman lacing shoes at dawn
“On days you passed 5,000 steps, you reported less brain fog.” Mona · saved to patterns
{/* the contract lifts off the page and onto the photograph */}
The contract

Three promises.

{SITE_PROMISES.map((p, i) => (
{p.tt}

{p.body}

))}
); } /* ---------- 6 · the companion, in the evening ---------- */ function V2LoopVideo({ src, poster, alt }) { const [url, setUrl] = React.useState(null); const reduce = window.matchMedia && window.matchMedia('(prefers-reduced-motion: reduce)').matches; React.useEffect(() => { if (reduce) return; const cache = (window.__v2VideoCache = window.__v2VideoCache || {}); let cancelled = false; (cache[src] = cache[src] || fetch(src).then(r => r.blob()).then(b => URL.createObjectURL(b))) .then(u => { if (!cancelled) setUrl(u); }) .catch(() => {}); return () => { cancelled = true; }; }, [src]); return (
{alt} {url && !reduce && ( )}
); } function V2Companion({ mobile }) { const { w } = useV2Viewport(); const float = !mobile && w >= 1150; // the floating chat card needs real room return (
The companion

Someone keeps the thread.

Mona checks in once a day, remembers what yesterday asked of you, and quietly files what matters into your patterns.

{!float &&
}
{!mobile && (
{/* the room leans in behind her */}
{/* the exchange floats off her shoulder, into the page — only when there's room */} {float && (
)}
)}
); } /* ---------- 7 · questions, answered ---------- */ function V2FAQ({ mobile }) { const [open, setOpen] = React.useState(0); return (
{/* one vast stone, almost not there, behind the questions */}
Questions

Asked, answered.

Anything we missed lives in Resources, or ask us directly from the app.

{SITE_FAQ.map((f, i) => (
setOpen(open === i ? -1 : i)} style={{ borderTop: i === 0 ? 'none' : `1px solid ${FB.line}`, padding: 'min(2.2vh, 18px) 0', cursor: 'pointer' }}>
{f.q}

{f.a}

))}
); } /* ---------- footer, shared; bg overrides for darker-band pages ---------- */ function V2Footer({ mobile, bg }) { const soft = 'rgba(255,255,255,.62)'; const cols = [ ['Product', [['The app', V2_HOME], ['Assessment', V2_PAGES.Assessment], ['Resources', V2_PAGES.Resources], ['Beta access', V2_HOME + '#beta']]], ['Company', [['Partners', V2_PAGES.Partners], ['Contact', '/contact.html']]], ['Connect', [['Instagram', 'https://instagram.com/menove.app'], ['Facebook', 'https://facebook.com/menoveapp'], ['TikTok', 'https://tiktok.com/@menove.app']]], ['Legal', [['Privacy', '/privacy'], ['Terms', '/terms'], ['Cookies', '/cookies'], ['Refunds & cancellations', '/refund']]], ]; return (
A quiet companion for the years of change.
{[ ['Instagram', 'https://instagram.com/menove.app', ], ['Facebook', 'https://facebook.com/menoveapp', ], ['TikTok', 'https://tiktok.com/@menove.app', ], ].map(([label, href, icon]) => ( {icon} ))}
{cols.map(([tt, links]) => (
{tt}
{links.map(([l, href]) => (href && !(V2_SHARE && !/^(https?:|mailto:)/.test(href))) ? {l} :
{l}
)}
))}
© 2026 Menovē · For wellness only. Not medical advice. Made with care for women 35–65
); } /* ---------- 8 · finale, beta + footer, aubergine ---------- */ /* ---------- beta email capture → Klaviyo list Xzvndx (same list carried from v4) ---------- Native form POST to Klaviyo's subscribe endpoint, targeted at a hidden iframe so the page never navigates. CORS-free; resolves the UI on iframe load or a timeout fallback (Klaviyo accepts the POST server-side even when its response refuses to render). */ function V2BetaForm({ mobile, soft }) { const [state, setState] = React.useState('idle'); // idle | sending | done const submitting = React.useRef(false); const inputRef = React.useRef(null); const finish = () => { if (!submitting.current) return; submitting.current = false; setState('done'); if (inputRef.current) inputRef.current.value = ''; }; const onSubmit = (e) => { const email = (inputRef.current && inputRef.current.value || '').trim(); if (!/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(email)) { e.preventDefault(); inputRef.current && inputRef.current.focus(); return; } submitting.current = true; setState('sending'); setTimeout(finish, 2400); }; return (
{state === 'done' ? "Check your inbox. We wrote you a letter." : 'iOS · TestFlight · no spam, ever'}
); } function V2Finale({ mobile, cairn, title = 'The trail starts with one stone.', sub = "The beta is free, and places are limited each month. Leave your email and we'll write when yours opens.", action }) { const soft = 'rgba(255,255,255,.62)'; const cols = [ ['Product', [['The app', V2_HOME], ['Assessment', V2_PAGES.Assessment], ['Resources', V2_PAGES.Resources], ['Beta access', null]]], ['Company', [['Partners', V2_PAGES.Partners], ['Contact', null], ['Instagram', null], ['TikTok', null]]], ['Legal', [['Privacy', null], ['Terms', null], ['Cookies', null], ['Refunds & cancellations', null]]], ]; return (
{title}
{sub}
{action ? (
{action}
) : ( )}
); } Object.assign(window, { V2Hero, V2Why, V2Stats, V2App, V2Promises, V2Companion, V2FAQ, V2Finale, V2Footer });