// Marketing site sections — composes the entire page. const { PhoneFrame, PhoneHome, PhoneHistory, PhoneInsights, BrowserFrame, DashboardMock, useIsMobile } = window; const { ChevronDown, ChevronRight, Check, ArrowLeft } = window.Icons; // TestFlight beta — the app isn't on the App Store yet ("Soon"). const TESTFLIGHT_URL = 'https://testflight.apple.com/join/gY9sKr7g'; // ─── Wordmark + Logo Mark ──────────────────────────────────── function OonaLogo({ height = 28, color, accentColor = '#EBC39E', showMark = true }) { const fg = color || 'var(--oona-primary)'; return (
{showMark && ( )} oona
); } // ─── HEADER ────────────────────────────────────────────────── function Header() { const mobile = useIsMobile(); return (
{!mobile && ( )}
{!mobile && Sign in} Get the app Soon
); } const navLink = { color: 'var(--fg-2)', textDecoration: 'none' }; // ─── HERO ──────────────────────────────────────────────────── function Hero() { const mobile = useIsMobile(); return (
{/* Soft decorative illustrations */}
For parents, partners and grandparents

A quieter baby tracker. Built for the whole family.

Log feeds, sleep, nappies and notes in one tap — at 3am, with one hand. Then catch up on the dashboard with a coffee. Everyone caring for your baby, on the same page.

Download for iOS Soon See the dashboard ›
Designed in Britain · No ads, ever
{/* Phone hero */}
{/* Soft moon behind */}
); } const ctaPrimary = { font: '600 15px/1 "DM Sans"', background: 'var(--oona-primary)', color: 'var(--oona-text-on-primary)', padding: '16px 22px', borderRadius: 14, textDecoration: 'none', display: 'inline-flex', alignItems: 'center', gap: 12, boxShadow: '0 8px 22px rgba(126,115,159,0.30)', }; const ctaSecondary = { font: '600 15px/1 "DM Sans"', background: 'transparent', color: 'var(--oona-primary)', padding: '16px 8px', borderRadius: 14, textDecoration: 'none', }; const comingSoonBadge = { font: '600 11px/1 "DM Sans"', textTransform: 'uppercase', letterSpacing: '0.1em', background: '#EBC39E', color: '#5F567A', padding: '5px 9px', borderRadius: 999, }; // ─── PROOF STRIP ───────────────────────────────────────────── function ProofStrip() { const mobile = useIsMobile(); const cols = mobile ? 2 : 4; const items = [ { ill: 'bottle', text: 'One-tap logging' }, { ill: 'moon', text: 'Auto sleep timer' }, { ill: 'family', text: 'Shared with anyone' }, { ill: 'leaf', text: 'No ads, ever' }, ]; return (
{items.map((it, i) => (
{it.text}
))}
); } // ─── APP SECTION ───────────────────────────────────────────── function AppSection() { const mobile = useIsMobile(); const features = [ { title: 'One tap. Right where your thumb is.', body: 'Quick-start tiles for Feed, Sleep, Pump and Nappy live on the Today screen. Tap once to start a timer — tap again to log the details.' }, { title: 'Live timers that don\'t need babysitting.',body: 'Start a feed, switch sides, pause for winding — the timer keeps running in the background until you tap to end it.' }, { title: 'Today, then the rest.', body: 'Today is the only screen you need most of the time. History, Insights and Family sit on the Liquid Glass tab bar, one tap away.' }, { title: 'A note when you need it.', body: 'Capture milestones the same way you log feeds. "First giggle today." Tap, type, done — and it\'s encrypted at rest.' }, ]; return (
The app

For one-handed 3ams.

The whole app is designed around the thumb that's free. No menus, no settings buried three taps deep — just the thing you need to log, right where you expect it.

{/* Three phones */}
History
Today
Insights
{/* Feature grid */}
{features.map((f, i) => (
{f.title}

{f.body}

))}
); } // ─── DASHBOARD SECTION ─────────────────────────────────────── function DashboardSection() { const mobile = useIsMobile(); const features = [ { title: 'Patterns, not numbers.', body: 'Sleep curves, feed rhythms, nappy counts — laid out like a journal so you can read them, not parse them.' }, { title: 'Caregiver activity.', body: 'See who logged what, when. Helpful for handovers, even more helpful for splitting the night.' }, { title: 'Growth in context.', body: 'Weight, height and milestones plotted gently — never in a way that makes you feel behind.' }, { title: 'Export for the GP.', body: 'One tap and you have a clean PDF of the last fortnight to bring to the surgery.' }, ]; return (
The dashboard

For slow Sunday mornings.

When you've got both hands and a hot drink, the dashboard at dashboard.oonapp.co.uk turns a week of logs into something worth reading.

{/* Browser frame with dashboard */}
{/* Feature grid */}
{features.map((f, i) => (
{f.title}

{f.body}

))}
); } // ─── SHARED CARE ───────────────────────────────────────────── function SharedCareSection() { const mobile = useIsMobile(); const people = [ { i: 'M', name: 'Mum', role: 'Primary parent', access: 'Full access', color: '#7E739F' }, { i: 'D', name: 'Dad', role: 'Parent', access: 'Full access', color: '#EBC39E' }, { i: 'G', name: 'Granny', role: 'Family', access: 'Feeds, sleep, nappies', color: '#B8BEAA' }, { i: 'N', name: 'Nanny Lou', role: 'Carer', access: 'Logging only', color: '#D9B7C6' }, ]; return (
Shared care

It's not your tracker. It's everyone's.

Add your partner, your mum, the nanny — anyone caring for your baby. Each person gets a role with the right access, so Granny can log a feed without seeing your private notes.

{people.map(p => (
{p.i}
{p.name}
{p.role}
{p.access}
))}
); } // ─── FEATURES GRID ─────────────────────────────────────────── function FeaturesGrid() { const mobile = useIsMobile(); const features = [ { ill: 'bottle', t: 'Feeds', d: 'Bottle, breast or solids. Switch sides without stopping the timer.' }, { ill: 'moon', t: 'Sleep', d: 'Track naps and nights. The dashboard reveals patterns over weeks.' }, { ill: 'nappy', t: 'Nappies', d: 'Wet, dirty or mixed — counted, tagged, never lost.' }, { ill: 'pump', t: 'Pumping', d: 'Volume, side, duration. Build up a freezer log over months.' }, { ill: 'star', t: 'Milestones', d: 'Capture firsts the same way you log a feed. They stay in the journal.' }, { ill: 'scale', t: 'Growth', d: 'Weight and height plotted gently — never in a way that worries.' }, ]; return (
Everything you'd want to log

And nothing you wouldn't.

{features.map((f, i) => (
{f.t}

{f.d}

))}
); } // ─── QUOTE / TESTIMONIAL ───────────────────────────────────── function QuoteSection() { const mobile = useIsMobile(); return (
“The first app that didn't make me feel like I was on a leaderboard. Just quiet, useful, and somehow there at 4am when I needed it.”
Aoife M. · mum of two, Manchester
); } // ─── PRICING ───────────────────────────────────────────────── function PricingSection() { const tiers = [ { name: 'Solo', price: 'Free', sub: 'forever', tagline: 'Everything you need for one caregiver.', features: ['Unlimited feed, sleep & nappy logs', 'Pumping & milestones', 'Today + this week views', 'Web dashboard, read-only'], cta: 'Start free', featured: false, }, { name: 'Family', price: '£4', sub: 'per month', tagline: 'For the whole household.', features: ['Everything in Solo', 'Up to 6 caregivers with role-scoped access', 'Full dashboard with patterns & growth', 'Export for the GP', 'Priority support'], cta: 'Try free for 14 days', featured: true, }, ]; return (
Pricing

Free for one. Worth it for the whole family.

{tiers.map((t, i) => (
{t.name}
{t.price} {t.sub}

{t.tagline}

    {t.features.map((feat, j) => (
  • {feat}
    • ))}
))}
); } // ─── FAQ ───────────────────────────────────────────────────── function FAQSection() { const faqs = [ { q: 'Do I need to log everything?', a: "No. Oona works as well with three feeds a day as with thirty. Log what's useful and skip the rest." }, { q: 'Can my partner use Oona too?', a: 'Yes — add anyone caring for your baby. Each person gets a role with the right access, and their logs are colour-coded so you can see who did what.' }, { q: 'Will my data stay private?', a: 'Your baby data is yours. End-to-end encrypted in transit and at rest, never sold, never used to train anything. Delete it any time.' }, { q: 'Is there a web app?', a: 'There\'s a read-only dashboard at dashboard.oonapp.co.uk. Use it to review patterns, growth and milestones. Logging happens in the iOS app.' }, { q: 'What about Android?', a: 'Coming. We started with iOS so we could get the one-handed thumb interactions right; Android is on the roadmap for late 2026.' }, { q: 'Can I export my data?', a: 'Yes — CSV for spreadsheets, PDF for the GP, JSON if you want the lot. Family plan only for now.' }, ]; const [open, setOpen] = React.useState(0); const mobile = useIsMobile(); return (
Frequently asked

The things people ask first.

{faqs.map((f, i) => (
{open === i && (
{f.a}
)}
))}
); } // ─── FINAL CTA ─────────────────────────────────────────────── function FinalCTA() { const mobile = useIsMobile(); return (

The first three months go quickly. Start logging.

Free to try. No ads. Designed in Britain.

Download for iOS Soon Explore the dashboard ›
); } // ─── FOOTER ────────────────────────────────────────────────── function Footer() { const mobile = useIsMobile(); return ( ); } Object.assign(window, { Header, Hero, ProofStrip, AppSection, DashboardSection, SharedCareSection, FeaturesGrid, QuoteSection, PricingSection, FAQSection, FinalCTA, Footer });