function Faq() {
  const { Accordion } = window.DentOFitDesignSystem_a776f9;
  const { FAQS } = window.LP;
  return (
    <section className="sec" id="faq" style={{background:'var(--surface-sunken)'}}>
      <div className="wrap faq-grid">
        <div>
          <div className="kicker reveal">Good questions</div>
          <h2 className="sh" style={{fontSize:'clamp(30px,3.6vw,46px)'}}><Words text="Asked before"/><br/><em>every visit</em></h2>
          <p className="lede reveal" style={{'--d':'140ms'}}>Still wondering about something? <a href={window.LP.WA} target="_blank" rel="noopener">Ask us on WhatsApp</a> — a real person at the Powai clinic answers.</p>
        </div>
        <div className="reveal" style={{'--d':'120ms'}}><Accordion items={FAQS}/></div>
      </div>
    </section>
  );
}
function Contact() {
  const { Button } = window.DentOFitDesignSystem_a776f9;
  return (
    <section className="sec contact" id="contact">
      <div className="wrap contact-inner">
        <Mascot pose="cheer" label="The tooth mascot waving goodbye with both hands"/>
        <h2 className="sh"><Words text="Come say hi"/><br/><em>we'll take it from there</em></h2>
        <p className="lede reveal" style={{'--d':'140ms',maxWidth:520}}>Tell us what's bothering you — or nothing at all, and we'll start with a check-up. We're above the Vodafone Gallery in Hiranandani Gardens, with same-day slots kept open for pain.</p>
        <div className="cta-row reveal" style={{'--d':'220ms'}}>
          <Button size="lg" onClick={window.LP.book}>Book on WhatsApp</Button>
          <Button size="lg" variant="accent" onClick={() => { window.location.href = window.LP.TEL; }}>Call {window.LP.PHONE}</Button>
        </div>
        <dl className="info reveal" style={{'--d':'300ms'}}>
          <div><dt>Where we are</dt><dd>B/103 Cypress, Forest Street,<br/>above Vodafone Gallery, Hiranandani Gardens,<br/>Powai, Mumbai 400076</dd></div>
          <div><dt>When we're open</dt><dd>Mon–Fri · 9:30am – 9pm<br/>Saturday · 9:30am – 2pm<br/>Sunday closed</dd></div>
          <div><dt>Call or WhatsApp</dt><dd><a href={window.LP.TEL} style={{fontWeight:700}}>{window.LP.PHONE}</a><br/><a href={window.LP.WA} target="_blank" rel="noopener">Message us on WhatsApp</a></dd></div>
        </dl>
      </div>
    </section>
  );
}
function Foot() {
  return (
    <footer className="foot">
      <div className="wrap">
        <span>Dent-O-Fit · The Total Dental Fitness Centre · Hiranandani Gardens, Powai, Mumbai 400076 · <a href={window.LP.TEL}>{window.LP.PHONE}</a></span>
        <span style={{display:'flex',gap:20,flexWrap:'wrap'}}>
          <a href="#services">Services</a>
          <a href="#tour">Your Visit</a>
          <a href="#faq">FAQs</a>
          <a href="#contact">Contact</a>
        </span>
      </div>
    </footer>
  );
}
Object.assign(window, { Faq, Contact, Foot });