By service

{SERVICES.map(s => ( {s.title} {s.short} ))}

By concern

{CONCERNS.map(c => ( {c.label} ))}

Differentiator

Dynexus AI gait analysis

Objective movement and gait data, in-house — used to drive rehab decisions.

Learn more

); } /* ---------------- Booking Modal ---------------- */ function BookingModal({ open, onClose, initialService }) { const [step, setStep] = useState(1); const [data, setData] = useState({ location: "dhcc", service: initialService || "", name: "", email: "", phone: "", notes: "", preferred: "" }); useEffect(() => { if (open) { setStep(1); setData(d => ({ ...d, service: initialService || "" })); document.body.style.overflow = "hidden"; } else document.body.style.overflow = ""; return () => { document.body.style.overflow = ""; }; }, [open, initialService]); if (!open) return null; const set = (k, v) => setData(d => ({ ...d, [k]: v })); const next = () => setStep(s => s + 1); const back = () => setStep(s => s - 1); return (

e.stopPropagation()}>

Book an appointment

A consultation, on your terms.

Tell us a little about what you need and we'll confirm a time at your chosen location. Most patients are seen within 48 hours.

No referral required
Three locations across Dubai
Most insurers accepted — confirm at booking

Prefer WhatsApp? +971 52 121 4295 Call +971 4 366 2334

{[1,2,3].map(n => (

= n ? "is-on" : "")}> {n} {n===1?"Where & what":n===2?"Your details":"Confirm"}

))}

{step === 1 && (

Where would you like to be seen?

{LOCATIONS.map(l => ( ))}

What's the concern?

{CONCERNS.slice(0,6).map(c => ( ))}

)} {step === 2 && (

How can we reach you?

Full nameset("name", e.target.value)} placeholder="As it appears on your ID" /> Mobile (incl. country code)set("phone", e.target.value)} placeholder="+971 …" /> Emailset("email", e.target.value)} placeholder="you@example.com" /> Preferred day / timeset("preferred", e.target.value)} placeholder="e.g. Mid-week mornings" /> Anything we should know? (optional)

set("notes", e.target.value)} placeholder="A sentence is plenty — please don't include sensitive medical detail here." /></label>
              </div>
              <p className="fine">Please keep this brief. Your clinical history will be taken in private at your visit.</p>
              <div className="step-foot">
                <button className="ghost-btn" onClick={back}>Back</button>
                <button className="primary-btn" disabled={!data.name || !data.phone} onClick={next}>Review <Icon.arrow /></button>
              </div>
            </div>
          )}

{step === 3 && (
            <div className="step">
              <h4>You're all set.</h4>
              <p className="lede">Thank you, {data.name.split(" ")[0] || "there"}. A member of our front-of-house team will confirm your appointment shortly.</p>
              <div className="confirm-card">
                <div>
                  <small>Location</small>
                  <strong>{LOCATIONS.find(l=>l.id===data.location).name}</strong>
                </div>
                <div>
                  <small>Service</small>
                  <strong>{SERVICES.find(s=>s.slug===data.service)?.title}</strong>
                </div>
                <div>
                  <small>Preferred time</small>
                  <strong>{data.preferred || "Next available"}</strong>
                </div>
              </div>
              <div className="step-foot">
                <button className="ghost-btn" onClick={() => { setStep(1); }}>Book another</button>
                <button className="primary-btn" onClick={onClose}>Done</button>
              </div>
              <p className="fine" style={{marginTop:18}}>This is a design prototype — no information is sent or stored.</p>
            </div>
          )}
        </div>
      </div>
    </div>
  );
}

/* ---------------- Footer ---------------- */
function Footer() {
  return (
    <footer className="site-footer">
      <div className="wrap footer-grid">
        <div className="footer-brand">
          <Logo variant="light" />
          <p>Diversified Integrated Sports Clinic — sports medicine, chiropractic, physiotherapy and longevity care in Dubai Healthcare City since 2014.</p>
          <div className="footer-contact">
            <a href="tel:+97143662334"><Icon.phone /> +971 4 366 2334</a>
            <a href="https://wa.me/971521214295" target="_blank" rel="noopener"><Icon.whatsapp /> +971 52 121 4295</a>
            <a href="mailto:contact@disc-me.com">contact@disc-me.com</a>
          </div>
        </div>
        <div>
          <h6>Services</h6>
          <ul>{SERVICES.map(s => <li key={s.slug}><a href={`#/services/${s.slug}`}>{s.title}</a></li>)}</ul>
        </div>
        <div>
          <h6>Clinic</h6>
          <ul>
            <li><a href="#/about">About / Our approach</a></li>
            <li><a href="#/team">Our practitioners</a></li>
            <li><a href="#/locations">Locations</a></li>
            <li><a href="#/before-after">Before & after</a></li>
            <li><a href="#/contact">Book an appointment</a></li>
          </ul>
        </div>
        <div>
          <h6>Locations</h6>
          <ul>{LOCATIONS.map(l => <li key={l.id}><a href={`#/locations#${l.id}`}>{l.short} — {l.addressLines[0]}</a></li>)}</ul>
        </div>
      </div>
      <div className="wrap footer-foot">
        <div>© 2025 D.I.S.C FZ-LLC — Diversified Integrated Sports Clinic. Licensed by DHCC.</div>
        <div className="footer-socials">
          <a href="https://instagram.com/disc.uae" target="_blank" rel="noopener">Instagram</a>
          <a href="https://facebook.com/discdubai" target="_blank" rel="noopener">Facebook</a>
          <a href="https://www.linkedin.com/company/diversified-integrated-sports-clinic" target="_blank" rel="noopener">LinkedIn</a>
        </div>
      </div>
      <p className="compliance">
        All clinical care at DISC is delivered by registered practitioners. Treatment outcomes vary between
        individuals and no specific result is guaranteed. No patient imagery on this site is published
        without explicit consent and full DHA / DHCC advertising compliance.
      </p>
    </footer>
  );
}

/* ---------------- Floating WhatsApp ---------------- */
function WhatsAppFab() {
  return (
    <a className="wa-fab" href="https://wa.me/971521214295?text=Hi%20DISC%2C%20I%27d%20like%20to%20book%20a%20consultation" target="_blank" rel="noopener" aria-label="Chat on WhatsApp">
      <Icon.whatsapp />
    </a>
  );
}

window.DISC_UI = { Icon, Logo, Header, Footer, BookingModal, WhatsAppFab, useHashRoute, navigate };