// app.jsx — Social Limits landing page const { useState, useEffect, useRef } = React; // ───────────────────────────────────────────────────────────── // Brand mark // ───────────────────────────────────────────────────────────── function BrandMark({ color = '#fff', logoSize = 22 }) { return ( Social Limits Social Limits ); } // ───────────────────────────────────────────────────────────── // Nav // ───────────────────────────────────────────────────────────── const NAV_LINKS = [ ['How it works', '#how'], ['Why it works', '#science'], ['Our story', '/our-story'], ['Reviews', '#reviews'], ['Partners', '#partners'], ]; function Nav() { const [open, setOpen] = useState(false); const firstLinkRef = useRef(null); const toggleRef = useRef(null); useEffect(() => { document.body.dataset.navOpen = open ? 'true' : 'false'; if (!open) return; const onKey = (e) => { if (e.key === 'Escape') setOpen(false); }; window.addEventListener('keydown', onKey); const t = setTimeout(() => firstLinkRef.current && firstLinkRef.current.focus(), 50); return () => { window.removeEventListener('keydown', onKey); clearTimeout(t); }; }, [open]); const close = () => { setOpen(false); setTimeout(() => toggleRef.current && toggleRef.current.focus(), 0); }; return (
{NAV_LINKS.map(([label, href]) => ( {label} ))}
Get the app
); } // ───────────────────────────────────────────────────────────── // Hero // ───────────────────────────────────────────────────────────── function Hero() { return (
v3.1.2 · Liquid Glass UI now live

Move more.
Scroll less.

Your social apps stay locked every morning. They unlock when you hit your step goal. A simple behavioural switch that puts movement before the feed.

20k+
Users
4.5/5
App Store ratings
2.4B+
Steps tracked
{/* Phone */}
Social Limits app — step ring and blocked apps
); } // ───────────────────────────────────────────────────────────── // Problem strip — quantified // ───────────────────────────────────────────────────────────── function Problem() { const stats = [ { v: '6 hrs', l: 'average daily screen time for a young adult', s: 'That\'s ~15 years over a lifetime' }, { v: '2×', l: 'higher anxiety & depression risk at ≥4 hrs/day', s: 'Morning phone use is the primary trigger' }, { v: '20%', l: 'less daily movement in high-screen students', s: 'Cutting 1 hr → 3× more daily movement' }, ]; return (
The problem

Screen-heavy mornings are reshaping how we feel all day.

{stats.map((s, i) => (
{s.v}
{s.l}
{s.s}
))}
Sources: Data Reportal Global Digital Report 2024 · CDC NCHS Data Brief 513 (2024) · Pedersen et al., JAMA Pediatrics (2022)
); } // ───────────────────────────────────────────────────────────── // How It Works — 4 steps // ───────────────────────────────────────────────────────────── function HowItWorks() { const steps = [ { n: '01', t: 'Wake', Icon: IconMoon, d: 'You set the list — Instagram, TikTok, X, Reddit, whatever pulls you in.' }, { n: '02', t: 'Move', Icon: IconShoe, d: 'Pick a daily step goal that feels right.' }, { n: '03', t: 'Unlock', Icon: IconBolt, d: 'Hit your goal and the apps unlock for the rest of the day.' }, { n: '04', t: 'Nudge', Icon: IconBell, d: 'A gentle reminder if you go quiet by mid-morning. No guilt, no streaks-or-die.' }, ]; return (
How it works

One switch in your morning. The rest takes care of itself.

Social Limits doesn't try to shame you off your phone. It replaces the morning dopamine hit with a small, satisfying physical one — and gets out of the way.

{steps.map((s) => (
{s.n}

{s.t}

{s.d}

))}
); } // ───────────────────────────────────────────────────────────── // Product showcase — split visual / copy / second phone // ───────────────────────────────────────────────────────────── function Showcase() { const phoneRef = useRef(null); const sectionRef = useRef(null); useEffect(() => { const prefersReducedMotion = window.matchMedia && window.matchMedia('(prefers-reduced-motion: reduce)').matches; const isSmall = () => window.innerWidth < 900; const update = () => { const sec = sectionRef.current; const phone = phoneRef.current; if (!sec || !phone) return; if (prefersReducedMotion || isSmall()) { phone.style.transform = ''; return; } const rect = sec.getBoundingClientRect(); const vh = window.innerHeight; const total = vh + rect.height; const progress = Math.max(0, Math.min(1, (vh - rect.top) / total)); const rotate = (progress - 0.5) * 16; const ty = (0.5 - progress) * 60; const scale = 1 + Math.sin(progress * Math.PI) * 0.04; phone.style.transform = `translateY(${ty}px) rotate(${rotate}deg) scale(${scale})`; }; update(); window.addEventListener('scroll', update, { passive: true }); window.addEventListener('resize', update); return () => { window.removeEventListener('scroll', update); window.removeEventListener('resize', update); }; }, []); return (
The unlock moment

The reward
comes after the movement.

Most habit apps stack friction on the wrong side. Social Limits flips it: pleasure comes second, after a small physical act.

    {[ ['Apple Health integration', 'Steps sync automatically — no extra device, no setup.'], ['You pick the apps', 'Lock anything from the App Store. Keep messengers open.'], ['Streaks that respect rest days', 'Build momentum without punishing a slow day.'], ].map(([t, d], i) => (
  • {t}
    {d}
    • ))}
); } // ───────────────────────────────────────────────────────────── // Benefits — 6 outcomes // ───────────────────────────────────────────────────────────── function Benefits() { const items = [ { Icon: IconMoon, t: 'Better sleep', d: 'Break the late-night scroll cycle by changing the morning that feeds it.' }, { Icon: IconBolt, t: 'Sharper focus', d: 'Mornings without infinite feeds leave more bandwidth for the work that matters.' }, { Icon: IconHeart, t: 'Calmer mood', d: 'Light movement before stimulation is one of the most reliable mood boosters in the literature.' }, { Icon: IconShield, t: 'Less anxiety', d: 'Less morning social comparison, less FOMO bleeding into the rest of the day.' }, { Icon: IconSpark, t: 'More productivity',d: 'Start with intention. Start with steps. Decide what you scroll, not the other way around.' }, { Icon: IconRoutine, t: 'Stronger habits', d: 'A daily checkpoint your body can feel — not an abstract screen-time number you ignore.' }, ]; return (
Benefits

Six things people notice within a week.

{items.map((b, i) => (

{b.t}

{b.d}

))}
); } // ───────────────────────────────────────────────────────────── // Science / Evidence // ───────────────────────────────────────────────────────────── function Science() { const studies = [ { n: '01', t: 'Limiting social media reduces loneliness and depression', d: 'A randomised controlled trial found that restricting social media to 30 minutes a day significantly reduced loneliness and depressive symptoms in university students after three weeks.', cite: 'Hunt et al., Journal of Social and Clinical Psychology, 2018', }, { n: '02', t: 'Regular physical activity significantly lowers depression risk', d: 'A systematic review found regular physical activity is significantly associated with lower depression risk — with benefits observed even below the recommended 150 minutes per week.', cite: 'Mammen & Faulkner, American Journal of Preventive Medicine, 2013', }, { n: '03', t: 'Scrolling correlates with anxiety in young people', d: 'Higher social media scrolling and posting among adolescents is associated with increased anxiety and behavioural problems, reinforcing the value of early behavioural intervention.', cite: 'Choi, Christiaans & Duerden, 2025', }, ]; return (
Why it works

Two behaviours. Both well-studied.

Social Limits isn't a wellness vibe — it stacks two of the most-validated behavioural levers in the literature. Move more. Scroll less. The pairing is the product.

{studies.map((s, i) => (
{s.n}

{s.t}

{s.d}

{s.cite}
))}
The intervention window
75% of mental health conditions emerge before age 25.
Orygen, 2024
); } // ───────────────────────────────────────────────────────────── // Reviews // ───────────────────────────────────────────────────────────── function Reviews() { const reviews = [ { q: 'I no longer start my day scrolling through social media. The shift in my mornings is real.', a: 'Mari Mahima', r: 5 }, { q: "It's become part of my daily routine. Hitting the step goal genuinely feels like the better start.", a: 'Miarad97', r: 5 }, { q: 'It helps break patterns and habits that aren\'t serving you. Simple idea, well executed.', a: 'Tczbbrcb', r: 4 }, ]; return (
Reviews

Real people. Real mornings.

{[0,1,2,3,4].map(i => )}
4.5 / 5
40 reviews · App Store
{reviews.map((r, i) => (

{r.q}

{r.a}
{Array.from({length: r.r}).map((_, i) => )}
))}
); } // ───────────────────────────────────────────────────────────── // Partners — logo wall // ───────────────────────────────────────────────────────────── function Partners() { return (
Partnerships

A few of the brands we've worked with.

); } function LogoCell({ children }) { return (
{children}
); } function HokaLogo() { return (
HOKA
); } function GarminLogo() { return (
GARMIN
); } // ───────────────────────────────────────────────────────────── // Download CTA // ───────────────────────────────────────────────────────────── function DownloadCTA() { return (
{/* Big background type */}
MOVE MORE
Free to try

Tomorrow morning,
earn your feed.

Download Social Limits, set a step goal, and lock the apps that hijack your morning. The next 24 hours will already feel different.

Download on the App Store How it works
iPhone & Apple Vision · Free with optional Pro · No ads, ever
); } // ───────────────────────────────────────────────────────────── // Footer // ───────────────────────────────────────────────────────────── function Footer() { return ( ); } function FooterCol({ title, links }) { return (
{title}
); } // ───────────────────────────────────────────────────────────── // App // ───────────────────────────────────────────────────────────── function App() { return ( <>