/* Hope Council — Home wireframe, part 1
Global chrome (utility strip, primary nav) + hero, urgent help, situation
pathways, programs grid. Built on the Dooley Wireframe Kit. Grayscale only.
Content-populated: production copy is imported in place of greeked bars. */
const K = window.DooleyWireframeKit_e41309;
const { useState } = React;
/* ---- shared helpers ------------------------------------------------------ */
// Numbered annotation marker, absolutely pinned to its parent (which must be
// position:relative). Hidden when the annotation layer is toggled off.
function Dot({ n, anno, top = -11, right = -11, left }) {
const { Annotation } = K;
if (!anno) return null;
return React.createElement(Annotation, {
n,
style: { position: "absolute", top, right: left === undefined ? right : undefined, left, zIndex: 3 },
});
}
// Real body copy. Accepts a string or an array of paragraphs.
function Para({ text, color = "var(--wf-ink-soft)", size = "var(--wf-text-body)", style, maxWidth }) {
const arr = Array.isArray(text) ? text : [text];
return (
{arr.map((t, i) => (
{t}
))}
);
}
// Section band — full width of the page card, optional zone fill for rhythm,
// consistent inner max-width and vertical padding.
function Band({ fill = "surface", id, label, children, pad = "56px 56px", style }) {
const fills = {
surface: "var(--wf-surface)",
zone: "var(--wf-zone)",
alt: "var(--wf-zone-alt)",
};
return (
{children}
);
}
// Real section heading + real intro copy.
function SectionHead({ kicker, title, intro, center, maxTitle = 640, introWidth = 760 }) {
return (
{kicker ? (
{kicker}
) : null}
{title}
{intro ? (
) : null}
);
}
// A wayfinding / content card: real title, optional ICO slot, real body copy,
// text CTA with a ▸ marker (real label).
function WireCard({ title, body, cta, icon = false, big = false }) {
const { ImgPlaceholder } = K;
return (
{icon ? : null}
{title}
{body ? : null}
{cta ? (
{cta}▸
) : null}
);
}
/* ---- 1. Utility strip ---------------------------------------------------- */
function SiteUtilityStrip({ anno }) {
const link = { color: "var(--wf-ink)", textDecoration: "underline", textUnderlineOffset: 2 };
return (
Need help now? If someone is in immediate danger or may be overdosing, call 911. For mental health or substance use crisis support, call or text 988. Local 24/7 crisis support: 262-657-7188.
262-658-81666103 39th Ave., Kenosha, WI 53142Donate
);
}
/* ---- 4. Urgent Help Panel ------------------------------------------------ */
function UrgentHelpPanel({ anno }) {
const tel = { color: "var(--wf-ink)", fontWeight: "var(--wf-weight-bold)", textDecoration: "underline", textUnderlineOffset: 2 };
const lines = [
["If someone is in immediate danger, call ", "911", "tel:911", "."],
["If someone may be overdosing, call ", "911", "tel:911", ", give naloxone if available, and stay with the person until help arrives."],
["For mental health or substance use crisis support, call or text ", "988", "tel:988", "."],
["For local 24/7 crisis support, call ", "262-657-7188", "tel:2626577188", "."],
["For Hope Council support during business hours, call ", "262-658-8166", "tel:2626588166", "."],
];
const related = [
["Crisis & Immediate Support", "prototype-pages/crisis-and-immediate-support.html"],
["Signs of Opioid Overdose", "prototype-pages/signs-of-opioid-overdose.html"],
["How to Use Naloxone", "prototype-pages/how-to-use-naloxone.html"],
];
return (
Need help right now?
If this is an emergency, use the fastest help available.
);
}
/* ---- 5. Situation Pathways (primary wayfinding — dominant) --------------- */
function SituationPathways({ anno }) {
const cards = [
["I need help for myself", "If substance use is affecting your health, relationships, work, safety, or peace of mind, Hope Council can help you talk through options without judgment.", "Help for Myself"],
["I am worried about someone", "If you are concerned about a spouse, child, parent, friend, or someone else you care about, you can reach out too. Support is available for loved ones and families.", "Help for a Loved One"],
["I have a court or citation requirement", "Hope Council provides court-referred and diversion services, including IDP, AODA assessments, UDAAP, DAAP, Hold-Open / Alternative Agreements, General Diversion, and related requirements.", "Court-Referred & Diversion"],
["I need alcohol or substance testing", "Hope Council provides appointment-based testing pathways, including Direct Biomarker, Urine Testing, Breathalyzer, and Child Guard.", "Alcohol & Substance Testing"],
["I need naloxone or safer-use supplies", "Hope Council supports risk reduction and harm prevention through the Public Health Vending Machine, naloxone, fentanyl and xylazine test strips, safer-use supplies, safe disposal kits, and no-judgment supply access.", "Risk Reduction"],
["I am a parent or caregiver", "Parents and caregivers can find support for talking with youth, understanding changing substance risks, recognizing warning signs, and staying connected.", "Teen Substance Prevention"],
];
return (
{cards.map((c, i) => )}
);
}
/* ---- 6. Programs & Services grid ----------------------------------------- */
function ProgramsServices({ anno }) {
const { CtaButton } = K;
const cards = [
["Court-Referred & Diversion", "Support for court or citation-related requirements, including Intoxicated Driver Program, AODA Assessments, UDAAP, DAAP, Hold-Open / Alternative Agreements, General Diversion, and related pathways.", "View Court-Referred & Diversion"],
["Alcohol & Substance Testing", "Appointment-based testing pathways, including Direct Biomarker, Urine Testing, Breathalyzer, Child Guard, and related testing services.", "View Alcohol & Substance Testing"],
["Family Services", "Support for families and loved ones, including Supervised Visitation / Parenting Time, Loved Ones Support Group, and Parent Peer Support.", "View Family Services"],
["Prevention & Advocacy", "Evidence-based prevention programming, Mental Health First Aid, Trauma-Informed Care Training, coalition work, tobacco-free advocacy, and community education.", "View Prevention & Advocacy"],
["Treatment & Recovery Support", "Support for people navigating substance use, recovery, and next steps, including Peer Support, Recovery Coaching, Navigation, Moral Reconation Therapy, and Individual & Group Counseling.", "View Treatment & Recovery Support"],
["Risk Reduction & Harm Prevention", "No-judgment access to practical tools and support, including the Public Health Vending Machine, naloxone, fentanyl and xylazine test strips, safer-use supplies, and safe disposal kits.", "View Risk Reduction"],
];
return (