/* Loops Knowledge Hub — "Waiting for Assessment With ADHD" — sensitive guide page.
   Knowledge Hub direction: eyebrow labels, stacked insight blocks, 2x3 recognition grid,
   distinct pull quotes, single CTA at the end only.
   Extra-calm: no urgency devices; doctor + crisis signposts kept as quiet body copy.
   Inline links point to existing pages; UK English, no em dashes, "doctor" not GP, non-geo-specific. */

const WFA_LINK = "text-brand-deep font-semibold hover:underline";

/* ---------------- Page nav ---------------- */

const WFA_NAV_LINKS = [
  { label: "The basics", href: "#basics" },
  { label: "What you can do", href: "#do-now" },
  { label: "Knowledge Hub", href: "/adhd/knowledge-hub/" },
  { label: "Blog", href: "/blog/" },
];

const WfaNav = () => {
  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 (
    <header className="sticky top-0 z-50">
      <div className={`nav-blur transition-colors duration-300 ${scrolled ? "border-b border-line/80" : "border-b border-transparent"}`}>
        <Container className="flex h-[64px] items-center justify-between gap-6">
          <a href="/" aria-label="Loops home" className="focus-ring inline-flex items-center rounded-pill">
            <img src="/assets/loops-logo-beta.png" alt="Loops" className="h-7 w-auto" width="100" height="28" />
          </a>
          <nav aria-label="Primary" className="hidden lg:flex items-center gap-1">
            {WFA_NAV_LINKS.map((l) => (
              <a key={l.href} href={l.href}
                className="focus-ring rounded-pill px-3.5 py-2 text-[14px] font-medium text-ink-2 hover:text-ink transition-colors">
                {l.label}
              </a>
            ))}
          </nav>
          <div className="hidden lg:flex items-center gap-2">
            <Button variant="primary" size="sm" href="/#download">Get Early Access</Button>
          </div>
          <button
            type="button"
            aria-label={open ? "Close menu" : "Open menu"}
            aria-expanded={open}
            className="focus-ring lg:hidden inline-flex h-11 w-11 items-center justify-center rounded-pill border border-line bg-white"
            onClick={() => setOpen((o) => !o)}
          >
            <svg width="20" height="20" viewBox="0 0 24 24" fill="none" aria-hidden="true">
              {open
                ? <path d="M6 6l12 12M18 6L6 18" stroke="#1c132d" strokeWidth="2" strokeLinecap="round" />
                : <><path d="M4 8h16" stroke="#1c132d" strokeWidth="2" strokeLinecap="round" /><path d="M4 16h16" stroke="#1c132d" strokeWidth="2" strokeLinecap="round" /></>}
            </svg>
          </button>
        </Container>
      </div>

      <div className={`lg:hidden fixed inset-x-0 top-[64px] z-40 transition-all duration-200 ${open ? "opacity-100 visible" : "hidden opacity-0 invisible pointer-events-none"}`} aria-hidden={!open}>
        <div className="nav-blur border-b border-line">
          <Container className="py-6">
            <nav aria-label="Mobile" className="flex flex-col gap-1">
              {WFA_NAV_LINKS.map((l) => (
                <a key={l.href} href={l.href} onClick={() => setOpen(false)}
                  className="focus-ring rounded-tile px-4 py-3.5 text-[16px] font-medium text-ink hover:bg-soft">
                  {l.label}
                </a>
              ))}
            </nav>
            <div className="mt-5 flex flex-col gap-2.5">
              <Button variant="primary" size="md" href="/#download" onClick={() => setOpen(false)}>Get Early Access</Button>
              <Button variant="secondary" size="md" href="/adhd/knowledge-hub/" onClick={() => setOpen(false)}>Back to Knowledge Hub</Button>
            </div>
          </Container>
        </div>
      </div>
    </header>
  );
};

/* ---------------- Hero ---------------- */

const WfaHero = () => (
  <section id="top" aria-label="Hero" className="relative overflow-hidden">
    <div aria-hidden="true" className="absolute inset-0 -z-10 hero-halo"></div>
    <Container className="pt-14 lg:pt-20 pb-12 lg:pb-16">
      <div className="max-w-3xl">
        <a href="/adhd/knowledge-hub/" className="focus-ring inline-flex items-center gap-1.5 rounded-pill text-[13.5px] font-semibold text-brand-deep hover:underline">
          <svg width="14" height="14" viewBox="0 0 24 24" fill="none" aria-hidden="true"><path d="M19 12H5M11 18l-6-6 6-6" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round" /></svg>
          ADHD Knowledge Hub
        </a>
        <h1 className="mt-6 text-balance text-ink font-bold tracking-tight3 leading-[1.06] text-[32px] sm:text-[44px] lg:text-[52px]">
          I'm waiting for an assessment.
        </h1>
        <p className="mt-6 text-[18px] sm:text-[20px] leading-[1.55] text-ink-2 text-pretty">
          The wait is long, and no one really tells you what to do in the meantime. This page is about the meantime: what the limbo does to you, what's actually within your control, and why the wait doesn't have to be a waiting room.
        </p>
      </div>
    </Container>
  </section>
);

/* ---------------- Section 2: The basics ---------------- */

const WfaBasics = () => (
  <Section id="basics" className="bg-soft">
    <Container>
      <div className="max-w-prose">
        <Kicker>The basics</Kicker>
        <h2 className="mt-5 text-balance text-ink font-semibold tracking-tight2 text-[28px] sm:text-[34px] lg:text-[40px] leading-[1.12]">
          The gap is real, and it isn't your fault.
        </h2>
        <div className="mt-6 space-y-5 text-[17px] sm:text-[18px] leading-[1.7] text-ink-2 text-pretty">
          <p>
            Getting referred was supposed to feel like progress. Then someone quoted you a waiting time measured in months or years, and progress turned into limbo. Long waits for adult ADHD assessment are now the norm rather than the exception, and the gap between recognising the pattern and getting formal help has become one of the hardest stretches of the whole journey.
          </p>
          <p>
            It's worth saying clearly: this gap is a system problem, not a you problem. Clinical guidelines themselves emphasise structured, holistic support with regular follow-up, which is a tacit acknowledgment that care shouldn't be gated entirely behind a diagnostic appointment. In practice, it often is. That leaves you holding two jobs at once: living your life, and managing a wait nobody prepared you for.
          </p>
        </div>
      </div>

      <figure className="mt-10 max-w-3xl rounded-card bg-muted p-8 sm:p-10 border-l-4 border-brand">
        <blockquote className="text-[20px] sm:text-[25px] font-semibold tracking-tight2 text-ink leading-[1.3] text-balance">
          A referral is not a pause button on your life. Nothing about the wait requires you to stay stuck for the length of it.
        </blockquote>
      </figure>
    </Container>
  </Section>
);

/* ---------------- Section 3: Recognition (6 cards) ---------------- */

const WFA_RECOGNITION = [
  "The referral brought relief for about a week. Then the date arrived, or didn't, and the relief quietly turned into limbo.",
  "You cycle between \"this explains everything\" and \"what if they tell me it's nothing and I've made it all up?\"",
  "Life is subtly on hold. Decisions, plans and changes are all filed under \"after the assessment\".",
  "Now that the pattern has a possible name, you notice it everywhere. Everything feels louder than before.",
  "You've read more about ADHD in the last month than about anything else in years. It's 2am again.",
  "Some days you're furious about the wait. Then you feel guilty for being furious, because other people have it worse.",
];

const WfaRecognition = () => (
  <Section id="recognition" className="bg-base">
    <Container>
      <div className="max-w-prose">
        <Kicker>Does any of this sound familiar?</Kicker>
        <h2 className="mt-5 text-balance text-ink font-semibold tracking-tight2 text-[28px] sm:text-[34px] lg:text-[40px] leading-[1.12]">
          What the limbo actually feels like.
        </h2>
        <p className="mt-5 text-[17px] sm:text-[18px] leading-[1.65] text-ink-2 text-pretty">
          These are the experiences people describe most often between referral and assessment.
        </p>
      </div>

      <div className="mt-12 grid gap-4 sm:gap-5 sm:grid-cols-2 lg:grid-cols-3">
        {WFA_RECOGNITION.map((t, i) => (
          <article key={i} className="flex gap-4 rounded-card border border-line bg-white p-6 shadow-soft">
            <span aria-hidden="true" className="mt-0.5 flex h-7 w-7 shrink-0 items-center justify-center rounded-pill bg-brand-soft text-[12px] font-bold text-brand-deep tnum">{i + 1}</span>
            <p className="text-[15px] leading-[1.6] text-ink text-pretty">{t}</p>
          </article>
        ))}
      </div>

      <div className="mt-10 max-w-prose rounded-card border border-line bg-soft p-6 sm:p-7">
        <p className="text-[16px] sm:text-[17px] leading-[1.65] text-ink-2 text-pretty">
          All of this is normal, including the doubt. Worrying that you're faking it is so common among people who are later diagnosed that clinicians treat it as unremarkable. The limbo has its own psychology, and it deserves naming.
        </p>
      </div>
    </Container>
  </Section>
);

/* ---------------- Section 4: Psychology of the wait ---------------- */

const WfaPsychology = () => (
  <Section id="psychology" className="bg-soft">
    <Container>
      <div className="max-w-prose">
        <Kicker>Understanding the limbo</Kicker>
        <h2 className="mt-5 text-balance text-ink font-semibold tracking-tight2 text-[28px] sm:text-[34px] lg:text-[40px] leading-[1.12]">
          Why waiting is harder with the very brain being assessed.
        </h2>
        <div className="mt-6 space-y-5 text-[17px] sm:text-[18px] leading-[1.7] text-ink-2 text-pretty">
          <p>
            There's an irony to this wait that deserves acknowledging: it demands exactly what ADHD makes hard. A payoff months away that <a href="/adhd/motivation-and-reward-with-adhd/" className={WFA_LINK}>carries almost no motivational pull today</a>. An open-ended timeline for a brain where <a href="/adhd/time-blindness-with-adhd/" className={WFA_LINK}>distant time doesn't feel real</a>. And a slow drip of uncertainty for <a href="/adhd/emotional-dysregulation-with-adhd/" className={WFA_LINK}>an emotional system that runs at full volume</a>.
          </p>
          <p>
            Two patterns are worth watching in yourself. The first is the doubt spiral: replaying old evidence, auditioning counter-explanations, pre-living the appointment. Some reflection is useful. Rumination isn't, and <a href="/adhd/shame-spiral-with-adhd/" className={WFA_LINK}>it feeds the same shame machinery</a> you're trying to escape. The second is the hold pattern: postponing real life until the verdict. The assessment will change what options you have. It won't change what your days are like in the meantime, unless you do.
          </p>
          <p>
            If the wait itself is grinding you down, <a href="/adhd/reduce-stress-with-adhd/" className={WFA_LINK}>stress</a> and low mood are treatable now, without any diagnosis. Going back to your doctor because things have got harder is a legitimate use of a doctor.
          </p>
        </div>
      </div>
    </Container>
  </Section>
);

/* ---------------- Section 5: The reframe ---------------- */

const WfaReframe = () => (
  <Section id="reframe" className="bg-base">
    <Container>
      <div className="max-w-prose">
        <Kicker>Something worth knowing</Kicker>
        <h2 className="mt-5 text-balance text-ink font-semibold tracking-tight2 text-[28px] sm:text-[34px] lg:text-[42px] leading-[1.12]">
          The diagnosis changes your options. It doesn't change your brain.
        </h2>
        <div className="mt-6 space-y-5 text-[17px] sm:text-[18px] leading-[1.75] text-ink-2 text-pretty">
          <p>
            Here's the thing that unsticks the hold pattern. Whatever the assessment concludes, your brain will work the same way the day after as it did the day before. The patterns you recognised in yourself, the ones that <a href="/adhd/could-this-be-adhd/" className={WFA_LINK}>brought you to the question in the first place</a>, are already real and already yours to work with.
          </p>
          <p>
            What a diagnosis adds is access: medication becomes an option, formal routes open up, and the explanation gets official confirmation. Those matter. But the strategies that help ADHD brains, external structure, smaller starts, kinder restarts, foundations treated seriously, don't check for paperwork. They work now, they're yours now, and using them now takes nothing away from the assessment later.
          </p>
        </div>
      </div>

      <figure className="mt-10 max-w-3xl rounded-card bg-muted p-8 sm:p-10 border-l-4 border-amber">
        <blockquote className="text-[22px] sm:text-[28px] font-semibold tracking-tight2 text-ink leading-[1.25] text-balance">
          You're allowed to start working with your brain before anyone confirms what kind of brain it is.
        </blockquote>
      </figure>
    </Container>
  </Section>
);

/* ---------------- Section 6: What you can do now (6 blocks) ---------------- */

const WfaDoNow = () => (
  <Section id="do-now" className="bg-soft">
    <Container>
      <div className="max-w-prose">
        <Kicker>Using the gap well</Kicker>
        <h2 className="mt-5 text-balance text-ink font-semibold tracking-tight2 text-[28px] sm:text-[34px] lg:text-[40px] leading-[1.12]">
          Six things that are entirely within your control.
        </h2>
      </div>

      <div className="mt-12 flex flex-col gap-4 sm:gap-5">
        <div className="rounded-card border border-line bg-white p-6 sm:p-8 shadow-soft max-w-3xl">
          <h3 className="text-[19px] sm:text-[20px] font-semibold tracking-tight2 text-ink leading-snug">Build your evidence file</h3>
          <p className="mt-3 text-[15.5px] sm:text-[16px] leading-[1.7] text-ink-2 text-pretty">
            <span className="font-semibold text-ink">Collect concrete examples across your life while you have time: school reports, work patterns, systems that didn't stick, what others noticed.</span> It makes the eventual assessment better, and most people find the process itself clarifying.
          </p>
        </div>
        <div className="rounded-card border border-line bg-base p-6 sm:p-8 shadow-soft max-w-3xl">
          <h3 className="text-[19px] sm:text-[20px] font-semibold tracking-tight2 text-ink leading-snug">Learn the mechanisms</h3>
          <p className="mt-3 text-[15.5px] sm:text-[16px] leading-[1.7] text-ink-2 text-pretty">
            <span className="font-semibold text-ink">Understanding <a href="/adhd/executive-function-with-adhd/" className={WFA_LINK}>executive function</a>, <a href="/adhd/task-initiation-and-getting-started-with-adhd/" className={WFA_LINK}>task initiation</a>, <a href="/adhd/working-memory-with-adhd/" className={WFA_LINK}>working memory</a> and <a href="/adhd/motivation-and-reward-with-adhd/" className={WFA_LINK}>motivation</a> changes how you read your own days.</span> Psychoeducation is one of the few supports that requires no referral, no waiting list and no budget.
          </p>
        </div>
        <div className="rounded-card border border-line bg-white p-6 sm:p-8 shadow-soft max-w-3xl">
          <h3 className="text-[19px] sm:text-[20px] font-semibold tracking-tight2 text-ink leading-snug">Start the structure now</h3>
          <p className="mt-3 text-[15.5px] sm:text-[16px] leading-[1.7] text-ink-2 text-pretty">
            <span className="font-semibold text-ink">One trusted place for everything, prompts that come to you, <a href="/adhd/build-routines-that-survive-bad-days/" className={WFA_LINK}>routines designed for bad days</a>, a first step small enough to actually happen.</span> If the assessment says ADHD, you're ahead. If it doesn't, none of this was wasted.
          </p>
        </div>
        <div className="rounded-card border border-line bg-base p-6 sm:p-8 shadow-soft max-w-3xl">
          <h3 className="text-[19px] sm:text-[20px] font-semibold tracking-tight2 text-ink leading-snug">Treat the foundations as treatment</h3>
          <p className="mt-3 text-[15.5px] sm:text-[16px] leading-[1.7] text-ink-2 text-pretty">
            <span className="font-semibold text-ink"><a href="/adhd/sleep-better-with-adhd/" className={WFA_LINK}>Sleep</a>, movement and stress reduction directly raise the capacity everything else depends on.</span> They're also the levers most likely to stop the wait itself from making things worse.
          </p>
        </div>
        <div className="rounded-card border border-line bg-white p-6 sm:p-8 shadow-soft max-w-3xl">
          <h3 className="text-[19px] sm:text-[20px] font-semibold tracking-tight2 text-ink leading-snug">Tell someone</h3>
          <p className="mt-3 text-[15.5px] sm:text-[16px] leading-[1.7] text-ink-2 text-pretty">
            <span className="font-semibold text-ink">The wait is heavier carried alone, and <a href="/adhd/masking-and-compensation-with-adhd/" className={WFA_LINK}>masking through it</a> doubles the cost.</span> One person who knows, a partner, a friend, an online community of people in the same queue, changes the arithmetic of the whole thing.
          </p>
        </div>
        <div className="rounded-card border border-line bg-base p-6 sm:p-8 shadow-soft max-w-3xl">
          <h3 className="text-[19px] sm:text-[20px] font-semibold tracking-tight2 text-ink leading-snug">Ask for support without the label</h3>
          <p className="mt-3 text-[15.5px] sm:text-[16px] leading-[1.7] text-ink-2 text-pretty">
            <span className="font-semibold text-ink">Many adjustments at work or in study are just good management: written instructions, clear deadlines, quieter space.</span> You can ask for what helps without naming a diagnosis you don't have yet.
          </p>
        </div>
      </div>
    </Container>
  </Section>
);

/* ---------------- Section 7: Managing the wait itself ---------------- */

const WfaManaging = () => (
  <Section id="managing" className="bg-base">
    <Container>
      <div className="max-w-prose">
        <Kicker>Practical steps</Kicker>
        <h2 className="mt-5 text-balance text-ink font-semibold tracking-tight2 text-[28px] sm:text-[34px] lg:text-[40px] leading-[1.12]">
          The queue is not entirely out of your hands.
        </h2>
        <div className="mt-6 space-y-5 text-[17px] sm:text-[18px] leading-[1.7] text-ink-2 text-pretty">
          <p>
            A few practical things people wish they'd known earlier. It's reasonable to ask your doctor or the provider what the realistic current wait is, whether other referral routes exist, and what the assessment will actually involve, so it isn't a black box you're anxiously imagining. Politely checking in on a referral's status occasionally is normal, not pushy; referrals do sometimes stall for administrative reasons, and a stalled referral found early is months saved.
          </p>
          <p>
            Keep copies of everything: referral letters, dates, screener scores. And if your situation changes meaningfully while you wait, if your mood drops, if work or home starts genuinely breaking down, tell your doctor. Deterioration is relevant information, not queue-jumping, and support for anxiety, low mood or crisis <a href="/support/find-help/" className={WFA_LINK}>doesn't wait for an ADHD assessment</a>.
          </p>
        </div>
      </div>
    </Container>
  </Section>
);

/* ---------------- Section 8: If the answer is no ---------------- */

const WfaIfNo = () => (
  <Section id="if-no" className="bg-soft">
    <Container>
      <div className="max-w-prose">
        <Kicker>The honest section</Kicker>
        <h2 className="mt-5 text-balance text-ink font-semibold tracking-tight2 text-[28px] sm:text-[34px] lg:text-[40px] leading-[1.12]">
          What if they say it isn't ADHD?
        </h2>
        <div className="mt-6 space-y-5 text-[17px] sm:text-[18px] leading-[1.7] text-ink-2 text-pretty">
          <p>
            This fear sits underneath most assessment anxiety, so it deserves a direct answer. An assessment that concludes "not ADHD" doesn't conclude "nothing is wrong" or "you imagined the struggle". The difficulties that sent you looking were real, and a good assessment should tell you what it thinks is going on instead: sleep, mood, anxiety, <a href="/adhd/recover-from-adhd-burnout/" className={WFA_LINK}>burnout</a> and other explanations all have their own routes to support.
          </p>
          <p>
            Two things can be true at once here. Most people who reach a formal assessment after a lifetime of these patterns do get useful answers, and assessment quality genuinely varies. If the process felt rushed or dismissive rather than thorough, seeking a second opinion is a legitimate act of self-advocacy, not denial. What you're owed from this process isn't a particular answer. It's a careful one.
          </p>
        </div>
      </div>
    </Container>
  </Section>
);

/* ---------------- Section 9: Open questions ---------------- */

const WfaOpenQuestions = () => (
  <Section id="open" className="bg-base">
    <Container>
      <div className="max-w-prose">
        <Kicker>Honest limits</Kicker>
        <h2 className="mt-5 text-balance text-ink font-semibold tracking-tight2 text-[28px] sm:text-[34px] lg:text-[40px] leading-[1.12]">
          What we still don't know.
        </h2>
        <div className="mt-6 space-y-5 text-[17px] sm:text-[18px] leading-[1.7] text-ink-2 text-pretty">
          <p>
            There's no honest way to predict your wait: times vary enormously by region, provider and route, and quoted figures change faster than pages like this one. The wider system is also in genuine flux, with demand rising sharply and services adapting unevenly, which is precisely why asking direct questions about your specific referral beats relying on anyone's general numbers.
          </p>
          <p>
            What the research does say clearly is that the gap matters: untreated difficulties don't politely pause, and structured support during waiting periods, coaching-style help, psychoeducation, daily structure, is consistently described as valuable even though it remains far less studied than medication or CBT. The evidence for what helps in the gap is younger than the gap itself.
          </p>
        </div>
      </div>
    </Container>
  </Section>
);

/* ---------------- Section 10: The bottom line ---------------- */

const WfaBottomLine = () => (
  <Section id="bottom-line" className="bg-soft">
    <Container>
      <div className="max-w-prose">
        <Kicker>The bottom line</Kicker>
        <h2 className="mt-5 text-balance text-ink font-semibold tracking-tight2 text-[28px] sm:text-[34px] lg:text-[40px] leading-[1.12]">
          Don't hand the waiting list your whole life.
        </h2>
        <div className="mt-6 space-y-5 text-[17px] sm:text-[18px] leading-[1.7] text-ink-2 text-pretty">
          <p>
            The wait for assessment is long, unfair in places, and largely outside your control. What's inside your control is more than it feels like from the queue: the evidence you gather, the mechanisms you learn, the structure you build, the foundations you protect, the people you let in, and the support you ask for without a label.
          </p>
          <p>
            The assessment will answer a question. It was never going to live your days for you. Start with the smallest thing that makes tomorrow slightly easier, and let the verdict catch up with a life already in motion.
          </p>
        </div>
      </div>
    </Container>
  </Section>
);

/* ---------------- Section 11: Final CTA ---------------- */

const WfaFinalCTA = () => (
  <Section id="start" className="bg-base">
    <Container>
      <div className="relative overflow-hidden rounded-card border border-line bg-white p-8 sm:p-12 lg:p-16 shadow-card text-center">
        <div aria-hidden="true" className="pointer-events-none absolute inset-0 -z-0 soft-halo"></div>
        <div className="relative z-10 mx-auto max-w-2xl">
          <div className="flex justify-center"><Kicker>No diagnosis required</Kicker></div>
          <h2 className="mt-5 text-balance text-ink font-semibold tracking-tight3 text-[30px] sm:text-[40px] lg:text-[48px] leading-[1.1]">
            The meantime starts today.
          </h2>
          <p className="mt-5 text-[17px] sm:text-[18px] leading-[1.65] text-ink-2 text-pretty">
            Loops is a daily coaching app built for ADHD brains, and no diagnosis is required. Many people start exactly where you are: referred, waiting, and done with putting life on hold. One small step a day, from now until the appointment, and after it too.
          </p>
          <div className="mt-8 flex flex-col items-center gap-3">
            <Button variant="primary" size="lg" href="/#download">
              Get Early Access
              <svg width="16" height="16" viewBox="0 0 24 24" fill="none" aria-hidden="true"><path d="M5 12h14M13 6l6 6-6 6" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round" /></svg>
            </Button>
            <span className="text-[13.5px] text-ink-3">Free to start. No complicated setup. Takes a few minutes.</span>
          </div>
        </div>
      </div>
    </Container>
  </Section>
);

/* ---------------- App ---------------- */

function WfaApp() {
  return (
    <main id="main">
      <WfaNav />
      <WfaHero />
      <WfaBasics />
      <WfaRecognition />
      <WfaPsychology />
      <WfaReframe />
      <WfaDoNow />
      <WfaManaging />
      <WfaIfNo />
      <WfaOpenQuestions />
      <WfaBottomLine />
      <WfaFinalCTA />
      <Footer />
    </main>
  );
}

const waitingRoot = ReactDOM.createRoot(document.getElementById("root"));
waitingRoot.render(<WfaApp />);
