// components.jsx - shared atoms for ColdPlungeSpot templates // Each template imports from window.* globals at bottom. const { useState, useEffect, useRef, useMemo } = React; // ─── Placeholder ───────────────────────────────────────────── function Ph({ label = 'IMAGE', dark = false, h, w, style, className = '', children }) { return (
{label}
{children}
); } // ─── Stars (4-pt diamond aesthetic, not slop stars) ──────── function Stars({ value = 5, max = 5 }) { const filled = Math.round(value); return ( {Array.from({ length: max }).map((_, i) => ( ))} ); } // ─── Affiliate disclosure pill ────────────────────────────── function Disclose({ children = 'Affiliate disclosure' }) { return ( {children} ); } // ─── Header (desktop nav) ─────────────────────────────────── const SITE_NAV = [ { label: 'Reviews', href: '/reviews/' }, { label: 'Best Of', href: '/tubs/' }, { label: 'Guides', href: '/beginners/' }, { label: 'Water Care', href: '/water-care/' }, { label: 'Sauna + Cold',href: '/sauna-cold-plunge/' }, ]; function SiteHeader({ compact = false }) { return (
ColdPlungespot
Start here →
); } // ─── Mobile header ────────────────────────────────────────── function MobHeader({ dark = false }) { return (
ColdPlungespot
); } // ─── Author trust box ─────────────────────────────────────── function AuthorBox({ inline = false, dark = false }) { const wrap = inline ? { padding: 0, border: 0, background: 'transparent' } : { padding: 22, border: dark ? '1px solid rgba(255,255,255,0.08)' : '1px solid var(--line)', background: dark ? 'var(--ink-2)' : 'var(--paper-2)', borderRadius: 12, }; return (
Reviewed by
Dr. Renée Halvorsen, PhD
Exercise physiologist. 11 years researching cold-water immersion at NTNU. Author of The Cold Protocol (Penguin, 2024).
Verified Expert 38 articles
); } function Dot({ color }) { return ; } // ─── Methodology callout ──────────────────────────────────── function MethodologyBox({ dark = false }) { const stats = [ ['142', 'days tested'], ['11', 'units measured'], ['7°C', 'avg plunge temp'], ['38', 'data points'], ]; return (
How we tested

142 days in real cold

Methodology →

Every unit ran in a controlled 8°C ambient room and an unheated garage in Trondheim. We logged temperature stability, recovery rate, noise, and energy draw on calibrated probes.

{stats.map(([n, l]) => (
{n}
{l}
))}
); } // ─── CTA Block (in-article) ───────────────────────────────── function CTABlock({ product = 'Glacier S2 Pro', price = '$5,290', score = '9.4', best = 'Best overall', merchant = 'Glacier Direct', href = '#', desc = null, dark = false }) { return (
★ {best} {score && ( Score {score}/10 )}
{product}
{desc && (

{desc}

)}
from {merchant}
{price}
Check price →
); } // ─── Pros / Cons split ────────────────────────────────────── function ProsCons({ pros, cons, dark = false }) { const color = dark ? 'var(--text-on-dark-2)' : 'var(--text-2)'; const tColor = dark ? 'var(--text-on-dark)' : 'var(--text)'; return (
{[['Pros', pros, 'var(--plus)', '+'], ['Cons', cons, 'var(--minus)', '−']].map(([title, items, c, glyph], i) => (
{title}
    {items.map((x, j) => (
  • {glyph} {x}
    • ))}
))}
); } // ─── Scorecard (numeric scoring grid for review) ───────────── function ScoreCard({ scores, dark = false }) { return (
{scores.map(([label, val, sub], i) => (
{val}/10
{label}
{sub &&
{sub}
}
))}
); } // ─── FAQ ──────────────────────────────────────────────────── function FAQ({ items, dark = false }) { return (
{items.map((q, i) => (
{q.q} +
{q.a}
))}
); } // ─── Table of Contents (sticky for desktop) ───────────────── function TOC({ items, active = 0 }) { return ( ); } // ─── Related articles ─────────────────────────────────────── function Related({ items, title = 'Continue reading' }) { return (

{title}

All guides →
{items.map((a, i) => (
{a.cat}
{a.title}
{a.read} · {a.date}
))}
); } // ─── Footer ───────────────────────────────────────────────── function SiteFooter() { const cols = [ ['Reviews', [ ['Best Cold Plunge Chiller', '/chillers/best-cold-plunge-chiller/'], ['Best Cold Plunge Tubs', '/tubs/'], ['Plunge All-In Review', '/reviews/plunge-all-in-review/'], ['Ice Barrel Review', '/reviews/ice-barrel-review/'], ['Grizzly Cold Plunge', '/reviews/grizzly-cold-plunge/'], ['All Reviews', '/reviews/'], ]], ['Guides', [ ['Beginner Guide', '/beginners/'], ['Cold Plunge Temperature', '/beginners/cold-plunge-temperature/'], ['How Long to Cold Plunge', '/beginners/how-long-to-cold-plunge/'], ['Sauna + Cold Routine', '/sauna-cold-plunge/routine/'], ['Water Care Guide', '/water-care/'], ['DIY Cold Plunge', '/tubs/diy-cold-plunge-tub/'], ]], ['About', [ ['Our Methodology', '/methodology/'], ['Editorial Policy', '/editorial-policy/'], ['Affiliate Disclosure', '/affiliate-disclosure/'], ['About Us', '/about/'], ]], ]; return (
ColdPlungespot

Independent cold-therapy reviews, recovery science, and buying guides - tested in real cold, not a marketing studio.

Reader supported - we may earn a commission
{cols.map(([title, links]) => (
{title}
    {links.map(([label, href]) => (
  • {label}
    • ))}
))}
2026 ColdPlungeSpot - Independent cold therapy reviews Editorial Policy Affiliate Disclosure
); } // ─── Comparison table ─────────────────────────────────────── function ComparisonTable({ rows }) { return ( {rows.map((r, i) => ( ))}
# Model Best for Temp range Noise Score Price
{String(i + 1).padStart(2, '0')}
{r.name}
{r.brand}
 {r.bestFor} {r.temp} {r.noise} {r.score}/10 {r.price} Check →
); } // expose to other Babel scripts Object.assign(window, { Ph, Stars, Disclose, SiteHeader, MobHeader, AuthorBox, Dot, MethodologyBox, CTABlock, ProsCons, ScoreCard, FAQ, TOC, Related, SiteFooter, ComparisonTable, });