﻿// Uterine Fibroid Treatment — Part 1: Hero, Empathy, WA Strip, Symptom Checker, Type Visualizer, Size

const UF_WA = window.VV_WA_NUMBER || '919414066632';
const UF_PHONE = window.VV_PHONE || '+91 94140 66632';
const UF_DOCTOR_IMG = window.FC_DOCTOR_IMG || "/uploads/Dr-Bansal.png";
const waLink = (msg) => `https://wa.me/${UF_WA}?text=${encodeURIComponent(msg)}`;

// ─── Anatomy SVG: stylised uterus illustration (Lottie placeholder) ───
function UFUterusVis({ stage = 'fibroid' }) {
  // stage: 'fibroid' | 'procedure' | 'restored'
  return (
    <svg viewBox="0 0 320 340" xmlns="http://www.w3.org/2000/svg" style={{width:'100%',height:'100%'}}>
      <defs>
        <radialGradient id="uf-glow" cx="50%" cy="40%" r="60%">
          <stop offset="0%" stopColor="#F4A6B6" stopOpacity="0.3"/>
          <stop offset="100%" stopColor="#F4A6B6" stopOpacity="0"/>
        </radialGradient>
        <linearGradient id="uf-uterus" x1="0" y1="0" x2="0" y2="1">
          <stop offset="0%" stopColor="#fbe5ea"/>
          <stop offset="100%" stopColor="#f8c4d0"/>
        </linearGradient>
        <radialGradient id="uf-fib" cx="50%" cy="50%" r="50%">
          <stop offset="0%" stopColor="#7a1a3a"/>
          <stop offset="100%" stopColor="#52102a"/>
        </radialGradient>
      </defs>
      <circle cx="160" cy="170" r="160" fill="url(#uf-glow)"/>

      {/* Fallopian tubes */}
      <path d="M 80 110 Q 100 90 130 100 L 145 115" stroke="#d97a92" strokeWidth="3" fill="none" strokeLinecap="round"/>
      <path d="M 240 110 Q 220 90 190 100 L 175 115" stroke="#d97a92" strokeWidth="3" fill="none" strokeLinecap="round"/>
      {/* Ovaries */}
      <ellipse cx="78" cy="108" rx="14" ry="10" fill="#d97a92"/>
      <ellipse cx="242" cy="108" rx="14" ry="10" fill="#d97a92"/>

      {/* Uterus body */}
      <path
        d="M 130 100 Q 125 130 115 165 Q 105 210 120 245 Q 140 275 160 280 Q 180 275 200 245 Q 215 210 205 165 Q 195 130 190 100 Q 175 95 160 95 Q 145 95 130 100 Z"
        fill="url(#uf-uterus)"
        stroke="#d97a92" strokeWidth="2"
      />

      {/* Cervix */}
      <path d="M 152 280 L 152 308 Q 160 312 168 308 L 168 280 Z" fill="#d97a92"/>

      {stage === 'fibroid' && (
        <g>
          {/* Fibroid mass */}
          <circle cx="155" cy="195" r="28" fill="url(#uf-fib)" opacity="0.85">
            <animate attributeName="r" values="28;30;28" dur="2.4s" repeatCount="indefinite"/>
          </circle>
          <circle cx="180" cy="160" r="14" fill="url(#uf-fib)" opacity="0.7"/>
          <circle cx="135" cy="220" r="10" fill="url(#uf-fib)" opacity="0.65"/>
          {/* Pulse */}
          <circle cx="155" cy="195" r="40" fill="none" stroke="#7a1a3a" strokeWidth="1.5" opacity="0.5">
            <animate attributeName="r" values="30;55;30" dur="2.4s" repeatCount="indefinite"/>
            <animate attributeName="opacity" values="0.6;0;0.6" dur="2.4s" repeatCount="indefinite"/>
          </circle>
        </g>
      )}

      {stage === 'procedure' && (
        <g>
          {/* Catheter approach */}
          <line x1="20" y1="320" x2="155" y2="195" stroke="#1FC3C7" strokeWidth="2.5" strokeLinecap="round" strokeDasharray="6 4">
            <animate attributeName="stroke-dashoffset" values="20;0" dur="1s" repeatCount="indefinite"/>
          </line>
          <circle cx="155" cy="195" r="18" fill="#7a1a3a" opacity="0.5"/>
          <circle cx="155" cy="195" r="6" fill="#1FC3C7">
            <animate attributeName="r" values="6;10;6" dur="1.4s" repeatCount="indefinite"/>
          </circle>
          {/* Embolic particles */}
          {[0,1,2,3,4].map(i => (
            <circle key={i} cx={155 + Math.cos(i)*15} cy={195 + Math.sin(i)*15} r="2" fill="#1FC3C7">
              <animate attributeName="opacity" values="0;1;0" dur={`${1.2 + i*0.2}s`} repeatCount="indefinite"/>
            </circle>
          ))}
        </g>
      )}

      {stage === 'restored' && (
        <g>
          {/* Tiny shrunk fibroid */}
          <circle cx="155" cy="195" r="6" fill="#d97a92" opacity="0.4"/>
          {/* Wellness sparkles */}
          {[[110,140],[200,150],[125,250],[195,235]].map(([x,y],i) => (
            <g key={i}>
              <circle cx={x} cy={y} r="3" fill="#1FC3C7">
                <animate attributeName="opacity" values="0;1;0" dur={`${1.5+i*0.3}s`} repeatCount="indefinite"/>
              </circle>
            </g>
          ))}
          <text x="160" y="200" textAnchor="middle" fontFamily="Cormorant Garamond, serif" fontSize="14" fill="#d97a92" fontStyle="italic" fontWeight="600">restored</text>
        </g>
      )}
    </svg>
  );
}

// ─── Hero ───
function UFHero() {
  const [stage, setStage] = React.useState('fibroid');
  React.useEffect(() => {
    const seq = ['fibroid', 'procedure', 'restored'];
    let i = 0;
    const id = setInterval(() => { i = (i + 1) % 3; setStage(seq[i]); }, 4500);
    return () => clearInterval(id);
  }, []);
  const stageLabel = { fibroid: 'Fibroid causing symptoms', procedure: 'UFE micro-catheter procedure', restored: 'Uterus restored, fertility intact' }[stage];

  return (
    <section className="uf-hero">
      <div className="uf-hero-inner">
        <div>
          <div className="uf-hero-eyebrow"><span className="dot"></span><span>Women's Health · Uterine Fibroids</span></div>
          <h1 className="uf-hero-h1">Save your uterus.<br/><i>End the pain.</i><br/>Without surgery.</h1>
          <div className="uf-hero-h1-hi">अपना गर्भाशय बचाएं — बिना ऑपरेशन</div>
          <p className="uf-hero-sub">
            Non-surgical Uterine Fibroid Embolization (UFE) by India's leading Interventional Radiologist.
            No cuts. No hysterectomy. Back home in 24 hours — with your fertility intact.
          </p>
          <div className="uf-hero-pills">
            <span className="uf-hero-pill"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2.5"><path d="M5 13l4 4L19 7"/></svg>No hysterectomy</span>
            <span className="uf-hero-pill"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2.5"><path d="M5 13l4 4L19 7"/></svg>Fertility-preserving</span>
            <span className="uf-hero-pill"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2.5"><path d="M5 13l4 4L19 7"/></svg>No major surgery</span>
            <span className="uf-hero-pill"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2.5"><path d="M5 13l4 4L19 7"/></svg>Same-day discharge</span>
          </div>
          <div className="uf-hero-stats">
            <div><div className="uf-hero-stat-num">10K+</div><div className="uf-hero-stat-lbl">Procedures</div></div>
            <div><div className="uf-hero-stat-num">95%</div><div className="uf-hero-stat-lbl">Success rate</div></div>
            <div><div className="uf-hero-stat-num">90<small style={{fontSize:14}}>min</small></div><div className="uf-hero-stat-lbl">Procedure</div></div>
            <div><div className="uf-hero-stat-num">100%</div><div className="uf-hero-stat-lbl">Uterus saved</div></div>
          </div>
          <div className="uf-hero-actions">
            <a className="uf-cta-wa" href={waLink("Hi, I want to know about non-surgical fibroid treatment")}>
              <svg viewBox="0 0 24 24" fill="currentColor"><path d="M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.198-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.297-.347.446-.52.149-.174.198-.298.297-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51l-.57-.01c-.198 0-.52.074-.792.372s-1.04 1.016-1.04 2.479 1.065 2.876 1.213 3.074c.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347m-5.421 7.403h-.004a9.87 9.87 0 01-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86 9.86 0 01-1.51-5.26c.001-5.45 4.436-9.884 9.888-9.884 2.64 0 5.122 1.03 6.988 2.898a9.825 9.825 0 012.893 6.994c-.003 5.45-4.437 9.884-9.885 9.884m8.413-18.297A11.815 11.815 0 0012.05 0C5.495 0 .16 5.335.157 11.892c0 2.096.547 4.142 1.588 5.945L.057 24l6.305-1.654a11.882 11.882 0 005.683 1.448h.005c6.554 0 11.89-5.335 11.893-11.893a11.821 11.821 0 00-3.48-8.413z"/></svg>
              Talk to doctor's team on WhatsApp
            </a>
            <a className="uf-cta-out" href="#consult">Book confidential consult</a>
          </div>
          <a className="uf-female-link" href={waLink("Hi, I would like to speak to your female patient coordinator")}>
            🌸 Speak privately with our female coordinator
          </a>
        </div>

        <div className="uf-hero-vis">
          <UFUterusVis stage={stage} />
          <div className="uf-hero-vis-stage"><span className="ind"></span>{stageLabel}</div>
          <div className="uf-hero-vis-pill uf-hero-vis-pill--1">
            <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2"><circle cx="12" cy="12" r="10"/><path d="M12 6v6l4 2"/></svg>
            90 minutes
          </div>
          <div className="uf-hero-vis-pill uf-hero-vis-pill--2">
            <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2"><path d="M9 12l2 2 4-4M21 12a9 9 0 11-18 0 9 9 0 0118 0z"/></svg>
            Pin-hole entry
          </div>
          <div className="uf-hero-vis-pill uf-hero-vis-pill--3">
            <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2"><path d="M12 21.35l-1.45-1.32C5.4 15.36 2 12.28 2 8.5 2 5.42 4.42 3 7.5 3c1.74 0 3.41.81 4.5 2.09C13.09 3.81 14.76 3 16.5 3 19.58 3 22 5.42 22 8.5c0 3.78-3.4 6.86-8.55 11.54L12 21.35z"/></svg>
            Uterus preserved
          </div>
        </div>
      </div>
    </section>
  );
}

// ─── Empathy Strip ───
function UFEmpathy() {
  const cards = [
    { ico: <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2"><circle cx="12" cy="12" r="10"/><path d="M12 8v4M12 16h.01"/></svg>,
      q: 'Tired of heavy periods controlling your life?',
      hi: 'क्या भारी पीरियड्स ने जीना मुश्किल कर दिया है?' },
    { ico: <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2"><path d="M21 11c0 5-9 11-9 11s-9-6-9-11a9 9 0 0118 0z"/><circle cx="12" cy="11" r="3"/></svg>,
      q: 'Scared a doctor will say "remove the uterus"?',
      hi: 'डर है कि डॉक्टर ऑपरेशन बोल देंगे?' },
    { ico: <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2"><path d="M12 21.35l-1.45-1.32C5.4 15.36 2 12.28 2 8.5 2 5.42 4.42 3 7.5 3c1.74 0 3.41.81 4.5 2.09C13.09 3.81 14.76 3 16.5 3 19.58 3 22 5.42 22 8.5c0 3.78-3.4 6.86-8.55 11.54L12 21.35z"/></svg>,
      q: 'Worried fibroids will affect your chance to conceive?',
      hi: 'गर्भधारण की चिंता है?' },
  ];
  return (
    <section className="uf-empathy">
      <div className="uf-section-inner">
        <div className="uf-empathy-head">
          <div className="uf-eyebrow"><span className="dot"></span><span>You're not alone</span></div>
          <h2 className="uf-h2" style={{marginTop:16}}>We hear you. <i>And we have a better way.</i></h2>
        </div>
        <div className="uf-empathy-cards">
          {cards.map((c, i) => (
            <div key={i} className="uf-empathy-card">
              <div className="uf-empathy-icon">{c.ico}</div>
              <div className="uf-empathy-q">{c.q}</div>
              <div className="uf-empathy-q-hi">{c.hi}</div>
            </div>
          ))}
        </div>
        <div className="uf-empathy-foot">
          <p className="uf-empathy-foot-p"><b>1 in 4 Indian women</b> face uterine fibroids. There's a better way — without surgery, without losing your uterus, without losing your fertility.</p>
          <a className="uf-cta-wa" href={waLink("Hi, I want to speak privately with the female patient coordinator about fibroid treatment")}>
            <svg viewBox="0 0 24 24" fill="currentColor" width="18" height="18"><path d="M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.198-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.297-.347.446-.52.149-.174.198-.298.297-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51l-.57-.01c-.198 0-.52.074-.792.372s-1.04 1.016-1.04 2.479 1.065 2.876 1.213 3.074c.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347m-5.421 7.403h-.004a9.87 9.87 0 01-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86 9.86 0 01-1.51-5.26c.001-5.45 4.436-9.884 9.888-9.884 2.64 0 5.122 1.03 6.988 2.898a9.825 9.825 0 012.893 6.994c-.003 5.45-4.437 9.884-9.885 9.884m8.413-18.297A11.815 11.815 0 0012.05 0C5.495 0 .16 5.335.157 11.892c0 2.096.547 4.142 1.588 5.945L.057 24l6.305-1.654a11.882 11.882 0 005.683 1.448h.005c6.554 0 11.89-5.335 11.893-11.893a11.821 11.821 0 00-3.48-8.413z"/></svg>
            Speak privately with our female coordinator
          </a>
        </div>
      </div>
    </section>
  );
}

// ─── WA Strip ───
function UFWaStrip() {
  const items = [
    { q: 'Can I avoid hysterectomy?', meta: 'Most patients can — find out in 5 min', msg: 'Hi, can I avoid hysterectomy with UFE?' },
    { q: 'Will UFE affect my fertility?', meta: 'Fertility-preserving · Confidential answer', msg: 'Will UFE affect my chances of conceiving?' },
    { q: 'What will it cost me?', meta: 'Honest range, no commitment', msg: 'Please share UFE treatment cost details for my case.' },
  ];
  return (
    <section className="uf-wa-strip">
      <div className="uf-section-inner">
        <h2 className="uf-wa-strip-h">Get your doubts cleared in 5 minutes — privately.</h2>
        <p className="uf-wa-strip-sub">100% confidential. Female patient coordinator available 9 AM – 8 PM. No cold calls, no spam.</p>
        <div className="uf-wa-quick">
          {items.map((it, i) => (
            <a key={i} className="uf-wa-quick-btn" href={waLink(it.msg)}>
              <svg viewBox="0 0 24 24" fill="currentColor"><path d="M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.198-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.297-.347.446-.52.149-.174.198-.298.297-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51l-.57-.01c-.198 0-.52.074-.792.372s-1.04 1.016-1.04 2.479 1.065 2.876 1.213 3.074c.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347m-5.421 7.403h-.004a9.87 9.87 0 01-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86 9.86 0 01-1.51-5.26c.001-5.45 4.436-9.884 9.888-9.884 2.64 0 5.122 1.03 6.988 2.898a9.825 9.825 0 012.893 6.994c-.003 5.45-4.437 9.884-9.885 9.884m8.413-18.297A11.815 11.815 0 0012.05 0C5.495 0 .16 5.335.157 11.892c0 2.096.547 4.142 1.588 5.945L.057 24l6.305-1.654a11.882 11.882 0 005.683 1.448h.005c6.554 0 11.89-5.335 11.893-11.893a11.821 11.821 0 00-3.48-8.413z"/></svg>
              <div className="uf-wa-quick-q">{it.q}</div>
              <div className="uf-wa-quick-meta">{it.meta}</div>
            </a>
          ))}
        </div>
      </div>
    </section>
  );
}

// ─── Symptom Checker ───
const UF_SYMPTOMS = [
  { id: 'bleed', label: 'Heavy menstrual bleeding (changing pads every 1–2 hours)', weight: 18 },
  { id: 'long', label: 'Periods lasting more than 7 days', weight: 14 },
  { id: 'pain', label: 'Severe pelvic pain or pressure', weight: 14 },
  { id: 'urin', label: 'Frequent urination / pressure on bladder', weight: 10 },
  { id: 'back', label: 'Lower back pain', weight: 8 },
  { id: 'sex', label: 'Pain during intercourse', weight: 10 },
  { id: 'fert', label: 'Difficulty conceiving / multiple miscarriages', weight: 16 },
  { id: 'swell', label: 'Visible abdominal swelling', weight: 10 },
];

function UFChecker() {
  const [picked, setPicked] = React.useState({});
  const [done, setDone] = React.useState(false);
  const total = Object.entries(picked).filter(([,v]) => v).reduce((sum, [k]) => sum + (UF_SYMPTOMS.find(s=>s.id===k)?.weight || 0), 0);
  const score = Math.min(100, total);
  const cat = score >= 70 ? 'severe' : score >= 40 ? 'moderate' : score >= 15 ? 'mild' : 'minimal';
  const heading = { severe: 'Strong fibroid pattern detected', moderate: 'Likely fibroid impact — worth confirming', mild: 'Early-stage signs — manageable', minimal: 'Low pattern match — keep observing' }[cat];
  const message = {
    severe: 'Your symptoms strongly suggest fibroids that are actively impacting your quality of life. UFE is highly effective at this stage — most women see dramatic relief within 8 weeks. We recommend a confidential consult within the next 2 weeks.',
    moderate: 'You are an excellent candidate for evaluation. A duplex ultrasound + MRI will confirm size and type. UFE preserves your uterus and fertility — book a free WhatsApp consult to discuss your options.',
    mild: 'Early symptoms respond well to monitoring + lifestyle adjustments. Track your cycle for 2 months and book a confidential consult if symptoms intensify.',
    minimal: 'Your symptom pattern is currently low. Continue routine gynec check-ups and reach out if anything changes. We are here when you need us.'
  }[cat];

  const toggle = (id) => setPicked(p => ({ ...p, [id]: !p[id] }));
  const reset = () => { setPicked({}); setDone(false); };

  if (!done) {
    const count = Object.values(picked).filter(Boolean).length;
    return (
      <section className="uf-checker" id="checker">
        <div className="uf-section-inner">
          <div style={{textAlign:'center',marginBottom:36}}>
            <div className="uf-eyebrow"><span className="dot"></span><span>30-second self-check</span></div>
            <h2 className="uf-h2" style={{marginTop:16}}>Do you have <i>uterine fibroids?</i></h2>
            <p className="uf-lede" style={{marginInline:'auto'}}>Tick everything you've experienced in the last 3 months. Your answers stay on this device — no email, no phone needed.</p>
          </div>

          <div className="uf-checker-card">
            <div className="uf-checker-head">
              <div className="uf-eyebrow"><span className="dot"></span><span>Symptom check · 8 questions</span></div>
              <div className="uf-checker-q-h">In the last 3 months, have you experienced any of these?</div>
            </div>
            <div className="uf-check-grid">
              {UF_SYMPTOMS.map(s => (
                <div key={s.id} className={`uf-check-opt ${picked[s.id] ? 'is-on' : ''}`} onClick={() => toggle(s.id)}>
                  <div className="uf-check-opt-box">
                    <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="3.5"><path d="M5 13l4 4L19 7"/></svg>
                  </div>
                  <span>{s.label}</span>
                </div>
              ))}
            </div>
            <div className="uf-check-foot">
              <div className="uf-check-counter"><b>{count}</b> / 8 selected</div>
              <button className="uf-cta-wa" onClick={() => setDone(true)} disabled={count === 0}
                style={count===0 ? {opacity:0.4, cursor:'not-allowed', boxShadow:'none'} : {}}>
                See my result
                <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2.5" width="16" height="16"><path d="M5 12h14M12 5l7 7-7 7"/></svg>
              </button>
            </div>
          </div>
        </div>
      </section>
    );
  }

  // result
  const symptomList = Object.entries(picked).filter(([,v])=>v).map(([k])=>UF_SYMPTOMS.find(s=>s.id===k)?.label).join(', ');
  return (
    <section className="uf-checker" id="checker">
      <div className="uf-section-inner">
        <div className="uf-checker-card">
          <div className="uf-check-result">
            <div className="uf-check-result-eb">YOUR RESULT · CONFIDENTIAL</div>
            <h3 className="uf-check-result-h">{heading}</h3>
            <p className="uf-check-result-p">{message}</p>
            <div className="uf-check-result-bar"><div className="uf-check-result-bar-fill" style={{width: score+'%'}}></div></div>
            <div className="uf-check-result-meta"><span>Symptom severity</span><span>{score} / 100</span></div>
            <div style={{display:'flex',gap:12,flexWrap:'wrap',marginTop:28}}>
              <a className="uf-cta-wa" href={waLink(`Hi, I just took the symptom check on your website. My result: ${heading} (score ${score}/100). Symptoms: ${symptomList}. Please advise.`)}>
                <svg viewBox="0 0 24 24" fill="currentColor" width="18" height="18"><path d="M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.198-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.297-.347.446-.52.149-.174.198-.298.297-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51l-.57-.01c-.198 0-.52.074-.792.372s-1.04 1.016-1.04 2.479 1.065 2.876 1.213 3.074c.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347m-5.421 7.403h-.004a9.87 9.87 0 01-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86 9.86 0 01-1.51-5.26c.001-5.45 4.436-9.884 9.888-9.884 2.64 0 5.122 1.03 6.988 2.898a9.825 9.825 0 012.893 6.994c-.003 5.45-4.437 9.884-9.885 9.884m8.413-18.297A11.815 11.815 0 0012.05 0C5.495 0 .16 5.335.157 11.892c0 2.096.547 4.142 1.588 5.945L.057 24l6.305-1.654a11.882 11.882 0 005.683 1.448h.005c6.554 0 11.89-5.335 11.893-11.893a11.821 11.821 0 00-3.48-8.413z"/></svg>
                Send my result to Dr. Bansal on WhatsApp
              </a>
              <button className="uf-cta-out" onClick={reset} style={{background:'transparent',color:'#fff',borderColor:'rgba(255,255,255,0.3)'}}>Retake check</button>
            </div>
          </div>
        </div>
      </div>
    </section>
  );
}

Object.assign(window, { UFHero, UFEmpathy, UFWaStrip, UFChecker, UFUterusVis, UF_WA, UF_PHONE, waLink });
