/* Loops — "Hyperfocus With ADHD" — mechanism explainer page. Balanced tone: refuse to romanticise or pathologise. Real benefit, real cost. Unique section: manage the cost, not the state. Burnout link named, not catastrophised. */ /* ---------------- Page nav ---------------- */ const HF_NAV_LINKS = [ { label: "How it works", href: "#how" }, { label: "Why it happens", href: "#why" }, { label: "Questions", href: "#faq" }, { label: "For ADHD", href: "/adhd/#directory" }, { label: "Knowledge Hub", href: "/adhd/knowledge-hub/" }, { label: "Blog", href: "/blog/" }, ]; const HfNav = () => { const [open, setOpen] = React.useState(false); const [scrolled, setScrolled] = React.useState(false); React.useEffect(() => { const onScroll = () => setScrolled(window.scrollY > 8); onScroll(); window.addEventListener("scroll", onScroll, { passive: true }); return () => window.removeEventListener("scroll", onScroll); }, []); React.useEffect(() => { if (!open) return; const onKey = (e) => e.key === "Escape" && setOpen(false); document.body.style.overflow = "hidden"; document.addEventListener("keydown", onKey); return () => { document.body.style.overflow = ""; document.removeEventListener("keydown", onKey); }; }, [open]); return (
Loops
); }; /* ---------------- Hero ---------------- */ const HF_HERO_BLOCKS = [ { title: "Interest-driven, not willpower-driven", body: "Hyperfocus responds to novelty and interest, not to how important a task actually is.", icon: (), }, { title: "Real benefit, real cost", body: "It can produce genuinely impressive output. It's rarely free.", icon: (), }, { title: "Manage the cost, not just chase the state", body: "Support for coming out of it without the crash, not just getting into it more often.", icon: (), }, ]; const HfHero = () => (
Designed for ADHD. Works for everyone.

Hyperfocus isn't a superpower or a flaw. It's a cost you don't feel until later.

Disappearing into something for hours can feel incredible in the moment. It's also commonly followed by missed meals, a blown schedule, and a crash that doesn't show up until the focus breaks. Here's what's actually happening, and how to get the benefit without the bill.

7-day free trial. No complicated setup.
{/* Three icon blocks */}
{HF_HERO_BLOCKS.map((b) => (
{b.icon}

{b.title}

{b.body}

))}

Loops is a daily coaching app for people with ADHD.
); /* ---------------- What Loops does ---------------- */ const HfWhatLoopsDoes = () => (
How Loops helps

Support before, during, and after hyperfocus, not just during it.

Most advice about hyperfocus focuses on how to trigger it, as if the only problem is not getting enough of it. For a lot of people with ADHD, the real problem is what happens around it: the meals missed while it lasts, and the crash that follows once it breaks.

Loops helps you notice when a session is running long, protects the basics that hyperfocus tends to override, and helps you recover afterwards instead of quietly running on empty until the next one starts.

); /* ---------------- Recognition (6 cards) ---------------- */ const HF_RECOGNITION = [ "Six hours disappeared into something you loved. You didn't eat, didn't move, and didn't notice any of it until it was over.", "You can hyperfocus for hours on something genuinely unimportant and can't sustain twenty minutes on something you actually need to do.", "People call it a superpower. You know it also cost you a missed meeting, a blown evening, or a full day of everything else falling behind.", "The crash after a big hyperfocus session hits later than you'd expect, and it's worse than ordinary tiredness.", "You can't summon it on command, even for the things that matter most, which makes it feel unreliable rather than useful.", "You've tried to \u201Cuse hyperfocus productively\u201D by forcing it onto important tasks, and it mostly just doesn't work that way.", ]; const HfRecognition = () => (
Does any of this sound familiar?

You're not alone in this.

These are the patterns people with ADHD describe most often about hyperfocus.

{HF_RECOGNITION.map((t, i) => (

{t}

))}

This isn't inconsistency or a lack of discipline. Hyperfocus is a genuine, well-documented ADHD pattern, and understanding how it actually works changes what's worth trying to change about it.

); /* ---------------- Why it works this way (5 stages) ---------------- */ const HF_PATTERNS = [ { title: "Attention follows interest, novelty, and urgency, not importance", body: "ADHD attention responds reliably to interest and far less reliably to importance alone. This is why someone can hyperfocus for hours on something they love and be unable to sustain twenty minutes on something they genuinely need to do. The attention system itself is intact. What's inconsistent is the ability to direct it toward the task that actually matters most." }, { title: "The good stretch is never actually free", body: "Hyperfocus can produce genuinely impressive output, but it's commonly sustained at the expense of sleep, meals, and everyday maintenance. None of that cost disappears. It accumulates quietly while the hyperfocus lasts, and comes due all at once when the focus finally breaks." }, { title: "It can't reliably be summoned on demand", body: "Trying to force hyperfocus onto an important task by sheer will tends not to work, because the state is triggered by interest and novelty, not by intention. This is part of why \u201Cjust hyperfocus on it\u201D is well-meaning but often useless advice, and why the unpredictability itself is a genuine source of frustration." }, { title: "The crash is a real, delayed cost", body: "The deferred cost of a hyperfocus session, missed sleep, skipped meals, neglected tasks, tends to arrive all at once when the focus breaks, rather than being felt gradually along the way. This delayed-cost pattern is one of the clearest paths into ADHD burnout when it repeats often enough without recovery time built in." }, { title: "It can look contradictory from the outside", body: "Someone can hyperfocus intensely on an interesting task while genuinely failing to make progress on something they care about deeply. ADHD is better understood as a problem of activation and consistent deployment of effort across contexts, not a fixed inability to focus. The caring is real. It simply isn't the ingredient that reliably produces sustained attention." }, ]; const HfWhyItHappens = () => (
Understanding the pattern

It's not that your focus is broken. It's that it runs on interest, not importance.

Hyperfocus gets talked about constantly and explained properly far less often. These are the mechanisms underneath it.

    {HF_PATTERNS.map((p, i) => (
  1. {String(i + 1).padStart(2, "0")}

    {p.title}

    {p.body}

    2. ))}

Loops is built around working with this pattern, not fighting it: protecting the basics during a session, and supporting recovery once it ends.

); /* ---------------- Unique section: manage the cost, not the state ---------------- */ const HfReframe = () => (
Something worth knowing before anything else

The goal isn't more hyperfocus. It's a smaller bill when it happens.

A lot of advice treats hyperfocus as a resource to unlock: find the trick, get more of it, apply it to the things that matter. That framing misses what actually causes the damage. Hyperfocus itself isn't the problem. The problem is that it tends to happen without guardrails, no eating, no sense of time passing, no stopping point, and the deferred cost of all of that arrives at once when it finally breaks.

The more useful goal isn't summoning hyperfocus more reliably. It's putting a floor under a session while it's happening, a meal, a movement break, a sense of elapsed time, so that the same intensity doesn't have to cost as much afterwards.

); /* ---------------- How it works (4 steps) ---------------- */ const HF_STEPS = [ { t: "Tell Loops what tends to pull you into hyperfocus", b: "A project, a hobby, a type of work. No judgement, just context." }, { t: "Get gentle check-ins during long sessions", b: "A prompt to eat, move, or notice the time, without breaking the focus itself or demanding you stop." }, { t: "Get support for the crash afterwards", b: "Loops helps you recover once a session ends, rather than assuming you'll bounce straight back to normal." }, { t: "Build a rhythm that includes recovery, not just output", b: "Over time, this reduces how often one big session leads to several depleted days afterwards." }, ]; const HfHowItWorks = () => (
Getting started

Support around the focus, not just during it.

You don't need to control when hyperfocus happens. Loops helps manage what happens around it.

    {HF_STEPS.map((s, i) => (
  1. {i + 1} Step {i + 1}

    {s.t}

    {s.b}

    2. ))}

This isn't about stopping hyperfocus from happening. It's about it costing you less when it does.

); /* ---------------- Social proof ---------------- */ const HF_TESTIMONIALS = [ { quote: "I used to treat hyperfocus like a superpower I had to chase. Realising the real problem was the crash afterwards, not the focus itself, changed what I actually needed help with.", who: "Software engineer", meta: "Diagnosed with ADHD at 27" }, { quote: "A gentle nudge to eat or move during a long session sounds small. It's the difference between a good day and a genuinely bad three days after.", who: "Illustrator", meta: "Using Loops for 7 weeks" }, { quote: "Nobody ever explained why I could focus for six hours on a hobby and barely five minutes on my actual job. Understanding that it's about interest, not effort, took away a lot of the guilt.", who: "Teacher, Cardiff", meta: null }, ]; const HfSocialProof = () => (
What people say

From people who recognise themselves in this.

{HF_TESTIMONIALS.map((t, i) => (
{t.quote}
{t.who}
{t.meta ?
{t.meta}
: null}
))}
); /* ---------------- Objections (4, incl. safeguarding link) ---------------- */ const HF_OBJECTIONS = [ { q: "\u201CIsn't hyperfocus just a good thing? Why treat it like a problem?\u201D", a: "It can be genuinely valuable, and it's rarely free. The output during a session can be real and impressive. The missed meals, blown schedule, and delayed crash are just as real, and treating only the upside as worth discussing leaves people unprepared for the cost." }, { q: "\u201CCan I train myself to hyperfocus on command?\u201D", a: "Not reliably, and that's worth knowing rather than chasing. Hyperfocus is driven by interest and novelty, not intention, which is why trying to force it onto an important but uninteresting task usually doesn't work the way people hope." }, { q: "\u201CWhat if my hyperfocus sessions are leading to burnout?\u201D", a: "That's a genuinely common and serious pattern worth addressing directly. Repeated hyperfocus-crash cycles without recovery time are one of the clearest paths into ADHD burnout. If you're already feeling the effects of that, it's worth reading about burnout recovery specifically, and speaking with a doctor if the exhaustion feels beyond what rest is fixing.", link: { label: "Find help and support resources", href: "/support/find-help/" } }, { q: "\u201CWhat if I'm not diagnosed with ADHD?\u201D", a: "You don't need a diagnosis. Many people using Loops are on waiting lists, self-identifying, or simply recognise these patterns as familiar. If that's you, Loops is built for you." }, ]; const HfObjections = () => (
A few things worth knowing

Common questions before you start

{HF_OBJECTIONS.map((o) => ( ))}
); /* ---------------- FAQ accordion ---------------- */ const HF_FAQS = [ { q: "What is hyperfocus?", a: "Hyperfocus is a state of intense, absorbed attention on a task or interest, often to the point of losing track of time, meals, or other responsibilities. It's a widely reported ADHD pattern rather than a formal diagnostic symptom." }, { q: "Why does hyperfocus happen with ADHD?", a: "ADHD attention responds reliably to interest, novelty, and urgency, and much less reliably to importance alone. This means genuinely interesting or urgent tasks can absorb attention completely, while equally important but less stimulating tasks struggle to hold it at all." }, { q: "Is hyperfocus a good thing or a bad thing?", a: "Both, often in the same session. It can produce real, valuable output, and it's commonly sustained at the expense of sleep, meals, and everyday maintenance, with the cost arriving all at once once the focus breaks." }, { q: "Can you control when hyperfocus happens?", a: "Not reliably. Because it's driven by interest and novelty rather than intention, it can't easily be summoned on demand for a task simply because it's important." }, { q: "Is hyperfocus linked to ADHD burnout?", a: "Yes. Repeated hyperfocus-crash cycles, where output is sustained by borrowed sleep, skipped meals, and neglected recovery time, are a well-documented pathway into ADHD burnout when they happen often without enough recovery in between." }, { q: "Do I need an ADHD diagnosis to use Loops?", a: "No. Loops is designed first for people with ADHD but doesn't require a formal diagnosis. If the experiences described here feel familiar, Loops is built for you." }, ]; const HfFAQItem = ({ q, a, defaultOpen }) => (
{q}

{a}

); const HfFAQ = () => (
FAQ

Questions people often ask

Still wondering if Loops fits how your brain works? Contact us. A real person will reply.

{HF_FAQS.map((f, i) => )}
); /* ---------------- Final CTA ---------------- */ const HfFinalCTA = () => (
Get the benefit, skip the bill

Get the focus. Skip the bill.

Not less hyperfocus. Just a smaller cost when it happens.

7-day free trial. No complicated setup. Takes a few minutes.
); /* ---------------- Related pages ---------------- */ const HF_RELATED = [ { t: "Recover from burnout with ADHD", d: "The hyperfocus-crash cycle, named directly, and a way back from it.", href: "/adhd/recover-from-adhd-burnout/" }, { t: "Stay focused with ADHD", d: "The interest-versus-importance mechanism, and steady progress despite it.", href: "/adhd/stay-focused-with-adhd/" }, { t: "Actually finish what you start with ADHD", d: "When hyperfocus gives way to boredom before the finish line.", href: "/adhd/actually-finish-what-you-start/" }, { t: "Build something meaningful with ADHD", d: "Focus on the interesting versus progress on what matters most.", href: "/adhd/build-something-meaningful/" }, ]; const HfRelated = () => ( ); /* ---------------- App ---------------- */ function HfApp() { return (
); } const hfRoot = ReactDOM.createRoot(document.getElementById("root")); hfRoot.render();