// Variation A: STANDALONE (built out) // Polished site for Restoring Hope, with real photos, real logo, modal bios. const { useState, useEffect, useRef } = React; // ─── Line icons ────────────────────────────────────────── const Icon = { individual: ( ), family: ( ), emdr: ( ), early: ( ), neuro: ( ), free: ( ), arrow: ( ), email: ( ), phone: ( ), pin: ( ), }; const services = [ { icon: "individual", title: "Individual Therapy", desc: "One-on-one sessions tailored to your unique challenges: anxiety, depression, stress, grief, and life transitions.", }, { icon: "family", title: "Family Counseling", desc: "Strengthen bonds and improve communication. Resolve conflict and build healthier relationship dynamics.", }, { icon: "emdr", title: "EMDR Therapy", desc: "Eye Movement Desensitization and Reprocessing to process traumatic memories and reduce their emotional impact.", }, { icon: "early", title: "Early Development", desc: "Support for early childhood development and parenting challenges. Navigate milestones and behavioral concerns.", }, { icon: "neuro", title: "Neurodivergent Support", desc: "Specialized therapy that celebrates strengths alongside challenges, offering a supportive space for the neurodivergent.", }, { icon: "free", title: "Sliding Scale Care", desc: "Compassionate counseling provided by supervised interns, providing affordable support for those who need it most.", }, ]; const team = [ { key: "kim", name: "Kim McLeod", credentials: "LPC, EMDR Therapist", focus: "Anxiety · Depression · Trauma", years: "Practicing since 2013", img: "assets/kim.webp", quote: "Between stimulus and response, there is a space. In that space lies our power to choose.", short: "Master of Science in Clinical Mental Health Counseling from Troy University, with extensive training in EMDR. Kim takes an eclectic, individualized approach, sometimes joined by Braeleigh, her therapy dog in training.", full: `"Between stimulus and response, there is a space. In that space is our power to choose our response. In our response lies our growth and our freedom." - Victor E. Frankl Life can feel overwhelming at times, and how we respond to it plays a huge role in our mental and emotional well-being. Our thoughts shape our actions, and our actions shape our lives. I believe that by challenging negative thought patterns and shifting our focus, we can create meaningful and lasting change. My passion is helping others make those changes so they can live happier, more fulfilling lives. My primary areas of focus include anxiety, depression, and trauma. I earned my Master of Science in Clinical Mental Health Counseling from Troy University in 2013 and I have had the privilege of working with children, adults, and families throughout my career. I take an eclectic approach to therapy, tailoring each session to meet the needs of each individual client. No two people are the same, and neither are the challenges they face, so therapy should never be one-size-fits-all. I am also trained in Eye Movement Desensitization and Reprocessing (EMDR), a powerful tool for working through trauma, anxiety, and distressing life experiences. Another addition to my therapeutic work is a wonderful dog named Braeleigh, who joins me when clients feel comfortable, offering comfort and support in sessions. Whether it's through talk therapy, EMDR, or even a little support from Braeleigh, we're here to help you find your path toward healing. It's okay to not be okay. We are here for you!`, }, { key: "george", name: "George Storey", credentials: "LPC", focus: "Trauma · ADHD · LGBTQ+", years: "Several years in mental health", img: "assets/george.webp", quote: "My role is to empower clients to make the best choices for their own lives.", short: "Bachelor's in Psychology and Master's in Clinical Mental Health Counseling, Troy University. Background spans youth program direction, GED counseling, and substance use support.", full: `George Storey is a Licensed Professional Counselor with several years of experience in the social services, nonprofit, and mental health fields. His prior experience includes directing a youth program, counseling those struggling with substance abuse, assisting foster children in transitioning to adoptive homes, and directing a program to assist students in obtaining their GEDs. George, originally from Huntsville, Alabama, graduated from Huntsville High School and earned his Bachelor's of Psychology before completing his Master's in Clinical Mental Health Counseling at Troy University. George's counseling approach is to empower clients to make the best choices for their lives. He has extensive training in trauma-informed care and experience treating depression, anxiety, ADHD, and LGBTQ+ issues. When not working with clients, he enjoys spending time with his wife and four kids, playing guitar, reading, and gaming.`, }, { key: "abbie", name: "Abbie Davies", credentials: "ALC", focus: "Social · Emotional · Behavioral", years: "Master's, 2023", img: "assets/abbie.webp", quote: "We all deserve the respect and space to share about the roads we have walked.", short: "Bachelor of Science in Psychology with a Minor in Criminal Justice (Troy University, 2016) and Master of Science in Counseling Clinical Mental Health (Troy University, 2023). Under supervision of Carol Booker, LPC-S.", full: `"When you change the way you think, you change the way you feel. When you change the way you feel, you change the way you act. When you change the way you act, you change your life." - Daniel Chidiac My educational background includes receiving my Bachelor of Science in Psychology with a Minor in Criminal Justice from Troy University in 2016. Additionally, I completed my Master of Science in Counseling Clinical Mental Health at Troy University in 2023. I believe in an eclectic approach to counseling, as no one person is the same. We all deserve to have the respect and space to share about the roads we have walked, where those roads have led, and how they have impacted us. As a counselor, we are the keeper and protector of our client's stories, whether they be from the past, present, or even future. Being a counselor, I strive to provide each person with a safe space to share their stories, help them process and face their challenges, and guide them into healthier aspects of living. To help them find peace and healing so they can move toward the life they have dreamed of. I enjoy helping clients develop the tools and skills needed to manage various social, emotional, and behavioral struggles. From a young age, I knew I wanted to help others and aid in their journey because I know what it is like to walk on those difficult paths. To watch someone take back their power and grow into the human they want to be is an incredible thing to witness, and it is the whole reason I come to work every day. Practicing under supervision of Carol Booker, LPC-S (License # SC00225).`, }, { key: "brae", name: "Braeleigh", credentials: "Therapy Partner", focus: "Comfort · Calm · Quiet support", years: "Working with Kim for 4 years", img: "assets/brae.webp", quote: "A name that means \u201CRay of Hope.\u201D", short: "AKC Canine Good Citizen. Joins Kim in sessions when clients feel comfortable, offering a calm, reassuring presence.", full: `Braeleigh is a dedicated therapy dog in training who has proudly earned her AKC Canine Good Citizen (CGC) title, a reflection of her excellent manners, steady obedience, and calm, reassuring presence. Her name, meaning "Ray of Hope," beautifully captures her gentle spirit and natural gift for bringing comfort to those around her. For the past four years, Braeleigh has worked closely alongside her owner and therapeutic partner, Kim McLeod, LPC, forming a strong bond and a shared passion for supporting others. Together, they are committed to creating a warm, welcoming environment for every individual they serve. Braeleigh is currently continuing her journey toward full therapy dog certification, with the heartfelt goal of making each day a little brighter for everyone she meets.`, }, ]; const insurance = [ "Blue Cross Blue Shield", "Medicare", "Medicaid", "UnitedHealthcare", "Cigna", "Aetna", "Humana", ]; const faqs = [ { q: "How do I know if therapy is right for me?", a: "If you're navigating something difficult, such as grief, anxiety, a relationship strain, or a season of transition, therapy can help. There's no threshold of 'bad enough.' If you're considering it, that itself is enough reason to reach out. We offer a free initial conversation to feel out fit.", }, { q: "Do you accept my insurance?", a: "We are in-network with Blue Cross Blue Shield, Medicare, Medicaid, UnitedHealthcare, Cigna, Aetna, and Humana. If your plan isn't listed, email us at contact@restoringhopellc.org and we'll check your specific coverage.", }, { q: "What happens in a first session?", a: "The first session is mostly listening. Your therapist will ask about what's bringing you in, your history, and what you're hoping to work toward. There's no pressure; you can share as much or as little as feels right. Together, we will outline a path forward.", }, { q: "Do you offer telehealth?", a: "Yes. Most of our clinicians offer secure video sessions for clients in Alabama. We're happy to discuss whether in-person, virtual, or a mix works best for you.", }, { q: "How long does therapy take?", a: "It depends entirely on the work and the person. Some clients meet for a few months around a specific challenge; others stay longer for sustained growth. We'll talk openly about goals and pacing, and there's no obligation to continue beyond what serves you.", }, ]; // ─── Hero bubbles ──────────────────────────────────── function playBubblePop(radius) { try { const Ctx = window.AudioContext || window.webkitAudioContext; if (!Ctx) return; const ctx = new Ctx(); const t = ctx.currentTime; // brief click transient at the moment of pop const click = ctx.createOscillator(); const clickGain = ctx.createGain(); click.connect(clickGain); clickGain.connect(ctx.destination); click.type = "square"; click.frequency.value = 1800; clickGain.gain.setValueAtTime(0.1, t); clickGain.gain.exponentialRampToValueAtTime(0.001, t + 0.022); click.start(t); click.stop(t + 0.03); // main tone: pitch drops fast, bigger bubble = lower pitch const pop = ctx.createOscillator(); const popGain = ctx.createGain(); pop.connect(popGain); popGain.connect(ctx.destination); const freq = Math.max(180, 720 - radius * 7); pop.type = "sine"; pop.frequency.setValueAtTime(freq, t); pop.frequency.exponentialRampToValueAtTime(50, t + 0.13); popGain.gain.setValueAtTime(0.26, t); popGain.gain.exponentialRampToValueAtTime(0.001, t + 0.13); pop.start(t); pop.stop(t + 0.18); } catch (e) {} } const BUBBLE_DEFS = [ { id: 0, r: 30, color: "#2A5754" }, { id: 1, r: 18, color: "#B89456" }, { id: 2, r: 44, color: "#93BCAD" }, { id: 3, r: 14, color: "#B89456" }, { id: 4, r: 26, color: "#2A5754" }, { id: 5, r: 34, color: "#93BCAD" }, { id: 6, r: 20, color: "#B89456" }, ]; function HeroBubbles({ onPop, opacity }) { const containerRef = useRef(null); const elRefs = useRef([]); const physics = useRef(null); const raf = useRef(null); const opacityRef = useRef(opacity); // Keep opacityRef current and sync all live (non-popping) bubbles useEffect(() => { opacityRef.current = opacity; elRefs.current.forEach((el) => { if (el && !el.classList.contains("popping")) { el.style.opacity = String(opacity); } }); }, [opacity]); useEffect(() => { const rand = (a, b) => a + Math.random() * (b - a); const sign = () => (Math.random() < 0.5 ? 1 : -1); physics.current = BUBBLE_DEFS.map((b) => ({ ...b, x: rand(10, 90), y: rand(10, 90), vx: rand(0.008, 0.02) * sign(), vy: rand(0.008, 0.018) * sign(), popped: false, })); const tick = () => { const container = containerRef.current; if (!container) { raf.current = requestAnimationFrame(tick); return; } const { width, height } = container.getBoundingClientRect(); physics.current.forEach((b, i) => { if (b.popped) return; const el = elRefs.current[i]; if (!el) return; b.x += b.vx; b.y += b.vy; const mx = (b.r / width) * 100; const my = (b.r / height) * 100; if (b.x < mx) { b.x = mx; b.vx = Math.abs(b.vx); } if (b.x > 100 - mx) { b.x = 100 - mx; b.vx = -Math.abs(b.vx); } if (b.y < my) { b.y = my; b.vy = Math.abs(b.vy); } if (b.y > 100 - my) { b.y = 100 - my; b.vy = -Math.abs(b.vy); } el.style.left = b.x + "%"; el.style.top = b.y + "%"; }); raf.current = requestAnimationFrame(tick); }; raf.current = requestAnimationFrame(tick); return () => cancelAnimationFrame(raf.current); }, []); function handlePop(i) { const b = physics.current[i]; const el = elRefs.current[i]; if (!el || b.popped) return; b.popped = true; onPop(); playBubblePop(b.r); el.classList.add("popping"); setTimeout(() => { const rand = (a, v) => a + Math.random() * (v - a); b.x = rand(10, 90); b.y = rand(10, 90); b.vx = rand(0.008, 0.02) * (Math.random() < 0.5 ? 1 : -1); b.vy = rand(0.008, 0.018) * (Math.random() < 0.5 ? 1 : -1); const el2 = elRefs.current[i]; if (el2) { el2.classList.remove("popping"); el2.style.left = b.x + "%"; el2.style.top = b.y + "%"; el2.style.opacity = String(opacityRef.current); } b.popped = false; }, 520); } return (