// MWA Thyroid — Part 3: Testimonials, Doctor, Why Us, Family, FAQ, Hindi, Travel, Related, Final CTA, Sticky

const MWA_TESTIS = [
  { name:'Priya, 34', city:'Jaipur · Software Engineer', tag:'Bride · Wedding ready', quote:'My wedding was 4 months away. The thought of a neck scar in my photos broke me. MWA gave me my wedding back. No scar. No mark. Nothing.' },
  { name:'Sunita, 41', city:'Delhi · Singer', tag:'Voice-safe story', quote:'I was terrified of voice change. Dr. Bansal explained the USG guidance — needle never near my vocal cords. I sang at a concert 10 days later.' },
  { name:'Anita & Rahul', city:'Indore · Husband-wife', tag:'Husband-wife duo', quote:'(Rahul) My wife was crying for weeks about the scar. (Anita) I look in the mirror today — and the nodule is gone, and my neck is mine.' },
  { name:'सीमा देवी, 48', city:'Bareilly · Hindi original', tag:'Hindi original', quote:'मेरी बहू की शादी में मुझे साड़ी पहनकर जाना था। निशान नहीं चाहिए था। डॉक्टर साहब ने 30 मिनट में काम कर दिया।' },
  { name:'Kavita, 38', city:'Mumbai · Mother of 2', tag:'Same-day mom', quote:'Did the procedure at 11 AM, picked up my kids from school at 4 PM. They didn\'t notice a thing. The nodule is gone. My day didn\'t change.' },
];
function MWATest() {
  return (
    <section className="mwa-test">
      <div className="mwa-section-inner">
        <div style={{maxWidth:760}}>
          <span className="mwa-eyebrow"><span className="dot"></span>Real Stories</span>
          <h2 className="mwa-h2" style={{marginTop:14}}>Real women. Real results. <i>Real voices.</i></h2>
          <p className="mwa-lede">Five women. Five necks. Zero marks. Each video is anonymised or shared with documented written consent.</p>
        </div>
        <div className="mwa-test-grid">
          <div className="mwa-test-feat">
            <div className="mwa-test-feat-overlay">
              <span className="mwa-test-feat-tag">Featured · Wedding story</span>
              <div className="mwa-test-feat-name">Priya M., 34</div>
              <div className="mwa-test-feat-meta">Jaipur · Treated 4 months before wedding · Zero scar confirmed</div>
            </div>
            <div className="mwa-test-feat-play"><svg viewBox="0 0 24 24" fill="currentColor"><polygon points="5 3 19 12 5 21 5 3"/></svg></div>
          </div>
          <div className="mwa-test-list">
            {MWA_TESTIS.slice(1, 5).map((t,i) => (
              <div key={i} className="mwa-test-row">
                <div className="mwa-test-thumb"><svg viewBox="0 0 24 24" fill="currentColor"><polygon points="5 3 19 12 5 21 5 3"/></svg></div>
                <div>
                  <div className="mwa-test-name">{t.name}</div>
                  <div className="mwa-test-meta">{t.city} · {t.tag}</div>
                  <div className="mwa-test-quote">"{t.quote}"</div>
                </div>
              </div>
            ))}
          </div>
        </div>
        <div style={{marginTop:36,textAlign:'center'}}>
          <a className="mwa-cta-wa" href={MWA_WA + encodeURIComponent("I want to talk to a past MWA patient")}><IconWA/> Want to speak with a past patient? Request privately</a>
        </div>
      </div>
    </section>
  );
}

/* ===== DOCTOR ===== */
function MWADoctor() {
  return (
    <section className="mwa-doc">
      <div className="mwa-section-inner">
        <span className="mwa-eyebrow"><span className="dot"></span>E-E-A-T · Authority</span>
        <h2 className="mwa-h2" style={{marginTop:14}}>The doctor who's done it <i>500+ times.</i></h2>
        <div className="mwa-doc-grid">
          <div className="mwa-doc-photo">
            <img src="/uploads/Dr-Bansal.png" alt="Dr. Rajendra Bansal" onError={(e)=>{e.target.style.display='none'}}/>
            <div className="mwa-doc-photo-tag"><span className="ind"></span>500+ MWA cases personally performed</div>
          </div>
          <div>
            <h3 className="mwa-doc-name">Dr. Rajendra Bansal</h3>
            <div className="mwa-doc-cred">MBBS · DMRD · DNB · FVIR<br/>Senior Interventional Radiologist · Founder, Flowcare Jaipur</div>
            <p className="mwa-doc-bio">For 18+ years, Dr. Bansal has specialised in image-guided, minimally invasive treatments — with a particular focus on thyroid microwave ablation for women. He has personally performed 500+ MWA procedures with zero permanent voice complications. His patients are women who refused to accept "a small scar" as the only answer.</p>
            <div className="mwa-doc-stats">
              <div className="mwa-doc-stat"><div className="mwa-doc-stat-num">18<i>+</i></div><div className="mwa-doc-stat-lbl">Years</div></div>
              <div className="mwa-doc-stat"><div className="mwa-doc-stat-num">500<i>+</i></div><div className="mwa-doc-stat-lbl">MWA cases</div></div>
              <div className="mwa-doc-stat"><div className="mwa-doc-stat-num">95<i>%</i></div><div className="mwa-doc-stat-lbl">Success</div></div>
              <div className="mwa-doc-stat"><div className="mwa-doc-stat-num">0<i>%</i></div><div className="mwa-doc-stat-lbl">Permanent voice change</div></div>
            </div>
            <div className="mwa-doc-reassure"><b>Female-led care.</b> A female patient coordinator is your main contact from first WhatsApp message to month-12 follow-up. Female nurses present at every procedure. Privacy and dignity, always.</div>
            <div style={{marginTop:20,display:'flex',gap:12,flexWrap:'wrap'}}>
              <a className="mwa-cta-wa" href={MWA_WA + encodeURIComponent("Send my case to Dr. Bansal's team")}><IconWA/> Send my case to Dr. Bansal</a>
            </div>
          </div>
        </div>
      </div>
    </section>
  );
}

/* ===== WHY ===== */
const WHY = [
  { ic:'M11 4a7 7 0 1 1-7 7M21 21l-6-6', h:'Live USG guidance — every second', p:'The microwave needle is tracked in real time. Never blind. Never near the vocal cords. The safest MWA technique available.' },
  { ic:'M3 12c4-2 8 0 14-4', h:'500+ thyroid MWA cases', p:'One of India\'s highest-volume MWA practices. Pattern recognition that only comes from doing this every week.' },
  { ic:'M12 21s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z', h:'Female coordinator, female nurses', p:'Your point of contact is a woman. The procedure room has female nurses. No awkward moments. No exceptions unless you ask.' },
  { ic:'M9 12l2 2 4-4M21 12a9 9 0 1 1-18 0 9 9 0 0 1 18 0z', h:'Zero scar guarantee', p:'We refund the consultation fee if there is any visible mark at month 6. We\'ve never had to.' },
  { ic:'M5 13l4 4L19 7', h:'Same-day discharge, written', p:'You go home in 4–6 hours. In writing. If for any reason we need to keep you overnight, it\'s free.' },
  { ic:'M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z', h:'12-month WhatsApp follow-up', p:'Send a USG photo on month 3, 6, 12. Dr. Bansal\'s team replies in 5 minutes. No clinic visit needed unless you want one.' },
];
function MWAWhy() {
  return (
    <section className="mwa-why">
      <div className="mwa-section-inner">
        <div style={{textAlign:'center'}}>
          <span className="mwa-eyebrow"><span className="dot"></span>Why Flowcare</span>
          <h2 className="mwa-h2" style={{marginTop:14}}>Six reasons women choose <i>Flowcare</i></h2>
        </div>
        <div className="mwa-why-grid">
          {WHY.map((w,i) => (
            <div key={i} className="mwa-why-card">
              <div className="mwa-why-icon"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2"><path d={w.ic}/></svg></div>
              <h4 className="mwa-why-h">{w.h}</h4>
              <p className="mwa-why-p">{w.p}</p>
            </div>
          ))}
        </div>
      </div>
    </section>
  );
}

/* ===== FAMILY ===== */
function MWAFam() {
  return (
    <section className="mwa-fam">
      <div className="mwa-section-inner">
        <div style={{textAlign:'center',maxWidth:760,margin:'0 auto'}}>
          <span className="mwa-eyebrow"><span className="dot"></span>For Husbands · Daughters · Family</span>
          <h2 className="mwa-h2" style={{marginTop:14}}>For her <i>husband, daughter, family</i></h2>
          <p className="mwa-lede" style={{margin:'14px auto 0'}}>If you're reading this for your wife, mother, sister or daughter — here's what you need to know.</p>
        </div>
        <div className="mwa-fam-grid">
          <div className="mwa-fam-card">
            <div className="mwa-fam-icon">🏠</div>
            <h4 className="mwa-fam-h">30 minutes · home same day</h4>
            <p className="mwa-fam-p">No overnight admission. No hospital food. No "is she okay?" calls at midnight. She walks in at lunch, walks out before evening tea.</p>
          </div>
          <div className="mwa-fam-card">
            <div className="mwa-fam-icon">✨</div>
            <h4 className="mwa-fam-h">Zero scar · ever</h4>
            <p className="mwa-fam-p">No surgical mark across the neck. No discomfort with sarees, jewellery, or wedding photographs. Nothing changes about how she looks.</p>
          </div>
          <div className="mwa-fam-card">
            <div className="mwa-fam-icon">🌸</div>
            <h4 className="mwa-fam-h">No general anaesthesia · awake</h4>
            <p className="mwa-fam-p">She stays awake throughout, chatting with the team. No anaesthesia risks. No vomiting. No "she'll be groggy for hours" after.</p>
          </div>
        </div>
        <div style={{textAlign:'center',marginTop:32}}>
          <a className="mwa-cta-wa" href={MWA_WA + encodeURIComponent("I'm researching MWA for my wife/mother/sister. Please advise.")}><IconWA/> Reach out — we'll explain everything</a>
        </div>
      </div>
    </section>
  );
}

/* ===== FAQ ===== */
const FAQS = [
  ['Will there really be no scar on my neck?', 'Yes — zero visible mark. MWA uses a 1.5mm pin-hole entry (smaller than a needle prick). The site closes within hours. By Day 7 it\'s completely flush with the skin. We have photographs of 500+ patients at month 6 — no mark in any of them.'],
  ['Is my voice safe? My job depends on it.', 'Yes. Voice change is the biggest fear we hear, and the easiest to address. The microwave needle is tracked under live ultrasound at every second — it never goes near the recurrent laryngeal nerve. Our permanent voice-change rate is 0%. Most patients are talking normally the same evening.'],
  ['Will I need lifelong thyroid medication?', 'No. MWA treats only the nodule, not the rest of your thyroid. The healthy gland keeps producing hormones normally. Most patients never need any medication. Compare this with thyroidectomy (whole gland removed) — that always requires lifelong levothyroxine.'],
  ['How long does the procedure take?', '30 minutes for the procedure itself. Add 4–6 hours of observation after. You\'re home by evening. Most patients have it done on a Friday morning and are back at work Monday.'],
  ['How much does MWA cost in Jaipur?', '₹50,000 – ₹1,00,000 — depending on nodule size, type, and whether one or two sessions are needed. The price is all-inclusive (pre-procedure scans, procedure, medications, all follow-up USGs at month 3, 6, 12).'],
  ['Is MWA covered by insurance?', 'Yes — most major Indian insurance plans cover MWA when medically indicated (especially for symptomatic nodules). We handle the cashless paperwork. Send your policy details on WhatsApp for a quick check.'],
  ['Will the nodule come back after MWA?', 'Recurrence is rare (under 5%). The treated portion is permanently destroyed. New nodules can develop elsewhere in the thyroid over years — but the treated one stays gone.'],
  ['Is MWA painful?', 'No. Local anaesthesia numbs the entry site. During the procedure you feel mild warmth (not pain) — most patients describe it as easier than a dental filling.'],
  ['What size of nodule can MWA treat?', 'Best for 1–3cm benign nodules. Smaller nodules (<1cm) usually only need monitoring. Larger nodules (>3cm) can be treated, sometimes in 2 sessions.'],
  ['Can MWA treat cancerous nodules?', 'MWA is FDA-approved for benign nodules. For suspicious or malignant nodules, surgery remains the gold standard. We always confirm with FNAC before MWA.'],
  ['How is MWA different from radiofrequency ablation (RFA)?', 'Both are heat-based ablations. MWA achieves higher temperatures faster — meaning shorter procedure time (30 min vs 60+ min) and better shrinkage for solid nodules.'],
  ['Should I get FNAC done before consulting?', 'If your last ultrasound shows a "TI-RADS 4 or 5" lesion, yes — FNAC is essential. For TI-RADS 2 or 3, your USG alone is enough to start the conversation.'],
  ['Can I see myself in the mirror after the procedure?', 'Yes. You can look in the mirror within an hour. There\'s a tiny dot at the entry site (smaller than a vaccine prick) that fades within 48 hours. Foundation makeup covers it completely.'],
  ['Will I be able to attend my wedding / function?', 'Yes. Many of our patients schedule MWA 4–8 weeks before a wedding or family function. By the event date, even the pin-hole dot is invisible. Saree neckline, gold chains, photographs — all fine.'],
  ['Is the consultation 100% confidential? Can I speak with a female coordinator?', 'Yes to both. From your first WhatsApp message to your last follow-up, a female patient coordinator is your point of contact. No male staff in the consultation unless you specifically request Dr. Bansal in person.'],
  ['What if I have hyperthyroidism / Graves\'?', 'Toxic nodules (those producing extra hormone) respond well to MWA. We coordinate with your endocrinologist to track hormone levels post-procedure.'],
  ['Will I need to stop blood thinners or other medications?', 'Yes — aspirin, blood thinners, and certain supplements need to pause 3–5 days before MWA. We give you a complete pre-procedure checklist over WhatsApp.'],
  ['Can I travel from outside Jaipur for MWA?', 'Yes — many of our patients fly in. Our coordinator helps with airport pickup, hotel near the clinic, and post-procedure return travel. Discharge happens in 4–6 hours so you can fly the next day if needed.'],
];
function MWAFaq() {
  const [open, setOpen] = React.useState(0);
  return (
    <section className="mwa-faq">
      <div className="mwa-section-inner">
        <div style={{textAlign:'center'}}>
          <span className="mwa-eyebrow"><span className="dot"></span>Frequently Asked</span>
          <h2 className="mwa-h2" style={{marginTop:14}}>Your questions — <i>honestly answered</i></h2>
        </div>
        <div className="mwa-faq-list">
          {FAQS.map(([q,a],i) => (
            <div key={i} className={`mwa-faq-item ${open===i?'open':''}`}>
              <button className="mwa-faq-q" onClick={()=>setOpen(open===i?-1:i)}>
                <span>{q}</span>
                <span className="mwa-faq-q-icon"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2.5"><path d="M12 5v14M5 12h14"/></svg></span>
              </button>
              <div className="mwa-faq-a">
                {a}
                <div><a className="mwa-faq-wa" href={MWA_WA + encodeURIComponent(`Q: ${q}`)}><IconWA/> Ask privately</a></div>
              </div>
            </div>
          ))}
        </div>
      </div>
    </section>
  );
}

/* ===== HINDI ===== */
const HINDI = [
  { h:'थायराइड गांठ क्या है?', p:'थायराइड गले के सामने तितली के आकार की ग्रंथि है। उसके अंदर बनी सख़्त गांठ को थायराइड नोड्यूल कहते हैं। ज़्यादातर गांठें कैंसर नहीं होतीं।' },
  { h:'क्या ऑपरेशन के बाद निशान पड़ेगा?', p:'पारंपरिक सर्जरी में गले पर 5–8 सेमी का स्थायी निशान पड़ता है। MWA में सिर्फ़ 1.5 मिमी का पिन-होल — कोई निशान नहीं, कभी नहीं।' },
  { h:'क्या बिना ऑपरेशन इलाज होगा?', p:'हाँ। माइक्रोवेव एब्लेशन (MWA) बिना चीरा, बिना टांका, बिना जनरल एनेस्थीसिया — 30 मिनट का दिन-केयर इलाज है। उसी दिन घर वापस।' },
  { h:'क्या आवाज़ पर असर पड़ेगा?', p:'नहीं। पूरी प्रक्रिया लाइव अल्ट्रासाउंड के नीचे होती है — सूई कभी आवाज़ की नसों के पास नहीं जाती। हमारे 500+ मरीज़ों में स्थायी आवाज़ बदलाव शून्य।' },
  { h:'कीमत कितनी है?', p:'₹50,000 से ₹1,00,000 तक — गांठ का साइज़ और टाइप के हिसाब से। EMI ₹4,500/महीना से शुरू। सब कुछ शामिल — स्कैन, इलाज, फॉलो-अप।' },
  { h:'क्या बीमा कवर करता है?', p:'हाँ, ज़्यादातर बीमा कंपनियाँ कवर करती हैं। हम पूरी कैशलेस प्रक्रिया खुद संभालते हैं। अपनी पॉलिसी व्हाट्सएप पर भेजें।' },
  { h:'कब तक ठीक होऊँगी?', p:'अगले दिन ऑफिस। 7 दिनों में पिन-होल का निशान भी ग़ायब। 3–6 महीनों में गांठ 60–80% तक छोटी।' },
];
function MWAHindi() {
  return (
    <section className="mwa-hindi">
      <div className="mwa-section-inner">
        <span className="mwa-eyebrow"><span className="dot"></span>हिंदी में जानकारी</span>
        <h2 className="mwa-hindi-h2">थायराइड गांठ का बिना निशान, बिना सर्जरी इलाज</h2>
        <div className="mwa-hindi-grid">
          {HINDI.map((h,i) => (
            <div key={i} className="mwa-hindi-card">
              <h3 className="mwa-hindi-card-h">{h.h}</h3>
              <p className="mwa-hindi-card-p">{h.p}</p>
            </div>
          ))}
        </div>
        <div style={{textAlign:'center',marginTop:24}}>
          <a className="mwa-hindi-cta" href={MWA_WA + encodeURIComponent("नमस्ते, मुझे थायराइड गांठ के बारे में बात करनी है")}><IconWA/> व्हाट्सएप पर बात करें</a>
        </div>
      </div>
    </section>
  );
}

/* ===== TRAVEL ===== */
function MWATravel() {
  return (
    <section className="mwa-travel">
      <div className="mwa-section-inner">
        <div style={{textAlign:'center',marginBottom:12}}>
          <span className="mwa-eyebrow"><span className="dot"></span>Travel Assistance</span>
        </div>
        <div className="mwa-travel-card">
          <div>
            <h3 className="mwa-travel-h">Travelling from outside Jaipur?</h3>
            <p className="mwa-travel-p">We arrange airport/station pickup, female-coordinator-assisted check-in at hotels next to the clinic, post-procedure rest packages, and discreet return travel. Same-day discharge means you can fly home the next morning if you wish. Hindi, Marwari, Punjabi, Gujarati, Bengali language support available.</p>
          </div>
          <a className="mwa-cta-wa" href={MWA_WA + encodeURIComponent("I'm travelling from outside Jaipur. Please help with logistics.")}><IconWA/> Plan my trip</a>
        </div>
      </div>
    </section>
  );
}

/* ===== RELATED ===== */
function MWARel() {
  const items = [
    { h:'Uterine Fibroid (UFE)', a:'Non-surgical alternative' },
    { h:'Varicose Veins', a:'Laser ablation' },
    { h:'Adenomyosis', a:'UAE option' },
    { h:'Knee Pain (GAE)', a:'Avoid replacement' },
    { h:'Varicocele', a:'Fertility-preserving' },
  ];
  return (
    <section className="mwa-rel">
      <div className="mwa-section-inner">
        <h3>Related conditions <i>we treat</i></h3>
        <div className="mwa-rel-grid">
          {items.map((it,i) => (
            <a key={i} href="#" className="mwa-rel-card">
              <div className="mwa-rel-card-h">{it.h}</div>
              <div className="mwa-rel-card-arrow">{it.a} →</div>
            </a>
          ))}
        </div>
      </div>
    </section>
  );
}

/* ===== FINAL CTA ===== */
function MWAFinal() {
  return (
    <section className="mwa-final">
      <div className="mwa-final-inner">
        <span className="mwa-eyebrow" style={{color:'var(--gold)'}}><span className="dot" style={{background:'var(--gold)'}}></span>Take the next step · privately</span>
        <h2>Your thyroid treated — <i>your neck untouched.</i></h2>
        <p className="mwa-final-p">Free, 100% confidential WhatsApp consultation with Dr. Bansal's team in 5 minutes. Female coordinator available. Send your USG, get a frank answer.</p>
        <div className="mwa-final-actions">
          <a className="mwa-cta-wa xl" href={MWA_WA + encodeURIComponent("Hi, I want to start a confidential MWA consultation")}><IconWA/> WhatsApp Now</a>
          <a className="mwa-cta-out" style={{color:'#fff',borderColor:'rgba(255,255,255,0.4)'}} href={`tel:${MWA_PHONE.replace(/\s/g,'')}`}>📞 Call us</a>
        </div>
        <div className="mwa-final-trust">
          <span><IcShield/> 100% confidential</span>
          <span><IcShield/> Female coordinator</span>
          <span><IcShield/> Direct doctor's line</span>
          <span><IcShield/> Reply in 5 min</span>
        </div>
      </div>
    </section>
  );
}

/* ===== STICKY BAR ===== */
function MWASticky() {
  return (
    <div className="mwa-sticky">
      <div className="mwa-sticky-text">MWA from <b>₹50k</b> · Zero scar · 30 min</div>
      <div className="mwa-sticky-actions">
        <a className="mwa-sticky-btn wa" href={MWA_WA + encodeURIComponent("I have a thyroid nodule")}><IconWA/> WhatsApp</a>
        <a className="mwa-sticky-btn call" href={`tel:${MWA_PHONE.replace(/\s/g,'')}`}>📞 Call</a>
      </div>
    </div>
  );
}

Object.assign(window, { MWATest, MWADoctor, MWAWhy, MWAFam, MWAFaq, MWAHindi, MWATravel, MWARel, MWAFinal, MWASticky });