/* global React, HeroWhatsApp, WA, AvatarStack, VideoReels, CareKit */
const { useState: useStateS, useEffect: useEffectS } = React;
const { Ic } = window;
/* small section heading */
function SecHead({ kicker, children, color = 'var(--brand)', align = 'center' }) {
return (
{kicker}
{children}
);
}
const Check = ({ c = 'var(--brand)' }) =>
;
/* line-icon set for the Family Doctor Plan carousel */
const iStroke = { width: 24, height: 24, viewBox: '0 0 24 24', fill: 'none', stroke: 'var(--brand)', strokeWidth: 2, strokeLinecap: 'round', strokeLinejoin: 'round' };
const IconDoctor = ;
const IconHome = ;
const IconLab = ;
const IconChat = ;
const IconFamily = ;
/* ---------------- How it works ---------------- */
function HowItWorks() {
const steps = [
{ n: '1', t: 'Meet your Family Doctor', s: 'Your doctor visits you at home, understands your history, lifestyle and health goals.',
ic: 'User' },
{ n: '2', t: 'Complete your Health Check', s: 'Lab tests are collected at home and reviewed by your doctor to create your health baseline.',
ic: 'ClipboardList' },
{ n: '3', t: 'Get your Personalised Plan', s: 'Your doctor and care team create a health and nutrition plan tailored to you.',
ic: 'RefreshCw' },
{ n: '4', t: 'Stay on Track', s: 'Reviewed & refreshed every quarter.',
ic: 'TrendingUp' }];
return (
One Doctor. One Team
Better Health. All year
{steps.map((st, i) =>
{st.n}
{st.t}
{st.s}
{i < steps.length - 1 && }
)}
);
}
/* ---------------- What's included (the plan / care model) ---------------- */
function Included() {
const pairs = [
{ usual: 'You call a doctor only once something is already wrong', plan: 'A family doctor who knows you and guides your whole health journey' },
{ usual: 'A new face every visit who doesn’t know your history', plan: 'One care coordinator managing your labs, medicines & nutrition' },
{ usual: 'Tests, medicines & advice that never quite join up', plan: 'Care that improves your health, not just treats you when sick' }];
const XMark = ;
const Check = ;
const [idx, setIdx] = useStateS(0);
useEffectS(() => {
const id = setInterval(() => setIdx((p) => (p + 1) % pairs.length), 2800);
return () => clearInterval(id);
}, []);
return (
The Family Doctor Plan
Most care waits for you to fall sick. Ours stays with you.
See the difference, point by point.
{pairs.map((p, i) =>
{/* Healthcare as usual */}
Healthcare as usual
{XMark}{p.usual}
{/* connector arrow — sits on the seam between the two halves */}
{/* With a Family Doctor Plan */}
With a Family Doctor Plan
{Check}{p.plan}
)}
{pairs.map((_, i) =>
)}
);
}
/* ---------------- Care team showcase (auto-rotating) ---------------- */
function CareGoal() {
const cards = [
{ t: 'Your Family Doctor Visits You', s: 'Understands your health, reviews your history and creates your personal health baseline.',
photoId: 'plan-doctor', photoPh: 'Your family doctor on a home visit', photoSrc: 'app/images/plan-doctor.png?v=2',
ic: 'User' },
{ t: 'A Plan Built Around You', s: 'Your reports are reviewed together to create a personalised health and nutrition plan.',
photoId: 'plan-reports', photoPh: 'Reviewing reports together', photoSrc: 'app/images/plan-reports.png?v=2',
ic: 'FileText' },
{ t: 'Health That Improves Over Time', s: 'Ongoing support to help you stay on track and improve month after month.',
photoId: 'plan-progress', photoPh: 'Tracking progress over the year', photoSrc: 'app/images/plan-progress.png?v=2',
ic: 'TrendingUp' }];
const [idx, setIdx] = useStateS(0);
const [anim, setAnim] = useStateS(true);
const [nonce, setNonce] = useStateS(0);
const slides = [...cards, cards[0]];
const startX = React.useRef(null);
useEffectS(() => {
const id = setInterval(() => {setAnim(true);setIdx((p) => p + 1);}, 4000);
return () => clearInterval(id);
}, [nonce]);
useEffectS(() => {
if (idx === cards.length) {
const t = setTimeout(() => {setAnim(false);setIdx(0);}, 650);
return () => clearTimeout(t);
}
if (!anim) {
const r = requestAnimationFrame(() => setAnim(true));
return () => cancelAnimationFrame(r);
}
}, [idx]);
const goNext = () => {setNonce((n) => n + 1);setAnim(true);setIdx((p) => p + 1);};
const goPrev = () => {
setNonce((n) => n + 1);
if (idx <= 0) {
setAnim(false);
setIdx(cards.length);
requestAnimationFrame(() => {setAnim(true);setIdx(cards.length - 1);});
} else {
setAnim(true);
setIdx(idx - 1);
}
};
const onDown = (e) => {startX.current = e.touches ? e.touches[0].clientX : e.clientX;};
const onUp = (e) => {
if (startX.current == null) return;
const endX = e.changedTouches ? e.changedTouches[0].clientX : e.clientX;
const dx = endX - startX.current;
startX.current = null;
if (dx < -40) goNext();else
if (dx > 40) goPrev();
};
const dot = idx % cards.length;
return (
An entire care team. One shared goal: improve your health.
{slides.map((c, i) =>
{i % cards.length + 1}
{c.t}
{c.s}
)}
{cards.map((_, i) =>
)}
);
}
/* ---------------- Lab tests band ---------------- */
function LabBand() {
const services = [
{ t: 'Medicines delivered', d: 'Prescriptions to your door, same day', icon: 'Pill' },
{ t: 'Lab tests at home', d: 'NABL-accredited, reports on WhatsApp', icon: 'FlaskConical' },
{ t: 'Physiotherapy', d: 'Guided recovery sessions, in your room', icon: 'PersonStanding' },
{ t: 'ECG at home', d: 'Resting & 12-lead, read by your doctor', icon: 'HeartPulse' }];
return (
More than a doctor.
Four services, all at your doorstep.
{services.map((s) =>
{s.t}
{s.d}
)}
);
}
/* ---------------- Stories (testimonials + real home visit MERGED) ---------------- */
function GoogleG({ s = 30 }) {
return (
);
}
function Stars({ n = 5, size = 13 }) {
return (
{Array.from({ length: n }).map((_, i) =>
)}
);
}
function Stories() {
return (
Not sure if we reach you? Ask on WhatsApp we're expanding fast.
);
}
/* ---------------- FAQ ---------------- */
function FAQ() {
const [open, setOpen] = useStateS(0);
const qs = [
{ q: 'Is the same doctor every time?', a: 'Yes. You get one named family doctor and care team who keep your full history. No re-explaining at each visit.' },
{ q: 'How fast do you reply on WhatsApp?', a: 'A real person responds in about 12 minutes during the day, and we run a night line for urgent worries.' },
{ q: 'Are lab tests really done at home?', a: 'Blood is drawn at your home by our nurse and processed at NABL-accredited labs. Reports come to WhatsApp and your doctor explains them.' },
{ q: 'Can one plan cover both my parents?', a: 'The Family plan covers up to 4 members of one household, ideal for both parents, or parents and a grandparent.' },
{ q: 'What if I live in another city?', a: 'Many of our members arrange care for parents from afar. You stay in the loop on WhatsApp and we handle everything on the ground.' }];
return (
