/* global React, ReactDOM */ const { useState, useEffect } = React; // Backend config (from config.js). Empty apiBase => demo mode, no network. const API_BASE = (window.SHIFA_CONFIG && window.SHIFA_CONFIG.apiBase) || ""; // Bookable time slots — must match backend TIME_SLOTS (app/common.py) exactly. const TIME_SLOTS = [ "Morning (10am – 12pm)", "Afternoon (12pm – 4pm)", "Evening (4pm – 8pm)", ]; // ---------- Inline SVG icon set (all stroke, brand-cyan) ---------- const Ico = { Tooth: (p) => ( ), Implant: (p) => ( ), Root: (p) => ( ), Sparkle: (p) => ( ), Braces: (p) => ( ), Kid: (p) => ( ), Shield: (p) => ( ), Phone: (p) => ( ), Pin: (p) => ( ), Clock: (p) => ( ), Mail: (p) => ( ), Check: (p) => ( ), WA: (p) => ( ), Quote: (p) => ( ), ArrowRight: (p) => ( ), Calendar: (p) => ( ), }; // ---------- Brand mark (recreated tooth + implant from logo) ---------- const BrandMark = ({ size = 44 }) => ( {/* outer cyan tooth */} {/* inner ink swoosh */} {/* implant screw */} ); // ---------- Nav ---------- function Nav() { return ( ); } // ---------- Hero ---------- function Hero({ heroIllustration }) { return (
Now accepting new patients · Sikar

A confident smile
starts with trusted care.

Modern dentistry, gentle hands, and outcomes you can actually feel — from same-day implants to clear aligners, all under one roof in Sikar.

10+ yearsof practice
5,000+smiles restored
Sterile, modernoperatory
); } function HeroVisual({ variant = "illustration" }) { return (
{variant === "illustration" ? : }
Today's slots
5 available
★
Patient rating
4.9 / 5.0
); } // SVG illustration: stylized tooth with sparkle, no real photos function HeroIllustration() { return (
{/* soft ring */} {/* tooth body */} {/* shine */} {/* sparkles */}
); } function HeroIcon() { return (
); } // ---------- Services ---------- const SERVICES = [ { icon: "Implant", title: "Dental Implants", desc: "Permanent tooth replacement with titanium implants — chew, smile and speak with full confidence.", price: "Starting ₹18,000 / tooth" }, { icon: "Root", title: "Root Canal Treatment", desc: "Painless, single-sitting RCT using rotary endodontics to save your natural tooth from extraction.", price: "Starting ₹3,500" }, { icon: "Sparkle", title: "Teeth Whitening", desc: "Professional in-clinic whitening that brightens your smile by 4–6 shades in under an hour.", price: "Starting ₹6,000" }, { icon: "Braces", title: "Orthodontic Treatment", desc: "Metal, ceramic and clear aligners — a straighter smile tailored to your lifestyle and budget.", price: "Starting ₹25,000" }, { icon: "Kid", title: "Pediatric Dentistry", desc: "Gentle, fear-free dental care for kids — preventive checkups, sealants, and habit counseling.", price: "Starting ₹500 / visit" }, { icon: "Shield", title: "Routine Check-up", desc: "Comprehensive oral exam, scaling and polishing — keep small issues from becoming big ones.", price: "Starting ₹800" }, ]; function Services() { return (
Our Services

Everything your smile needs,
under one roof.

From routine cleaning to full-mouth rehabilitation, every treatment is delivered with modern equipment and a no-rush, patient-first approach.

{SERVICES.map((s) => { const I = Ico[s.icon]; return (

{s.title}

{s.desc}

{s.price}
); })}
); } // ---------- About / Doctor ---------- function About() { return (
Meet your dentist

A decade of careful, considered dentistry.

Dr. Abid Ali Pathan founded Shifa Dental & Implant Centre with a simple promise — every patient leaves understanding their treatment, comfortable with the cost, and proud of their smile.

1
Painless, modern protocols

Single-sitting RCT, digital impressions, and ultrasonic scaling — no guesswork, no needless visits.

2
Transparent pricing, always

Written treatment plans before any work begins. No hidden fees, no surprise add-ons.

3
Strict sterilisation standards

Autoclaved instruments, disposable barriers, and fresh PPE for every patient — without exception.

10+
Years experience
5,000+
Happy patients
800+
Implants placed
4.9★
Avg. patient rating
); } function DoctorCard() { return (
Reg. No. A-8404
Dr. Abid Ali Pathan
B.D.S., M.I.D.A.
Dr. Abid Ali Pathan

Dental Surgeon & Implantologist · Member, Indian Dental Association. Trained in advanced implantology and aesthetic dentistry.

); } // ---------- Testimonials ---------- const TESTIMONIALS = [ { name: "Pooja Sharma", area: "Piprali Road, Sikar", text: "I had been postponing my root canal for two years out of fear. Dr. Abid finished it in a single sitting, completely painless. The clinic is spotless and the staff are kind.", initials: "PS" }, { name: "Rakesh Choudhary", area: "Bajaj Road, Sikar", text: "Got two implants placed last year — they feel exactly like my natural teeth. The pricing was transparent from day one and the follow-ups were thorough. Highly recommend.", initials: "RC" }, { name: "Aisha Khan", area: "Subhash Chowk, Sikar", text: "Took my 7-year-old here and was so relieved. Dr. Abid was patient, explained every step to her, and she actually asks to go back. That tells you everything.", initials: "AK" }, ]; function Testimonials() { return (
What patients say

Real reviews from
our Sikar community.

{TESTIMONIALS.map(t => (
★★★★★
"{t.text}"
{t.initials}
{t.name} {t.area}
))}
); } // ---------- Booking form ---------- function Booking() { const [submitted, setSubmitted] = useState(false); const [submitting, setSubmitting] = useState(false); const [error, setError] = useState(""); const [apptId, setApptId] = useState(null); const [status, setStatus] = useState(null); // PENDING | CONFIRMED | CANCELLED const [slots, setSlots] = useState({}); // { [label]: { available, remaining } } const [loadingSlots, setLoadingSlots] = useState(false); const [form, setForm] = useState({ name: "", phone: "", email: "", service: "", date: "", time: "", notes: "", }); const onChange = (k) => (e) => setForm({ ...form, [k]: e.target.value }); const reset = () => { setSubmitted(false); setError(""); setApptId(null); setStatus(null); setSlots({}); setForm({ name:"", phone:"", email:"", service:"", date:"", time:"", notes:"" }); }; // Look up live availability for the chosen date. const loadAvailability = async (date) => { if (!API_BASE || !date) { setSlots({}); return; } setLoadingSlots(true); try { const res = await fetch(`${API_BASE}/availability?date=${encodeURIComponent(date)}`); const data = await res.json().catch(() => ({})); const map = {}; (data.slots || []).forEach((s) => { map[s.time] = s; }); setSlots(map); } catch (_) { setSlots({}); } finally { setLoadingSlots(false); } }; // When the date changes, refresh availability and clear a now-full selection. const onDateChange = (e) => { const date = e.target.value; setForm((f) => ({ ...f, date, time: "" })); loadAvailability(date); }; const onSubmit = async (e) => { e.preventDefault(); setError(""); // Demo mode: no backend configured. if (!API_BASE) { setStatus("PENDING"); setSubmitted(true); return; } setSubmitting(true); try { const res = await fetch(`${API_BASE}/appointments`, { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify(form), }); const data = await res.json().catch(() => ({})); if (res.status === 409) { // Slot filled up between loading and submitting — refresh and ask again. setError(data.error || "That slot just filled up. Please pick another time."); setForm((f) => ({ ...f, time: "" })); loadAvailability(form.date); return; } if (!res.ok) throw new Error(data.error || "Something went wrong. Please call the clinic."); setApptId(data.appointmentId); setStatus(data.status || "PENDING"); setSubmitted(true); } catch (err) { setError(err.message || "Could not submit. Please call the clinic."); } finally { setSubmitting(false); } }; // Poll appointment status every 10s until staff confirm or cancel it. useEffect(() => { if (!API_BASE || !apptId) return; if (status === "CONFIRMED" || status === "CANCELLED") return; const timer = setInterval(async () => { try { const res = await fetch(`${API_BASE}/appointments/${apptId}/status`); if (!res.ok) return; const data = await res.json(); if (data.status) setStatus(data.status); } catch (_) { /* keep polling */ } }, 10000); return () => clearInterval(timer); }, [apptId, status]); return (
Book an appointment

Pick a time. We'll confirm by call within an hour.

No long waits, no paperwork shuffle. Tell us what you need and we'll lock in a slot that works for you.

Same-day appointments

For toothache and emergencies — call us directly and we'll fit you in.

Free first consultation

Your first visit includes an oral exam and treatment plan — no charge, no obligation.

EMI options available

0% EMI on implants and orthodontic treatments through partner finance.

{submitted ? (
{status === "CONFIRMED" ? ( <>

Appointment confirmed 🎉

Great news, {form.name || "see you soon"}!
Your visit is confirmed{API_BASE ? " — we've sent a confirmation SMS to " + (form.phone || "your number") + (form.email ? " and " + form.email : "") + "." : "."}

) : status === "CANCELLED" ? ( <>
!

Slot unavailable

Sorry, that slot couldn't be confirmed. Please call us on +91 96361 69795 to pick another time.

) : ( <>

Request received

Thanks {form.name || "for reaching out"}!
Our team is reviewing your request{API_BASE ? " — this page updates automatically once it's confirmed." : " and will call you within an hour."}

{API_BASE &&
Checking for confirmation…
} )}
) : (

Request a visit

Fields marked * are required.

{error &&
{error}
}