/* ATX Decon — service page template + content for the 3 core services */

const SERVICE_CONTENT = {
  biohazard: {
    crumb: "BIOHAZARD & TRAUMA CLEANUP",
    img: "assets/sec-biohazard.jpg",
    title: "Biohazard & trauma scene cleanup",
    lead: "Discreet, thorough decontamination of blood, bodily fluids, and trauma scenes — cleaned to IICRC standards so no trace, and no risk, is left behind.",
    heroLabel: "Technician in PPE / restored room",
    introTitle: "We handle what no one should have to.",
    introBody: [
      "A biohazard isn't just a mess — it's a health risk and an emotional one. Blood, bodily fluids, and the aftermath of trauma or an unattended death carry real dangers from bacteria and pathogens, and they're scenes no family should face alone.",
      "ATX Decon responds quickly, quietly, and without judgment. We contain the area, remove and dispose of all biohazardous material safely, and decontaminate every affected surface until the space is genuinely safe again.",
    ],
    introImg: "Decontamination in progress",
    includes: [
      { icon: "fa-droplet", h: "Blood & fluid cleanup", p: "Complete removal and decontamination of blood, bodily fluids, and tissue from any surface." },
      { icon: "fa-house-circle-check", h: "Unattended death & decomposition", p: "Careful, respectful remediation including odor neutralization and structural treatment." },
      { icon: "fa-shield-virus", h: "Crime & trauma scenes", p: "Coordinated, discreet cleanup so families and properties can begin to recover." },
      { icon: "fa-biohazard", h: "Compliant disposal", p: "All medical and hazardous waste handled and disposed of to regulated standards." },
    ],
    signsTitle: "Call us right away if there's been",
    signs: [
      { icon: "fa-kit-medical", h: "An injury or accident", p: "Visible blood or bodily fluids from a serious injury, accident, or medical event." },
      { icon: "fa-heart-crack", h: "A death in the home", p: "An unattended death, suicide, or any scene requiring sensitive, professional care." },
      { icon: "fa-triangle-exclamation", h: "A crime scene", p: "After investigators release the scene, we handle the cleanup and restoration." },
    ],
    faq: [
      { q: "Is it safe for me to clean this myself?", a: "We strongly advise against it. Biohazards carry bloodborne pathogens and bacteria that require proper PPE, containment, and disposal. Our certified technicians handle it safely so you're never exposed." },
      { q: "Will there be any sign of what happened?", a: "Our goal is full restoration — removing all biological material, neutralizing odor, and treating surfaces so the space looks and feels safe again." },
      { q: "Can you work with law enforcement?", a: "Yes. We routinely coordinate with police, EMS, and property managers, and we begin only once a scene has been officially released." },
    ],
  },

  infestation: {
    crumb: "ROOM INFESTATION CLEANUP",
    img: "assets/sec-infestation.jpg",
    title: "Room infestation cleanup & sanitation",
    lead: "When rodents or pests take over a room, they leave behind droppings, urine, nesting, and contamination that ordinary cleaning can't touch. We sanitize it completely.",
    heroLabel: "Sanitized, restored room",
    introTitle: "Infestations leave more than a mess — they leave a hazard.",
    introBody: [
      "Rodent and pest infestations contaminate a space in ways you can't always see. Droppings and urine can carry hantavirus, salmonella, and other pathogens, while nesting materials and odor seep into insulation, drywall, and air.",
      "ATX Decon removes the contamination at its source. We clear nesting and waste, decontaminate and deodorize every affected surface, and treat the room so it's safe to live in — then help you keep it that way.",
    ],
    introImg: "Before / after sanitation",
    includes: [
      { icon: "fa-trash-can", h: "Droppings & nesting removal", p: "Safe removal of rodent droppings, urine, nesting materials, and contaminated debris." },
      { icon: "fa-spray-can-sparkles", h: "Deep decontamination", p: "Hospital-grade disinfection of floors, walls, and every affected surface." },
      { icon: "fa-wind", h: "Odor & air treatment", p: "Neutralization of lingering odor and treatment of the air, not just the surfaces." },
      { icon: "fa-screwdriver-wrench", h: "Damage remediation", p: "Removal and remediation of insulation, drywall, or materials damaged beyond cleaning." },
    ],
    signsTitle: "It's time to call when you notice",
    signs: [
      { icon: "fa-poop", h: "Droppings or urine", p: "Visible rodent droppings, urine stains, or a strong ammonia-like smell in a room." },
      { icon: "fa-nfc-symbol", h: "Nesting or damage", p: "Chewed materials, nesting in insulation, or gnaw marks on walls and wiring." },
      { icon: "fa-mask-ventilator", h: "A musty, lingering odor", p: "Persistent odor that returns no matter how much you clean the surfaces." },
    ],
    faq: [
      { q: "Do you also remove the pests?", a: "Our focus is decontamination and sanitation of the affected room. We'll coordinate with pest control on extermination, then handle the full cleanup, disinfection, and restoration afterward." },
      { q: "Why can't I just clean it myself?", a: "Disturbing rodent droppings and nesting can release airborne pathogens like hantavirus. Proper PPE, HEPA filtration, and disinfection are essential — which is exactly what we bring." },
      { q: "Will the smell come back?", a: "Once the source is removed and the room is properly decontaminated and deodorized, the odor doesn't return. We treat the air and porous materials, not just visible surfaces." },
    ],
  },

  hoarding: {
    crumb: "HOARDING CLEANUP",
    img: "assets/sec-hoarding.jpg",
    title: "Hoarding cleanup, with patience and respect",
    lead: "Hoarding is deeply personal. We move at a pace that respects the person at the center of it — clearing, cleaning, and restoring the home without shame or pressure.",
    heroLabel: "Restored, open living space",
    introTitle: "We start with the person, not the pile.",
    introBody: [
      "Hoarding situations are rarely just about clutter. They're emotional, often tied to grief or trauma, and they can create real safety hazards — blocked exits, mold, pests, and biohazards hidden underneath.",
      "ATX Decon approaches every hoarding cleanup with patience and zero judgment. We work alongside the family — and the person involved whenever possible — to sort, clear, decontaminate, and restore the home, one room at a time.",
    ],
    introImg: "Cleared, restored room",
    includes: [
      { icon: "fa-people-group", h: "Judgment-free sorting", p: "We work with you to identify what stays, what goes, and what matters most — at your pace." },
      { icon: "fa-truck-ramp-box", h: "Full clear-out & hauling", p: "Removal and responsible disposal, recycling, or donation of cleared items." },
      { icon: "fa-broom", h: "Deep cleaning & decon", p: "Decontamination of biohazards, mold, and pest issues uncovered during the cleanup." },
      { icon: "fa-house-chimney-window", h: "Restoration", p: "Returning the home to a safe, functional, livable space — room by room." },
    ],
    signsTitle: "We can help when there's",
    signs: [
      { icon: "fa-door-closed", h: "Blocked or unsafe space", p: "Rooms or exits that have become impassable, or living areas that are no longer usable." },
      { icon: "fa-bugs", h: "Pests or biohazards", p: "Infestations, mold, or biohazards that have developed underneath the clutter." },
      { icon: "fa-hand-holding-heart", h: "An overwhelmed loved one", p: "A family member who needs help but deserves dignity and patience through it." },
    ],
    faq: [
      { q: "Will you pressure us to throw things away?", a: "Never. We move at the pace of the person involved and help sort with care. Nothing is discarded without consent — our role is to support, not to force." },
      { q: "Can you work discreetly?", a: "Absolutely. We arrive in unmarked vehicles and handle every hoarding cleanup with complete confidentiality and respect for neighbors and family." },
      { q: "What if there are biohazards underneath?", a: "It's common. Our technicians are equipped and certified to handle any mold, pest contamination, or biohazards we uncover, safely and as part of the same process." },
    ],
  },
};

function ServiceHero({ c, go }) {
  return (
    <section className="phero">
      <div className="phero-img" style={{ backgroundImage: `url("${c.img}")` }}></div>
      <div className="phero-scrim"></div>
      <div className="wrap">
        <div className="phero-inner">
          <div className="crumb">
            <button onClick={() => go("home")}>Home</button>
            <i className="fa-solid fa-chevron-right"></i>
            <span style={{ color: "var(--violet-bright)" }}>{c.crumb}</span>
          </div>
          <h1 className="h1">{c.title}</h1>
          <p className="lead">{c.lead}</p>
          <div className="phero-actions">
            <CallBtn size="lg" label="Call 24/7" />
            <button className="btn btn-outline btn-lg" onClick={() => go("contact")}>
              <i className="fa-regular fa-envelope"></i> Request free estimate
            </button>
          </div>
          <div className="chips" style={{ marginTop: 26 }}>
            <span className="chip"><i className="fa-solid fa-check"></i> IICRC Certified</span>
            <span className="chip"><i className="fa-solid fa-check"></i> Insurance Billed Direct</span>
            <span className="chip"><i className="fa-solid fa-check"></i> Discreet</span>
          </div>
        </div>
      </div>
    </section>
  );
}

function ServicePage({ id, go }) {
  const c = SERVICE_CONTENT[id];
  const steps = [
    { t: "You call", d: "A specialist answers 24/7 and listens to what you're dealing with." },
    { t: "On-site assessment", d: "We evaluate the scope and provide a clear, written estimate." },
    { t: "Decontamination", d: "Certified cleanup and treatment, documented throughout." },
    { t: "Final verification", d: "We confirm the space is safe — and help with your claim." },
  ];
  return (
    <main key={id}>
      <ServiceHero c={c} go={go} />
      <TrustStrip />

      <section className="section">
        <div className="wrap svc-intro">
          <div>
            <Eyebrow>{c.crumb}</Eyebrow>
            <h2 className="h1" style={{ marginTop: 16 }}>{c.introTitle}</h2>
            {c.introBody.map((p, i) => (
              <p className="lead" key={i} style={{ marginTop: 18, fontSize: 18 }}>{p}</p>
            ))}
          </div>
          <image-slot id={`svc-intro-${id}`} placeholder={c.introImg} radius="16"
            style={{ width: "100%", aspectRatio: "1 / 1", boxShadow: "var(--shadow-md)" }}></image-slot>
        </div>
      </section>

      <section className="section bg-soft">
        <div className="wrap">
          <div className="center" style={{ maxWidth: 640, margin: "0 auto" }}>
            <Eyebrow>WHAT'S INCLUDED</Eyebrow>
            <h2 className="h1" style={{ marginTop: 16 }}>A complete, end-to-end service.</h2>
          </div>
          <div className="incl-grid">
            {c.includes.map((it, i) => (
              <div className="incl" key={i}>
                <i className={`fa-solid ${it.icon}`}></i>
                <div><h4>{it.h}</h4><p>{it.p}</p></div>
              </div>
            ))}
          </div>
        </div>
      </section>

      <section className="section">
        <div className="wrap">
          <div className="center" style={{ maxWidth: 640, margin: "0 auto" }}>
            <Eyebrow>WHEN TO CALL US</Eyebrow>
            <h2 className="h1" style={{ marginTop: 16 }}>{c.signsTitle}</h2>
          </div>
          <div className="signs">
            {c.signs.map((s, i) => (
              <div className="sign" key={i}>
                <i className={`fa-solid ${s.icon}`}></i>
                <h4>{s.h}</h4><p>{s.p}</p>
              </div>
            ))}
          </div>
        </div>
      </section>

      <section className="section bg-soft">
        <div className="wrap">
          <div className="center" style={{ maxWidth: 640, margin: "0 auto 56px" }}>
            <Eyebrow>HOW IT WORKS</Eyebrow>
            <h2 className="h1" style={{ marginTop: 16 }}>What to expect, start to finish.</h2>
          </div>
          <ProcessSteps steps={steps} />
        </div>
      </section>

      <ReassureBand />

      <section className="section">
        <div className="wrap-narrow">
          <div className="center" style={{ marginBottom: 8 }}>
            <Eyebrow>QUESTIONS</Eyebrow>
            <h2 className="h1" style={{ marginTop: 16 }}>Good to know.</h2>
          </div>
          <div style={{ marginTop: 36 }}><FAQ items={c.faq} /></div>
        </div>
      </section>

      <CTABand go={go} />
    </main>
  );
}

window.ServicePage = ServicePage;
window.SERVICE_CONTENT = SERVICE_CONTENT;
