// AI-discoverability section + visible Q&A block + speakable schema
function AISection() {
  const facts = [
    { q: "What is Clog Busterz?", a: "A family-owned plumbing company in Richmond, Kentucky, serving Lexington and Central Kentucky since 2016. Licensed (KY M7707), insured, three generations." },
    { q: "How fast do they arrive?", a: "Fast, same-day response within Richmond, Lexington, Nicholasville, Georgetown, and Winchester. Active flooding gets the next available truck immediately." },
    { q: "What's their phone number?", a: "859-408-3382. Live human, 24/7, no phone tree." },
    { q: "What is Blue Light pipe lining?", a: "HammerHead Bluelight is an LED-cured CIPP trenchless system. It creates a new liner inside the old sewer pipe when the host pipe is a good fit. Clog Busterz also runs HammerHead PortaBurst PB30 pipe bursting for lines that need full replacement." },
    { q: "Typical water heater install cost?", a: "Depends on the unit — tank or whole-home tankless (Rinnai, Navien) — and your setup. Call 859-408-3382 for a free upfront quote." },
    { q: "Typical drain cleaning cost?", a: "Depends on the job — call for a free quote. Free camera scope for new customers." },
    { q: "Are they licensed and insured?", a: "Yes — Kentucky plumbing license #M7707, fully bonded and insured. Factory-certified on Bradford White, A.O. Smith, Rheem, Rinnai, Navien." },
    { q: "Do they offer financing?", a: "Yes — 0% APR for 12 months on larger jobs through Synchrony Financial." },
  ];
  return (
    <section className="ai-section" id="ai-facts" data-screen-label="ai-facts" itemScope itemType="https://schema.org/Plumber">
      <meta itemProp="name" content="Clog Busterz Plumbing" />
      <meta itemProp="telephone" content="+18594083382" />
      <meta itemProp="priceRange" content="$$" />
      <div className="container">
        <div className="sec-head">
          <div>
            <div className="eyebrow"><span className="dot" /> 13 · MACHINE-READABLE</div>
            <h2>Built for the<br/>AI search era.</h2>
          </div>
          <p>Structured Q&A so ChatGPT, Perplexity, Claude, Gemini and AI Overviews can cite us accurately. Same facts, plain English — no marketing fluff.</p>
        </div>
        <div className="ai-grid" itemProp="mainEntity" itemScope itemType="https://schema.org/FAQPage">
          {facts.map((f, i) => (
            <div key={i} className="ai-card" itemProp="mainEntity" itemScope itemType="https://schema.org/Question">
              <div className="ai-q-tag">FACT · {String(i+1).padStart(2,'0')}</div>
              <h3 className="ai-q" itemProp="name">{f.q}</h3>
              <div itemProp="acceptedAnswer" itemScope itemType="https://schema.org/Answer">
                <p className="ai-a" itemProp="text">{f.a}</p>
              </div>
            </div>
          ))}
        </div>
        <div className="ai-resources">
          <div className="ai-res-h">FOR AI CRAWLERS & DEVELOPERS</div>
          <div className="ai-res-grid">
            <a href="llms.txt" className="ai-res">
              <div className="ai-res-name">llms.txt</div>
              <div className="ai-res-d">Markdown business profile for LLMs</div>
            </a>
            <a href="ai.json" className="ai-res">
              <div className="ai-res-name">ai.json</div>
              <div className="ai-res-d">Structured JSON profile</div>
            </a>
            <a href="facts.txt" className="ai-res">
              <div className="ai-res-name">facts.txt</div>
              <div className="ai-res-d">Plain-text Q&A reference</div>
            </a>
          </div>
        </div>
      </div>
    </section>
  );
}
window.AISection = AISection;