<section class="bg-cream py-20">
 <div class="mx-auto max-w-7xl px-5 lg:px-8"><div class="max-w-3xl"><span class="text-sm font-bold uppercase tracking-[.2em] text-teal-600"><?= esc($eyebrow) ?></span><h1 class="mt-4 font-display text-5xl font-extrabold tracking-tight text-navy sm:text-6xl"><?= esc($heading) ?></h1><p class="mt-6 max-w-2xl text-lg leading-8 text-slate-600"><?= esc($copy) ?></p></div></div>
</section>
<section class="bg-white py-16"><div class="mx-auto max-w-7xl px-5 lg:px-8">
<?php if($slug==='services'): ?>
 <div class="grid gap-5 md:grid-cols-2 lg:grid-cols-4"><?php foreach([['Doctor home visits','stethoscope'],['Nursing care','heart-pulse'],['Physiotherapy','activity'],['Lab sample collection','flask-conical'],['Elderly care','heart-handshake'],['Maternal care','baby'],['Chronic care','clipboard-heart'],['Teleconsultation','video']] as $c): ?><div class="rounded-2xl border border-slate-100 p-6 shadow-card"><span class="grid h-11 w-11 place-items-center rounded-xl bg-teal-50 text-teal-600"><i data-lucide="<?= $c[1] ?>" class="h-5 w-5"></i></span><h3 class="mt-4 font-display font-bold text-navy"><?= $c[0] ?></h3><p class="mt-2 text-sm leading-6 text-slate-500">Coordinated through your TibaLeta account with clear visit status and follow-up.</p></div><?php endforeach; ?></div>
<?php elseif($slug==='how-it-works'): ?>
 <div class="grid gap-6 md:grid-cols-3"><?php foreach([['01','Request care','Choose the care service, patient, address and time.'],['02','Get matched','Eligible verified practitioners are ranked by service, availability and distance.'],['03','Receive care','Track the visit, receive clinical documentation and coordinate follow-up.']] as $s): ?><div class="rounded-2xl border border-slate-100 p-7"><span class="font-display text-4xl font-extrabold text-teal-100"><?= $s[0] ?></span><h3 class="mt-3 font-display text-xl font-bold"><?= $s[1] ?></h3><p class="mt-2 text-sm leading-6 text-slate-500"><?= $s[2] ?></p></div><?php endforeach; ?></div>
<?php elseif($slug==='for-practitioners'): ?>
 <div class="grid items-center gap-10 lg:grid-cols-2"><div><h2 class="font-display text-3xl font-extrabold">A professional workspace built around mobile care.</h2><div class="mt-6 space-y-4 text-sm text-slate-600"><?php foreach(['Set online/offline availability and service radius','Receive suitable care requests through smart dispatch','Document visits, prescriptions and lab requests securely','Track earnings, payouts, reviews and professional credentials'] as $x): ?><div class="flex gap-3"><i data-lucide="check-circle-2" class="mt-0.5 h-5 w-5 shrink-0 text-teal-600"></i><span><?= $x ?></span></div><?php endforeach; ?></div><a href="/join-practitioner" class="mt-8 inline-flex rounded-xl bg-teal-600 px-5 py-3 text-sm font-bold text-white">Join TibaLeta</a></div><img class="rounded-[2rem] shadow-soft" src="/assets/images/tibaleta-practitioner-tablet.png" alt="Practitioner using TibaLeta"></div>
<?php elseif($slug==='faq'): ?>
 <div class="mx-auto max-w-3xl divide-y divide-slate-100 rounded-2xl border border-slate-100 px-6"><?php foreach([['How are practitioners verified?','Practitioner accounts remain pending until credentials and professional registration information are reviewed by TibaLeta operations.'],['Can I request care for a family member?','Yes. Patient accounts can maintain dependant and family profiles for coordinated care.'],['How is pricing shown?','Service and practitioner pricing is displayed before a request is confirmed, with payment records kept in your account.'],['Is TibaLeta for emergencies?','TibaLeta is designed for home and virtual care. Emergency situations should use the appropriate local emergency service.']] as $q): ?><details class="py-5"><summary class="cursor-pointer font-display font-bold text-navy"><?= $q[0] ?></summary><p class="mt-3 text-sm leading-6 text-slate-600"><?= $q[1] ?></p></details><?php endforeach; ?></div>
<?php elseif($slug==='contact'): ?>
 <div class="mx-auto max-w-2xl rounded-2xl border border-slate-100 bg-white p-7 shadow-card"><form class="grid gap-4"><div class="grid gap-4 sm:grid-cols-2"><input class="rounded-xl border border-slate-200 px-4 py-3 text-sm outline-none focus:border-teal-500" placeholder="Your name"><input class="rounded-xl border border-slate-200 px-4 py-3 text-sm outline-none focus:border-teal-500" type="email" placeholder="Email address"></div><select class="rounded-xl border border-slate-200 px-4 py-3 text-sm"><option>Care support</option><option>Practitioner onboarding</option><option>Partnerships</option><option>Billing</option></select><textarea class="min-h-36 rounded-xl border border-slate-200 px-4 py-3 text-sm" placeholder="How can we help?"></textarea><button type="button" class="rounded-xl bg-teal-600 px-5 py-3 text-sm font-bold text-white">Send message</button></form></div>
<?php else: ?>
 <div class="grid gap-6 lg:grid-cols-3"><div class="lg:col-span-2 rounded-2xl border border-slate-100 p-8"><h2 class="font-display text-2xl font-extrabold">Designed around safe, coordinated care</h2><p class="mt-4 leading-7 text-slate-600">TibaLeta brings discovery, dispatch, appointments, clinical records, communication, payments and partner coordination into one healthcare-at-home platform.</p><p class="mt-4 leading-7 text-slate-600">The platform separates operational access from sensitive clinical information and records important actions for accountability.</p></div><div class="rounded-2xl bg-teal-50 p-8"><h3 class="font-display text-xl font-bold">Ready to request care?</h3><p class="mt-3 text-sm leading-6 text-slate-600">Find available practitioners and choose the service that fits your needs.</p><a href="/find-care" class="mt-6 inline-flex rounded-xl bg-teal-600 px-5 py-3 text-sm font-bold text-white">Find Care</a></div></div>
<?php endif; ?>
 </div></section>
