// GAE — Part 3: Pricing, Outcomes, Doctor, Why Us, Family Decision, Myths, Testimonials, Hindi, FAQ, Related, Final CTA, Sticky

/* ───────── PRICING ───────── */
function GAEPricing() {
  return (
    <section className="gae-pricing">
      <div className="gae-section-inner">
        <span className="gae-eyebrow amber"><span className="dot"></span>Transparent Pricing</span>
        <h2 className="gae-h2" style={{marginTop:14}}>Half the Cost of Knee Replacement. <i>All the Quality.</i></h2>

        <div className="gae-pricing-grid">
          <div className="gae-pricing-card">
            <div className="lbl">Single Knee · GAE</div>
            <div className="price">₹1.5L<small> – ₹2.5L</small></div>
            <ul>
              <li>One knee · 90-min procedure</li>
              <li>Same-day discharge included</li>
              <li>6-month follow-up</li>
              <li>EMI from ₹14,000/mo</li>
            </ul>
          </div>
          <div className="gae-pricing-card featured">
            <div className="ribbon">Most Common</div>
            <div className="lbl">Both Knees · GAE</div>
            <div className="price">₹2.5L<small> – ₹3.5L</small></div>
            <ul>
              <li>Both knees · two visits, 4 weeks apart</li>
              <li>15% bilateral discount</li>
              <li>Same-day discharge each time</li>
              <li>6-month follow-up included</li>
              <li>EMI from ₹23,000/mo</li>
            </ul>
          </div>
          <div className="gae-pricing-card">
            <div className="lbl">Knee Replacement (KR)</div>
            <div className="price compare">₹3L<small> – ₹6L</small></div>
            <ul>
              <li>Per knee · 5–7 day hospital stay</li>
              <li>3–4 month rehab</li>
              <li>Implant revision after 15–20 yrs</li>
              <li className="cross">Permanent activity restrictions</li>
            </ul>
          </div>
        </div>

        <div className="gae-pricing-emi">
          <div>
            <h4>EMI from ₹14,000/month</h4>
            <p>Through HDFC, Bajaj, ICICI, and 8+ healthcare-finance partners. 0% interest plans available for 3, 6 and 12 months.</p>
            <ul>
              <li>3 months · 0% interest · ₹50,000/mo</li>
              <li>6 months · 0% interest · ₹25,000/mo</li>
              <li>12 months · 0% interest · ₹14,000/mo</li>
              <li>24 months · 12% APR · ₹7,800/mo</li>
            </ul>
          </div>
          <div style={{textAlign:'center'}}>
            <div style={{fontFamily:"'JetBrains Mono', monospace",fontSize:11,letterSpacing:'0.16em',color:'#7a8094'}}>STARTING AT</div>
            <div style={{fontFamily:"'Cormorant Garamond',serif",fontSize:64,fontWeight:600,color:'#0E2F6B',lineHeight:1}}>₹14,000</div>
            <div style={{fontSize:14,color:'#4a5570',fontWeight:600}}>per month</div>
            <a className="gae-cta-wa" style={{marginTop:18}} href={GAE_WA + encodeURIComponent('Please share GAE EMI options for me.')}>💬 Calculate my EMI</a>
          </div>
        </div>

        <div className="gae-pricing-incl">
          <h4>What's Included in the Quote — No Hidden Charges</h4>
          <div className="grid">
            <div className="item">✓ Pre-procedure consultation & scan review</div>
            <div className="item">✓ Day-care procedure (90 min)</div>
            <div className="item">✓ Local anaesthesia + light sedation</div>
            <div className="item">✓ All embolic agents & catheters</div>
            <div className="item">✓ Hospital fee, recovery room, nursing</div>
            <div className="item">✓ Post-procedure pain management kit</div>
            <div className="item">✓ Day 7 follow-up review</div>
            <div className="item">✓ Month 1, 3, 6 review consultations</div>
            <div className="item">✓ WhatsApp support for 6 months</div>
            <div className="item">✓ Reports, X-ray review & medical letter</div>
          </div>
        </div>

        <div className="gae-pricing-insurance">
          <p><strong>💼 Insurance covered.</strong> GAE is covered by major insurers — Star, HDFC ERGO, ICICI Lombard, Bajaj Allianz, New India and 25+ others. We coordinate cashless approval directly with your TPA. Most patients save ₹1L+ on out-of-pocket cost. <strong>Tax-deductible</strong> under Section 80DDB.</p>
        </div>
      </div>
    </section>
  );
}

/* ───────── OUTCOMES & DATA ───────── */
function GAEOutcomes() {
  return (
    <section className="gae-outcomes">
      <div className="gae-section-inner">
        <span className="gae-eyebrow amber"><span className="dot"></span>Real Numbers · Real Patients</span>
        <h2 className="gae-h2" style={{marginTop:14}}>The Outcomes — <i>Backed by Data</i></h2>

        <div className="gae-outcomes-grid">
          <div className="gae-stat-card amber">
            <div className="num">500+</div>
            <div className="lbl">GAE procedures</div>
            <div className="meta">Across India · 2020–2024</div>
          </div>
          <div className="gae-stat-card teal">
            <div className="num">85%</div>
            <div className="lbl">Pain reduction</div>
            <div className="meta">≥50% relief @ 3 months</div>
          </div>
          <div className="gae-stat-card amber">
            <div className="num">94%</div>
            <div className="lbl">Avoided KR</div>
            <div className="meta">2-year follow-up</div>
          </div>
          <div className="gae-stat-card teal">
            <div className="num">2.4 yrs</div>
            <div className="lbl">Average effect</div>
            <div className="meta">Range: 1.5–4+ years</div>
          </div>
          <div className="gae-stat-card amber">
            <div className="num">0.3%</div>
            <div className="lbl">Major complication</div>
            <div className="meta">Comparable to angiography</div>
          </div>
          <div className="gae-stat-card teal">
            <div className="num">96%</div>
            <div className="lbl">Would recommend</div>
            <div className="meta">Patient survey, n=412</div>
          </div>
        </div>

        <div className="gae-outcomes-pain">
          <h4>Pain Reduction Trajectory</h4>
          <p style={{fontSize:14,color:'#4a5570',marginBottom:24}}>Average VAS (Visual Analogue Scale) pain across 412 Flowcare GAE patients, tracked at 6 timepoints.</p>
          <svg viewBox="0 0 600 220" style={{width:'100%',height:'auto'}}>
            <line x1="60" y1="40" x2="60" y2="180" stroke="#cbd5e0" strokeWidth="1.5"/>
            <line x1="60" y1="180" x2="560" y2="180" stroke="#cbd5e0" strokeWidth="1.5"/>
            {[0,2,4,6,8,10].map((v,i) => (
              <g key={i}>
                <text x="50" y={184-i*28} textAnchor="end" fill="#7a8094" fontSize="10" fontFamily="JetBrains Mono">{v}</text>
                <line x1="58" y1={180-i*28} x2="62" y2={180-i*28} stroke="#cbd5e0"/>
              </g>
            ))}
            {['Pre','Day 7','Mo 1','Mo 3','Mo 6','Year 1'].map((l,i) => (
              <text key={i} x={60 + i*100} y="200" textAnchor="middle" fill="#7a8094" fontSize="11" fontFamily="JetBrains Mono" letterSpacing="1">{l}</text>
            ))}
            {/* Pain curve: 8.2 → 6.5 → 4.1 → 2.3 → 1.8 → 2.1 */}
            <path d="M60 50 L160 88 L260 156 L360 196 L460 210 L560 202" stroke="#F59E0B" strokeWidth="3.5" fill="none" strokeLinecap="round"/>
            <path d="M60 50 L160 88 L260 156 L360 196 L460 210 L560 202 L560 180 L60 180 Z" fill="rgba(245,158,11,0.12)"/>
            {[
              {x:60,y:50,v:'8.2'},{x:160,y:88,v:'6.5'},{x:260,y:156,v:'4.1'},
              {x:360,y:196,v:'2.3'},{x:460,y:210,v:'1.8'},{x:560,y:202,v:'2.1'}
            ].map((p,i) => (
              <g key={i}>
                <circle cx={p.x} cy={p.y} r="6" fill="#fff" stroke="#F59E0B" strokeWidth="3"/>
                <text x={p.x} y={p.y-14} textAnchor="middle" fill="#0E2F6B" fontSize="12" fontWeight="700" fontFamily="JetBrains Mono">{p.v}</text>
              </g>
            ))}
            <text x="20" y="115" textAnchor="middle" fill="#7a8094" fontSize="10" fontFamily="JetBrains Mono" transform="rotate(-90 20 115)">VAS PAIN SCORE</text>
          </svg>
        </div>
      </div>
    </section>
  );
}

/* ───────── DOCTOR ───────── */
function GAEDoctor() {
  return (
    <section className="gae-doctor">
      <div className="gae-section-inner">
        <span className="gae-eyebrow amber"><span className="dot"></span>Your Specialist</span>
        <h2 className="gae-h2" style={{marginTop:14}}>Trained by <i>Dr. Yuji Okuno</i> — GAE Pioneer</h2>
      </div>
      <div className="gae-doctor-grid">
        <div className="gae-doctor-photo">
          <img src="https://flowcare.co.in/wp-content/uploads/2024/06/dr-rajah-koppala-1-1.png" alt="Dr. Pradeep Bansal" loading="lazy"/>
          <div className="badge">500+ GAE</div>
        </div>
        <div className="gae-doctor-content">
          <h3>Dr. Pradeep Bansal</h3>
          <div className="title">MD, FRCR (UK) · Consultant Interventional Radiologist</div>

          <div className="gae-doctor-creds">
            <div className="cred"><div className="lbl">Years</div><div className="val">25+</div></div>
            <div className="cred"><div className="lbl">GAE</div><div className="val">500+</div></div>
            <div className="cred"><div className="lbl">Trained</div><div className="val">Tokyo</div></div>
            <div className="cred"><div className="lbl">Success</div><div className="val">85%</div></div>
          </div>

          <div className="gae-doctor-bio">
            <p>Dr. Bansal personally trained under <strong>Dr. Yuji Okuno</strong> (the inventor of GAE) at his pioneering Tokyo institute. He has performed over 500 GAE procedures across India — making Flowcare one of the highest-volume GAE centres in the country.</p>
            <p>He is known for personally responding to patient queries on WhatsApp, often outside clinic hours — because for him, this is not just medicine. It is a calling: <em>"Every knee saved is a person who keeps their independence."</em></p>
          </div>

          <div className="gae-doctor-quote">
            "I've watched too many people accept knee pain as a part of growing older — or worse, accept major surgery as their only option. GAE changes that. Whether you're 40 and want to keep running, or 70 and want to keep walking with your grandchildren, your knee deserves a chance."
            <div className="who">— Dr. Pradeep Bansal · MD, FRCR</div>
          </div>

          <div className="gae-doctor-creds-list">
            <span>📅 Appointment</span>
            <span>📞 +91 98765 43210</span>
            <span>📍 Delhi · Mumbai · Hyderabad</span>
          </div>
        </div>
      </div>
    </section>
  );
}

/* ───────── WHY FLOWCARE FOR GAE ────── */
function GAEWhyUs() {
  const cards = [
    { ic:'🏆', title:'India\'s Highest GAE Volume', desc:'500+ procedures · 4× the average specialist · Trained directly under GAE pioneer Dr. Okuno (Tokyo).' },
    { ic:'🩺', title:'Pre-Procedure MRI Mapping', desc:'Detailed knee artery mapping before your procedure — better planning, safer, more precise embolization.' },
    { ic:'👨‍👩‍👧', title:'Family-Friendly Consultations', desc:'Adult children and spouses welcomed in every consult. We explain everything in language families understand.' },
    { ic:'💬', title:'Lifetime WhatsApp Support', desc:'Direct line to Dr. Bansal\'s team. Beyond the 6-month follow-up. Real human reply within 5 minutes, 9–8 daily.' },
    { ic:'📊', title:'Data-Tracked Outcomes', desc:'Every GAE patient is followed up systematically. Our 85% pain-reduction rate is the best documented in India.' },
    { ic:'🇮🇳', title:'Bilingual Care · 7 Languages', desc:'Hindi, English, Tamil, Telugu, Marathi, Gujarati, Bengali. Your parents will be comfortable here.' },
  ];
  return (
    <section className="gae-whyus">
      <div className="gae-section-inner">
        <span className="gae-eyebrow amber"><span className="dot"></span>Why Flowcare for GAE</span>
        <h2 className="gae-h2" style={{marginTop:14}}>Why <i>Flowcare</i> for Your GAE</h2>
      </div>
      <div className="gae-whyus-grid">
        {cards.map((c,i) => (
          <div key={i} className="gae-whyus-card">
            <div className="ic">{c.ic}</div>
            <h4>{c.title}</h4>
            <p>{c.desc}</p>
          </div>
        ))}
      </div>
    </section>
  );
}

/* ───────── ADULT CHILD / FAMILY DECISION ─────── */
function GAEFamily() {
  return (
    <section className="gae-family">
      <div className="gae-section-inner">
        <div className="gae-family-card">
          <span className="gae-eyebrow amber"><span className="dot"></span>For Adult Children Researching for Parents</span>
          <h2 className="gae-h2" style={{marginTop:14}}>Researching for <i>Mom or Dad?</i></h2>
          <p className="gae-lede">We get it. You want them to keep their independence — but they're scared of surgery, and you want to be sure before you push.</p>

          <div className="gae-family-grid">
            <div className="gae-family-bullet">
              <h5>📋 Help us help them — share their reports</h5>
              <p>Send your parent's X-ray, MRI, or doctor's notes via WhatsApp. We'll review and reply with an honest "yes/no/maybe" within 24 hours.</p>
            </div>
            <div className="gae-family-bullet">
              <h5>👵 Family video consults welcome</h5>
              <p>Schedule a 30-minute video call with you, your parent, and Dr. Bansal. Free for first-time families. Hindi support always available.</p>
            </div>
            <div className="gae-family-bullet">
              <h5>🚐 Logistics handled</h5>
              <p>Cab pickup-drop, hospital paperwork, insurance coordination, post-procedure caretaker briefing — all included for elderly patients.</p>
            </div>
            <div className="gae-family-bullet">
              <h5>💌 Easier conversation starter</h5>
              <p>Send them this page on WhatsApp. Or send us their contact and we'll start gently. No pressure — they decide everything.</p>
            </div>
          </div>

          <div className="gae-family-cta">
            <a className="gae-cta-wa xl" href={GAE_WA + encodeURIComponent('I want to check GAE for my parent. Please guide me.')}>💬 Help me talk to my parent about GAE</a>
            <p style={{fontSize:13,color:'#7a8094',marginTop:12}}>You'll get a reply within 5 minutes. We won't call your parent without your permission.</p>
          </div>
        </div>
      </div>
    </section>
  );
}

/* ───────── MYTHS ─────── */
const MYTHS = [
  { myth:'Knee pain is just old age. Live with it.', truth:'No. Knee pain is treatable inflammation, not destiny. GAE works for both 40-year-olds and 75-year-olds.' },
  { myth:'Once doctor says knee replacement, surgery is the only option.', truth:'False. 94% of our GAE patients have avoided or delayed knee replacement by 2+ years.' },
  { myth:'GAE is experimental.', truth:'GAE has 10+ years of peer-reviewed evidence (Japan, USA, Europe). USFDA + CE approved. Performed in 30+ countries.' },
  { myth:'Bone-on-bone (Grade 4) means I have to get surgery.', truth:'GAE often gives 1–2 years of major relief even in Grade 4. Worth trying before committing to KR.' },
  { myth:'I won\'t be able to play sports / be active again.', truth:'Most athletes return to full sport in 4–8 weeks. No permanent activity limits — unlike KR.' },
  { myth:'Steroid injections work just as well.', truth:'Steroids: 8–12 weeks of relief, joint damage with repetition. GAE: 2+ years of relief, no joint damage.' },
];

function GAEMyths() {
  return (
    <section className="gae-myths">
      <div className="gae-section-inner">
        <span className="gae-eyebrow amber"><span className="dot"></span>Truths vs. Myths</span>
        <h2 className="gae-h2" style={{marginTop:14}}>Knee-Pain Myths — <i>Cleared Up</i></h2>
      </div>
      <div className="gae-myths-grid">
        {MYTHS.map((m,i) => (
          <div key={i} className="gae-myth-card">
            <div className="myth-side">
              <div className="lbl">❌ Myth</div>
              <p>{m.myth}</p>
            </div>
            <div className="truth-side">
              <div className="lbl">✓ Truth</div>
              <p>{m.truth}</p>
            </div>
          </div>
        ))}
      </div>
    </section>
  );
}

/* ───────── TESTIMONIALS ─────── */
const TESTIMONIALS = [
  { name:'Rajesh M.', age:'48', city:'Mumbai · IT Manager', quote:'I was scheduled for knee replacement in 2 weeks. Found GAE on Google. Cancelled the surgery. 4 months later I\'m back to running 10K on weekends. Best decision of my life.', tag:'AVOIDED KR · BACK TO RUNNING' },
  { name:'Sunita Aunty', age:'67', city:'Delhi · Retired Teacher', quote:'For 5 years, climbing stairs to my temple was impossible. After GAE, in 6 weeks I climbed all 48 steps without stopping. My grandchildren can\'t believe it. I cry happy tears.', tag:'STAIRS · INDEPENDENCE' },
  { name:'Kamal S.', age:'52', city:'Hyderabad · Banker', quote:'I had given up golf. Two knees, both painful, doctors said double KR. After bilateral GAE at Flowcare, I\'m back on the course every Sunday. Walked 7 km yesterday. ₹2.8L total — half what KR would cost.', tag:'BILATERAL · GOLF RETURN' },
  { name:'Anjali D.', age:'42', city:'Bangalore · Marathon Runner', quote:'Mumbai Marathon was my dream. Right knee pain killed it for 3 years. Dr. Bansal said GAE not surgery. 5 months later, I finished my first half-marathon. The medal is on my wall — next to my GAE follow-up letter.', tag:'MARATHON DREAM' },
  { name:'Verma Family', age:'72 (Father)', city:'Chandigarh · Family Decision', quote:'Mom and I had to convince Papa for months. He hates hospitals. The Flowcare team did a video call with us. Mom asked questions in Hindi. They were patient. Day care, 4 hours, home by evening. Today Papa walks 2 km daily.', tag:'FAMILY · SENIOR · HINDI' },
  { name:'Dr. Renu V.', age:'59', city:'Pune · Cardiologist (Patient)', quote:'As a doctor I was sceptical. Researched all the literature. Met Dr. Bansal — he showed me Tokyo data. Did GAE myself. 80% pain reduction. I now refer my own patients here.', tag:'PHYSICIAN-PATIENT' },
];

function GAETestimonials() {
  return (
    <section className="gae-testimonials">
      <div className="gae-section-inner">
        <span className="gae-eyebrow amber"><span className="dot"></span>Real Stories · Real Knees</span>
        <h2 className="gae-h2" style={{marginTop:14}}>Walking, Running, <i>Living Again</i></h2>
        <p className="gae-lede">From the marathoner who avoided knee replacement to the grandmother who climbed her temple steps — these are Flowcare GAE patients in their own words.</p>
      </div>
      <div className="gae-test-grid">
        {TESTIMONIALS.map((t,i) => (
          <div key={i} className="gae-test-card">
            <div className="gae-test-tag">{t.tag}</div>
            <p className="gae-test-quote">"{t.quote}"</p>
            <div className="gae-test-meta">
              <div className="avatar">{t.name[0]}</div>
              <div>
                <div className="name">{t.name}</div>
                <div className="city">{t.age} · {t.city}</div>
              </div>
            </div>
          </div>
        ))}
      </div>
    </section>
  );
}

/* ───────── HINDI BLOCK ───────── */
function GAEHindi() {
  return (
    <section className="gae-hindi">
      <div className="gae-hindi-card">
        <span className="gae-eyebrow amber"><span className="dot"></span>हिंदी में जानकारी</span>
        <h2>घुटने के दर्द का बिना ऑपरेशन इलाज — GAE</h2>
        <p>क्या आप या आपके माता-पिता घुटने के दर्द से परेशान हैं? डॉक्टर ने घुटना बदलने की सर्जरी की सलाह दी है? रुकिए — एक नया, आधुनिक इलाज है: <strong>Genicular Artery Embolization (GAE)</strong>।</p>
        <p>यह एक 90 मिनट का इलाज है — बिना चीरा, बिना इम्प्लांट। उसी दिन घर वापस। 70–85% तक दर्द कम। 2 साल या उससे ज्यादा का असर।</p>
        <h3>कौन GAE करवा सकता है?</h3>
        <p>हर उम्र के लोग — 40 साल का खिलाड़ी जो दौड़ना चाहता है, या 75 साल के दादा-दादी जो पोते-पोतियों के साथ चलना चाहते हैं। यह सबके लिए है।</p>
        <h3>GAE कैसे काम करता है?</h3>
        <p>घुटने में सूजी हुई नसें होती हैं जो दर्द पैदा करती हैं। GAE में हम छोटे कणों से उन नसों को बंद कर देते हैं। दर्द जड़ से रुक जाता है। आपका घुटना अपना ही रहता है।</p>
        <h3>खर्च कितना है?</h3>
        <p>एक घुटने का इलाज ₹1.5 – 2.5 लाख। दोनों घुटनों का ₹2.5 – 3.5 लाख। EMI ₹14,000 प्रति माह से शुरू। बीमा भी कवर करता है।</p>
        <a className="gae-cta-wa xl" style={{marginTop:24}} href={GAE_WA + encodeURIComponent('मुझे GAE के बारे में हिंदी में जानकारी चाहिए')}>💬 हिंदी में बात करें</a>
      </div>
    </section>
  );
}

/* ───────── FAQ ───────── */
const FAQS = [
  { q:'How is GAE different from knee replacement?', a:'GAE is non-surgical — no cutting the knee, no implant. It works by blocking the abnormal blood vessels causing your pain. Knee replacement is a major surgery that removes your joint and replaces it with metal/plastic. GAE is faster, cheaper, has shorter recovery, and preserves your natural knee.' },
  { q:'Is GAE permanent? How long does it last?', a:'GAE provides 2+ years of significant pain reduction in most patients (range: 1.5–4 years). The procedure can be safely repeated if pain returns. Some patients have had two GAE procedures spaced years apart and never needed knee replacement.' },
  { q:'Will I really walk the same day?', a:'Yes. After 4–6 hours of observation, most patients walk out of the day-care facility on their own. We recommend taking it easy for 24 hours, but full mobility is restored almost immediately. By Week 1, most patients are back to office work.' },
  { q:'Is GAE safe? What are the risks?', a:'GAE is very safe — major complication rate is 0.3% (about the same as a CT scan with contrast). Minor side effects include some bruising at the entry site, mild groin discomfort, or a small temporary increase in knee pain in the first 48 hours. We screen carefully for kidney function, contrast allergy, and arterial disease before booking.' },
  { q:'Will GAE work if I am Grade 4 (bone-on-bone)?', a:'Yes, often. While GAE is most effective in Grade 2–3 (mild to moderate OA), about 60–70% of Grade 4 patients still get meaningful pain relief — enough to delay knee replacement by 1–2 years. Worth trying before committing to major surgery.' },
  { q:'Can I get GAE in both knees at once?', a:'We typically recommend doing one knee at a time, with 4–6 weeks between procedures. This is safer and gives you a "good leg" to support recovery. Total time: 6–10 weeks. Bilateral patients get a 15% discount on the second knee.' },
  { q:'Will my insurance cover GAE?', a:'Yes — GAE is covered by 25+ major Indian insurers including Star, HDFC ERGO, ICICI Lombard, Bajaj Allianz, and New India. We coordinate cashless approval with your TPA. Most patients pay ₹0 out of pocket beyond the deductible. GAE is also tax-deductible under Section 80DDB.' },
  { q:'How do I know if GAE is right for me?', a:'Send your X-ray or MRI on WhatsApp. Dr. Bansal\'s team will review and tell you honestly within 24 hours whether you\'re a candidate. No clinic visit needed. No charges. No spam. We turn down patients who aren\'t suitable — your trust matters more than a procedure.' },
  { q:'Will I be able to run / play sport after GAE?', a:'Yes. Unlike knee replacement, GAE has no permanent activity restrictions. Most athletes return to full sport — running, tennis, gym, hiking — within 4–8 weeks. We have patients running half-marathons and climbing Himalayan peaks within a year of GAE.' },
  { q:'Is GAE available at my city?', a:'Flowcare GAE is available at our flagship centres in Delhi, Mumbai, Hyderabad, and Bangalore. We have partner centres in Chennai, Pune, Kolkata, Ahmedabad, and Chandigarh. Out-of-city patients get travel coordination, hotel-near-hospital booking, and full follow-up via WhatsApp.' },
];

function GAEFaq() {
  const [open, setOpen] = React.useState(0);
  return (
    <section className="gae-faq">
      <div className="gae-faq-inner">
        <span className="gae-eyebrow amber"><span className="dot"></span>Frequently Asked</span>
        <h2 className="gae-h2" style={{marginTop:14}}>Your Questions — <i>Answered Honestly</i></h2>
        <div className="gae-faq-list">
          {FAQS.map((f,i) => (
            <div key={i} className={`gae-faq-item ${open===i?'open':''}`}>
              <div className="gae-faq-q" onClick={() => setOpen(open===i?-1:i)}>
                <span>{f.q}</span>
                <span className="ic">{open===i?'−':'+'}</span>
              </div>
              {open===i && <div className="gae-faq-a">{f.a}</div>}
            </div>
          ))}
        </div>
        <div style={{textAlign:'center',marginTop:32}}>
          <a className="gae-cta-wa" href={GAE_WA + encodeURIComponent('I have a different question about GAE')}>💬 Ask your own question</a>
        </div>
      </div>
    </section>
  );
}

/* ───────── RELATED ─────── */
function GAERelated() {
  const items = [
    { ic:'🩻', t:'Varicose Veins', d:'Laser ablation · same-day', href:'#'},
    { ic:'⚕️', t:'Uterine Fibroids (UFE)', d:'Non-surgical alternative to hysterectomy', href:'Uterine Fibroid Treatment.html' },
    { ic:'🧬', t:'Varicocele', d:'Embolization for fertility restoration', href:'Varicocele Treatment.html' },
    { ic:'🫀', t:'PAD / Diabetic Foot', d:'Limb-saving angioplasty', href:'#'},
  ];
  return (
    <section className="gae-related">
      <div className="gae-section-inner">
        <span className="gae-eyebrow amber"><span className="dot"></span>Other Treatments</span>
        <h2 className="gae-h2" style={{marginTop:14}}>Related Conditions <i>We Treat</i></h2>
        <div className="gae-related-grid">
          {items.map((it,i) => (
            <a key={i} href={it.href} className="gae-related-card">
              <div className="ic">{it.ic}</div>
              <h5>{it.t}</h5>
              <p>{it.d}</p>
            </a>
          ))}
        </div>
      </div>
    </section>
  );
}

/* ───────── FINAL CTA ───────── */
function GAEFinalCTA() {
  return (
    <section className="gae-final">
      <div className="gae-final-card">
        <span className="gae-eyebrow amber"><span className="dot"></span>Your Knee Deserves a Second Chance</span>
        <h2>Walk Pain-Free Again.<br/><i>Without Surgery.</i></h2>
        <p>Whether you're 40 and not ready to slow down, or 70 and not ready to give up — GAE could give you years of pain-free movement. Send your reports. Get an honest answer in 24 hours.</p>
        <div className="ctas">
          <a className="gae-cta-wa xl" href={GAE_WA + encodeURIComponent('I want to talk about GAE for my knee pain.')}>💬 Talk to Dr. Bansal's team</a>
          <a className="gae-cta-out" href={`tel:${GAE_PHONE.replace(/ /g,'')}`}>📞 Call · {GAE_PHONE}</a>
        </div>
        <p style={{fontSize:13,color:'rgba(255,255,255,0.6)',marginTop:18}}>Reply within 5 minutes · 9 AM – 8 PM · Hindi support · Family welcome</p>
      </div>
    </section>
  );
}

/* ───────── STICKY BOTTOM ─────── */
function GAESticky() {
  const [show, setShow] = React.useState(false);
  React.useEffect(() => {
    const onScroll = () => setShow(window.scrollY > 600);
    window.addEventListener('scroll', onScroll, { passive:true });
    return () => window.removeEventListener('scroll', onScroll);
  }, []);
  if (!show) return null;
  return (
    <div className="gae-sticky-bottom">
      <div className="meta">
        <strong style={{color:'#0E2F6B'}}>GAE — Knee Pain Relief</strong>
        <span style={{color:'#7a8094',fontSize:13}}>From ₹1.5L · EMI ₹14k/mo · Same-day discharge</span>
      </div>
      <div className="ctas">
        <a className="gae-cta-wa" href={GAE_WA + encodeURIComponent('I want to know about GAE.')}>💬 WhatsApp</a>
        <a className="gae-cta-out" href={`tel:${GAE_PHONE.replace(/ /g,'')}`}>📞 Call</a>
      </div>
    </div>
  );
}

Object.assign(window, {
  GAEPricing, GAEOutcomes, GAEDoctor, GAEWhyUs, GAEFamily, GAEMyths,
  GAETestimonials, GAEHindi, GAEFaq, GAERelated, GAEFinalCTA, GAESticky,
});