// Molara homepage — telehealth-style public landing page. const HOME_GREEN = '#145c4f'; const HOME_GREEN_DARK = '#0d433a'; const HOME_GOLD = '#b69c34'; const HOME_SAGE = '#dfeae5'; const HOME_CREAM = '#f7f4ea'; const dentalTreatments = [ { k: 'emergency', label: 'Emergency dental consultation 24/7', icon: 'shield', body: 'For severe tooth pain, swelling, bleeding, broken teeth, or sudden dental worry. Connect quickly with Dr. Shivani, explain symptoms, share photos if needed, and get immediate next-step guidance.', }, { k: 'toothache', label: 'All types of tooth ache', icon: 'tooth', body: 'For sensitivity, chewing pain, cavity concerns, gum pain, wisdom tooth flare-ups, or root canal doubts. A dentist reviews what you feel and helps decide whether medicine, monitoring, or clinic care is needed.', }, { k: 'kids', label: 'Kids tooth care', icon: 'baby', body: 'For children’s tooth pain, milk tooth concerns, teething, early cavities, brushing habits, and dental anxiety. Parents get calm guidance on what is urgent and what can safely wait.', }, { k: 'aligners', label: 'Aligners and braces opinion', icon: 'settings', body: 'For braces, aligners, bite issues, retainers, treatment planning, or second opinions. Upload details, discuss goals, and understand possible options before committing to a clinic visit.', }, { k: 'cosmetic', label: 'Teeth whitening and cosmetic dental care', icon: 'sparkle', body: 'For whitening, stains, smile design, chipped tooth bonding, veneers, and cosmetic planning. Get a realistic online opinion on what may work and when an in-person procedure is required.', }, ]; function MarketingHome({ tone = 'warm', hideNav = false }) { const { user, signedIn } = useAuth(); useDoctorReviews(); const siteReviews = useSiteReviews ? useSiteReviews() : []; const [active, setActive] = React.useState('home'); const scrollRef = React.useRef(null); const presence = usePresence(); const onlineDoctors = DOCTORS.filter((d) => presence.has(d.id)); const featuredDoctors = DOCTORS; const go = (id) => { if (id === 'home') { setActive('home'); const root = scrollRef.current; if (root) root.scrollTo({ top: 0, behavior: 'smooth' }); return; } if (id === 'find') { window.navigate && window.navigate('/find'); return; } if (id === 'emergency') { window.startEmergencyConsult ? window.startEmergencyConsult(user) : (window.requireAuth && window.requireAuth('/book?emergency=1')); return; } setActive(id); const root = scrollRef.current; const el = root && root.querySelector(`[data-sec="${id}"]`); if (el) el.scrollIntoView({ behavior: 'smooth', block: 'start' }); }; const tabs = [ ['home', 'Home'], ['treat', 'Services'], ['how', 'How it works'], ['network', 'Dentists'], ['security', 'Records'], ]; return (
{!hideNav && ( )}
Licensed dentists online

Dental care that is convenient, calm and relevant to you.

Choose from online dental consultations for tooth pain, emergencies, kids care, aligners, braces opinions, whitening, and cosmetic dental planning.

Dr. Shivani available 24/7 Prescription and follow-up support
Services

Dental help for the moments patients actually search for.

Start online, understand the next step clearly, and move to a clinic only when hands-on care is needed.

{dentalTreatments.map((s) => { const Icon = I[s.icon] || I.tooth; return ( ); })}
How it works

From tooth trouble to a plan, in three simple steps.

{[ ['01', 'Tell us what hurts', 'Share symptoms, timing, and optional photos before the visit.'], ['02', 'Meet the dentist on WhatsApp', 'After confirmation, your registered email receives the dentist WhatsApp link for the consultation.'], ['03', 'Leave with next steps', 'Get prescription notes, care guidance, records, and follow-up eligibility.'], ].map(([n, title, body]) => (
{n}

{title}

{body}

))}
Dentists

{featuredDoctors.length} trusted dentists ready for online consultation.

Browse specialists, choose the right fit, and keep all visits connected to your patient dashboard.

{featuredDoctors.map((d) => { const stats = doctorStats(d); return ( );})}

What patient say after using Molara

{siteReviews.length ? (
{siteReviews.slice(0, 6).map((r) => (
{'★'.repeat(Number(r.rating || 5))}

“{r.note}”

{r.patientName || 'Molara patient'}
))}
) : (
Patient reviews will appear here after prescriptions are uploaded and patients share feedback.
)}
Records

Your dental record stays connected after every visit.

{[ ['Private records', 'Bookings, prescriptions, and uploaded dental records stay attached to the patient login.'], ['Doctor notes', 'The notes and prescription written after the call appear in the patient account.'], ['Follow-up window', 'Follow-ups within 7 days remain free and visible to the dentist.'], ].map(([t, b]) => (
{t}

{b}

))}
); } function marketingRouteParams(route) { const raw = String(route || window.location.hash.replace(/^#/, '') || ''); return new URLSearchParams(raw.split('?')[1] || ''); } function MolaraReviewPage({ route = '' }) { const params = marketingRouteParams(route); const consultId = params.get('consult') || ''; const initialStars = Math.max(1, Math.min(5, Number(params.get('stars') || 5))); const [rating, setRating] = React.useState(initialStars); const [note, setNote] = React.useState(''); const [busy, setBusy] = React.useState(false); const [done, setDone] = React.useState(false); const [err, setErr] = React.useState(''); const submit = async () => { setErr(''); if (!note.trim()) { setErr('Please add a short review note.'); return; } setBusy(true); try { await createSiteReview({ consultId, rating, note }); setDone(true); } catch (e) { setErr(e.message || 'Could not save review.'); } finally { setBusy(false); } }; return (
Molara review

{done ? 'Thank you for reviewing Molara.' : 'How was your Molara experience?'}

{done ? ( <>

Your review has been saved and can appear on the Molara home page.

) : ( <>

Your rating helps future patients understand the Molara experience. Please do not include private medical details in the public review.

{[1,2,3,4,5].map((n) => ( ))}