<!-- HERO BANNER -->
<div style="max-width:1100px; margin:auto; position:relative; border-radius:12px; overflow:hidden; min-height:520px;">
<img src="https://connector.appscorridor.com/smart-hospital/uploads/gallery/media/1774704439-13668573169c7d737e4451!Clinic.jpeg" style="position:absolute; top:0; left:0; width:100%; height:100%; object-fit:cover; display:block;" />
<div style="position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.55);">&nbsp;</div>
<div style="position:absolute; bottom:40px; left:40px; right:40px; color:#fff; direction:ltr !important;">
<div style="max-width:580px; text-align:left !important; direction:ltr !important;">
<div style="background:#007bff; color:#fff; font-size:12px; font-weight:600; padding:4px 14px; border-radius:20px; margin-bottom:14px; display:table;">Est. January 2026</div>
<h1 style="font-size:38px; margin:0 0 12px; text-align:left !important;">About Al-Jannat Poly Clinic</h1>
<p style="font-size:15px; line-height:1.7; margin:0 0 20px; text-align:left !important; opacity:0.92;">A trusted center of excellence delivering compassionate, affordable, and modern healthcare to the community of Lahore.</p>
<div style="text-align:left !important; direction:ltr !important;">
<a href="https://connector.appscorridor.com/smart-hospital/form/appointment" style="display:inline-block; padding:11px 24px; background:#007bff; color:#fff; text-decoration:none; border-radius:5px; font-size:14px; font-weight:600; float:left;">Book Appointment</a>
<div style="clear:both;">&nbsp;</div>
</div>
</div>
</div>
</div>

<!-- CLINIC OVERVIEW -->
<div style="max-width:1100px; margin:50px auto; display:flex; flex-wrap:wrap; align-items:center; gap:40px; direction:ltr !important;">
<div style="flex:1; min-width:300px;">
<img src="https://connector.appscorridor.com/smart-hospital/uploads/gallery/media/1774607346-202863146469c65bf2966c5!WhatsApp Image 2026-03-26 at 3.56.20 PM.jpeg" style="width:100%; height:380px; object-fit:cover; border-radius:10px; display:block;" />
</div>
<div style="flex:1; min-width:300px; text-align:left !important; direction:ltr !important;">
<div style="background:#e8f4ff; color:#007bff; font-size:12px; font-weight:600; padding:4px 14px; border-radius:20px; margin-bottom:14px; display:table;">Who We Are</div>
<h2 style="font-size:30px; margin-bottom:16px; text-align:left !important; color:#1a1a1a;">A Clinic Built on Trust, Care & Excellence</h2>
<p style="font-size:15px; line-height:1.7; margin-bottom:14px; text-align:left !important; color:#444;">Al-Jannat Poly Clinic was inaugurated on <strong>18 January 2026</strong> by <strong>Prof. Dr. Muhammad Akram Zahid</strong>, with a clear mission — to bring specialist-level healthcare within reach of every patient in the community.</p>
<p style="font-size:15px; line-height:1.7; margin-bottom:14px; text-align:left !important; color:#444;">Located in Lahore, our clinic houses a team of 8+ highly qualified consultants covering Ophthalmology, Cardiology, Psychiatry, Orthopedics, Gynecology, Dermatology, and General Medicine.</p>
<p style="font-size:15px; line-height:1.7; margin-bottom:24px; text-align:left !important; color:#444;">We combine modern medical technology with a patient-first approach — ensuring every visit is comfortable, thorough, and effective.</p>
<div style="display:flex; flex-wrap:wrap; gap:10px; justify-content:flex-start !important; direction:ltr !important;">
<span style="background:#f0f7ff; border:1px solid #007bff; color:#007bff; padding:6px 14px; border-radius:20px; font-size:13px;">&#10003; 8+ Specialist Doctors</span>
<span style="background:#f0f7ff; border:1px solid #007bff; color:#007bff; padding:6px 14px; border-radius:20px; font-size:13px;">&#10003; In-House Lab</span>
<span style="background:#f0f7ff; border:1px solid #007bff; color:#007bff; padding:6px 14px; border-radius:20px; font-size:13px;">&#10003; Affordable Rates</span>
<span style="background:#f0f7ff; border:1px solid #007bff; color:#007bff; padding:6px 14px; border-radius:20px; font-size:13px;">&#10003; Est. Jan 2026</span>
</div>
</div>
</div>

<!-- STATS STRIP -->
<div style="background:#007bff; margin:0; padding:50px 20px;">
<div style="max-width:1100px; margin:0 auto; display:flex; flex-wrap:wrap; gap:20px; justify-content:flex-start; direction:ltr !important;">
<div style="flex:1; min-width:180px; text-align:left !important; padding:10px 20px; border-right:1px solid rgba(255,255,255,0.25);">
<div style="font-size:42px; font-weight:700; color:#fff; text-align:left !important;">900+</div>
<div style="font-size:15px; color:#cce4ff; text-align:left !important;">Patients Treated</div>
</div>
<div style="flex:1; min-width:180px; text-align:left !important; padding:10px 20px; border-right:1px solid rgba(255,255,255,0.25);">
<div style="font-size:42px; font-weight:700; color:#fff; text-align:left !important;">8+</div>
<div style="font-size:15px; color:#cce4ff; text-align:left !important;">Specialist Doctors</div>
</div>
<div style="flex:1; min-width:180px; text-align:left !important; padding:10px 20px; border-right:1px solid rgba(255,255,255,0.25);">
<div style="font-size:42px; font-weight:700; color:#fff; text-align:left !important;">6+</div>
<div style="font-size:15px; color:#cce4ff; text-align:left !important;">Medical Departments</div>
</div>
<div style="flex:1; min-width:180px; text-align:left !important; padding:10px 20px;">
<div style="font-size:42px; font-weight:700; color:#fff; text-align:left !important;">7</div>
<div style="font-size:15px; color:#cce4ff; text-align:left !important;">Day Free Camp Organized</div>
</div>
</div>
</div>

<!-- VISION & MISSION -->
<div style="max-width:1100px; margin:50px auto; direction:ltr !important;">
<div style="background:#e8f4ff; color:#007bff; font-size:12px; font-weight:600; padding:4px 14px; border-radius:20px; margin-bottom:14px; display:table;">Our Purpose</div>
<h2 style="font-size:30px; margin-bottom:28px; text-align:left !important; color:#1a1a1a;">Vision & Mission</h2>
<div style="display:flex; flex-wrap:wrap; gap:24px; direction:ltr !important;">
<div style="flex:1; min-width:300px; background:#f0f7ff; border-radius:10px; padding:30px; text-align:left !important; border-top:4px solid #007bff; direction:ltr !important;">
<div style="font-size:28px; margin-bottom:14px; text-align:left !important;">&#128270;</div>
<h3 style="font-size:20px; margin-bottom:12px; text-align:left !important; color:#007bff;">Our Vision</h3>
<p style="font-size:15px; line-height:1.7; color:#444; text-align:left !important;">To become the most trusted and accessible multi-specialty clinic in the region — where every patient, regardless of background, receives world-class medical care with dignity and compassion.</p>
</div>
<div style="flex:1; min-width:300px; background:#f0fff4; border-radius:10px; padding:30px; text-align:left !important; border-top:4px solid #28a745; direction:ltr !important;">
<div style="font-size:28px; margin-bottom:14px; text-align:left !important;">&#127919;</div>
<h3 style="font-size:20px; margin-bottom:12px; text-align:left !important; color:#28a745;">Our Mission</h3>
<p style="font-size:15px; line-height:1.7; color:#444; text-align:left !important;">To provide affordable, high-quality specialist healthcare through experienced professionals, modern diagnostic facilities, and a patient-first approach — serving every member of our community with care and integrity.</p>
</div>
<div style="flex:1; min-width:300px; background:#fff8f0; border-radius:10px; padding:30px; text-align:left !important; border-top:4px solid #fd7e14; direction:ltr !important;">
<div style="font-size:28px; margin-bottom:14px; text-align:left !important;">&#10024;</div>
<h3 style="font-size:20px; margin-bottom:12px; text-align:left !important; color:#fd7e14;">Our Values</h3>
<p style="font-size:15px; line-height:1.7; color:#444; text-align:left !important;">Compassion, integrity, excellence, and inclusivity form the core of everything we do. We treat every patient as a member of our own family — with respect, honesty, and the highest standard of care.</p>
</div>
</div>
</div>

<!-- GRAND INAUGURATION -->
<div style="max-width:1100px; margin:50px auto; display:flex; flex-wrap:wrap; align-items:center; gap:40px; direction:ltr !important;">
<div style="flex:1; min-width:300px; text-align:left !important; direction:ltr !important;">
<div style="background:#e8f4ff; color:#007bff; font-size:12px; font-weight:600; padding:4px 14px; border-radius:20px; margin-bottom:14px; display:table;">18 January 2026</div>
<h2 style="font-size:30px; margin-bottom:16px; text-align:left !important; color:#1a1a1a;">Grand Inauguration</h2>
<p style="font-size:15px; line-height:1.7; margin-bottom:14px; text-align:left !important; color:#444;">The official inauguration of <strong>Al-Jannat Poly Clinic</strong> was a landmark moment for the community of Lahore — a day that marked the beginning of accessible, specialist-level healthcare for all.</p>
<p style="font-size:15px; line-height:1.7; margin-bottom:14px; text-align:left !important; color:#444;">The ceremony was presided over by <strong>Prof. Dr. Muhammad Akram Zahid</strong>, surrounded by the clinic's full team of specialist doctors, staff, and community members.</p>
<p style="font-size:15px; line-height:1.7; margin-bottom:24px; text-align:left !important; color:#444;">The event also launched a <strong>7-day free medical camp</strong> where over <strong>900 patients</strong> were treated across 5 departments — completely free of charge.</p>
<div style="text-align:left !important; direction:ltr !important;">
<a href="https://connector.appscorridor.com/smart-hospital/page/events" style="display:inline-block; padding:11px 24px; background:#007bff; color:#fff; text-decoration:none; border-radius:5px; font-size:14px; font-weight:600; float:left;">View Events & Activities</a>
<div style="clear:both;">&nbsp;</div>
</div>
</div>
<div style="flex:1; min-width:300px;">
<img src="https://connector.appscorridor.com/smart-hospital/uploads/gallery/media/1774606308-10603846269c657e441bc2!WhatsApp Image 2026-03-26 at 3.56.16 PM.jpeg" style="width:100%; height:380px; object-fit:cover; border-radius:10px; display:block;" />
</div>
</div>

<!-- WHAT WE OFFER -->
<div style="background:#f8f9fa; padding:50px 20px; margin:50px 0;">
<div style="max-width:1100px; margin:0 auto; direction:ltr !important;">
<div style="background:#e8f4ff; color:#007bff; font-size:12px; font-weight:600; padding:4px 14px; border-radius:20px; margin-bottom:14px; display:table;">Our Services</div>
<h2 style="font-size:30px; margin-bottom:8px; text-align:left !important; color:#1a1a1a;">What We Offer</h2>
<p style="font-size:15px; color:#666; margin-bottom:28px; text-align:left !important;">Comprehensive medical services under one roof — delivered by specialists you can trust.</p>
<div style="display:flex; flex-wrap:wrap; gap:16px; direction:ltr !important;">

<div style="flex:1; min-width:200px; background:#fff; border-radius:10px; padding:22px; text-align:left !important; border-left:4px solid #007bff; direction:ltr !important;">
<div style="font-size:26px; margin-bottom:10px; text-align:left !important;">&#128065;</div>
<h3 style="font-size:16px; margin-bottom:6px; text-align:left !important; color:#1a1a1a;">Ophthalmology</h3>
<p style="font-size:13px; color:#666; line-height:1.6; text-align:left !important;">Phaco & laser eye surgery, vision correction, cataract treatment.</p>
</div>

<div style="flex:1; min-width:200px; background:#fff; border-radius:10px; padding:22px; text-align:left !important; border-left:4px solid #e83e8c; direction:ltr !important;">
<div style="font-size:26px; margin-bottom:10px; text-align:left !important;">&#10084;&#65039;</div>
<h3 style="font-size:16px; margin-bottom:6px; text-align:left !important; color:#1a1a1a;">Cardiology</h3>
<p style="font-size:13px; color:#666; line-height:1.6; text-align:left !important;">Heart disease diagnosis, ECG, cardiovascular imaging & treatment.</p>
</div>

<div style="flex:1; min-width:200px; background:#fff; border-radius:10px; padding:22px; text-align:left !important; border-left:4px solid #6f42c1; direction:ltr !important;">
<div style="font-size:26px; margin-bottom:10px; text-align:left !important;">&#129504;</div>
<h3 style="font-size:16px; margin-bottom:6px; text-align:left !important; color:#1a1a1a;">Psychiatry</h3>
<p style="font-size:13px; color:#666; line-height:1.6; text-align:left !important;">Mental health consultations, therapy & psychiatric care.</p>
</div>

<div style="flex:1; min-width:200px; background:#fff; border-radius:10px; padding:22px; text-align:left !important; border-left:4px solid #fd7e14; direction:ltr !important;">
<div style="font-size:26px; margin-bottom:10px; text-align:left !important;">&#129468;</div>
<h3 style="font-size:16px; margin-bottom:6px; text-align:left !important; color:#1a1a1a;">Orthopedics</h3>
<p style="font-size:13px; color:#666; line-height:1.6; text-align:left !important;">Joint replacement, spine surgery, orthopedic oncology.</p>
</div>

<div style="flex:1; min-width:200px; background:#fff; border-radius:10px; padding:22px; text-align:left !important; border-left:4px solid #20c997; direction:ltr !important;">
<div style="font-size:26px; margin-bottom:10px; text-align:left !important;">&#128118;</div>
<h3 style="font-size:16px; margin-bottom:6px; text-align:left !important; color:#1a1a1a;">Gynecology</h3>
<p style="font-size:13px; color:#666; line-height:1.6; text-align:left !important;">Obstetrics, gynecological consultations & women's health.</p>
</div>

<div style="flex:1; min-width:200px; background:#fff; border-radius:10px; padding:22px; text-align:left !important; border-left:4px solid #28a745; direction:ltr !important;">
<div style="font-size:26px; margin-bottom:10px; text-align:left !important;">&#128300;</div>
<h3 style="font-size:16px; margin-bottom:6px; text-align:left !important; color:#1a1a1a;">Laboratory</h3>
<p style="font-size:13px; color:#666; line-height:1.6; text-align:left !important;">Full diagnostic lab with discounted rates & same-day results.</p>
</div>

<div style="flex:1; min-width:200px; background:#fff; border-radius:10px; padding:22px; text-align:left !important; border-left:4px solid #dc3545; direction:ltr !important;">
<div style="font-size:26px; margin-bottom:10px; text-align:left !important;">&#127774;</div>
<h3 style="font-size:16px; margin-bottom:6px; text-align:left !important; color:#1a1a1a;">Dermatology</h3>
<p style="font-size:13px; color:#666; line-height:1.6; text-align:left !important;">Skin disease diagnosis, treatment & cosmetic dermatology.</p>
</div>

<div style="flex:1; min-width:200px; background:#fff; border-radius:10px; padding:22px; text-align:left !important; border-left:4px solid #17a2b8; direction:ltr !important;">
<div style="font-size:26px; margin-bottom:10px; text-align:left !important;">&#128104;&#8205;&#9877;&#65039;</div>
<h3 style="font-size:16px; margin-bottom:6px; text-align:left !important; color:#1a1a1a;">General Medicine</h3>
<p style="font-size:13px; color:#666; line-height:1.6; text-align:left !important;">Family medicine, chest specialist & senior medical officer services.</p>
</div>

</div>
</div>
</div>

<!-- OUR DOCTORS -->
<div style="max-width:1100px; margin:50px auto; font-family:Arial, sans-serif; direction:ltr !important;">
<div style="background:#e8f4ff; color:#007bff; font-size:12px; font-weight:600; padding:4px 14px; border-radius:20px; margin-bottom:14px; display:table;">Medical Team</div>
<h2 style="font-size:30px; margin-bottom:8px; text-align:left !important; color:#1a1a1a;">Our Doctors</h2>
<p style="font-size:15px; color:#666; margin-bottom:28px; text-align:left !important;">Meet our team of experienced and dedicated medical specialists.</p>

<table border="0" cellpadding="0" cellspacing="0" width="100%">
<tbody>
<tr>
<td style="padding:0 10px 20px 0;" valign="top" width="33%">
<div style="background:#fff; border-radius:10px; overflow:hidden; box-shadow:0 4px 12px rgba(0,0,0,0.1);">
<img src="https://connector.appscorridor.com/smart-hospital/uploads/gallery/media/1774670736-180654644969c75390ac179!1774513573-137316612869c4eda5c8fab!abdul ghani.jpeg" style="width:100%; height:220px; object-fit:cover; display:block;" />
<div style="padding:15px; text-align:left !important; direction:ltr !important;">
<h3 style="margin:0 0 5px; font-size:18px; text-align:left !important;">Dr. Abdul Ghani</h3>
<p style="margin:0 0 8px; font-size:13px; color:#007bff; font-weight:600; text-align:left !important;">Phaco & Laser Eye Surgeon</p>
<p style="margin:0; font-size:13px; color:#666; line-height:1.5; text-align:left !important;">MBBS, MCPS, DOMS | PMDC #4030-P</p>
</div>
</div>
</td>
<td style="padding:0 5px 20px 5px;" valign="top" width="33%">
<div style="background:#fff; border-radius:10px; overflow:hidden; box-shadow:0 4px 12px rgba(0,0,0,0.1);">
<img src="https://connector.appscorridor.com/smart-hospital/uploads/gallery/media/1774670785-85102438469c753c176550!1774514358-97115911369c4f0b60265e!khalid azam 2.jpg" style="width:100%; height:220px; object-fit:cover; display:block;" />
<div style="padding:15px; text-align:left !important; direction:ltr !important;">
<h3 style="margin:0 0 5px; font-size:18px; text-align:left !important;">Dr. Khalid Azam Khan SI (M) Brig (Retd)</h3>
<p style="margin:0 0 8px; font-size:13px; color:#007bff; font-weight:600; text-align:left !important;">Medical & Chest Specialist</p>
<p style="margin:0; font-size:13px; color:#666; line-height:1.5; text-align:left !important;">MBBS, FCPS, MRCP | PMDC #4072-N</p>
</div>
</div>
</td>
<td style="padding:0 0 20px 10px;" valign="top" width="33%">
<div style="background:#fff; border-radius:10px; overflow:hidden; box-shadow:0 4px 12px rgba(0,0,0,0.1);">
<img src="https://connector.appscorridor.com/smart-hospital/uploads/gallery/media/1774670747-181947687669c7539b8ddfa!1774515044-211266178869c4f3645e562!akram hamdani.jpeg" style="width:100%; height:220px; object-fit:cover; display:block;" />
<div style="padding:15px; text-align:left !important; direction:ltr !important;">
<h3 style="margin:0 0 5px; font-size:18px; text-align:left !important;">Col. Dr. Akram Hamdani</h3>
<p style="margin:0 0 8px; font-size:13px; color:#007bff; font-weight:600; text-align:left !important;">Consultant Psychiatrist</p>
<p style="margin:0; font-size:13px; color:#666; line-height:1.5; text-align:left !important;">MBBS, DIP Psych, FCPS, CHPE | PMDC #23610-P</p>
</div>
</div>
</td>
</tr>
<tr>
<td style="padding:0 10px 20px 0;" valign="top" width="33%">
<div style="background:#fff; border-radius:10px; overflow:hidden; box-shadow:0 4px 12px rgba(0,0,0,0.1);">
<img src="https://connector.appscorridor.com/smart-hospital/uploads/gallery/media/1774669409-91856712169c74e61cb3a8!1774515443-128267447769c4f4f331b6e!DR-MUHAMMAD-AYUB-scaled.jpg" style="width:100%; height:220px; object-fit:cover; display:block;" />
<div style="padding:15px; text-align:left !important; direction:ltr !important;">
<h3 style="margin:0 0 5px; font-size:18px; text-align:left !important;">Prof. Dr. M. Ayub</h3>
<p style="margin:0 0 8px; font-size:13px; color:#007bff; font-weight:600; text-align:left !important;">Consultant Cardiologist & Cardiovascular Imaging</p>
<p style="margin:0; font-size:13px; color:#666; line-height:1.5; text-align:left !important;">MBBS, FCPS | PMDC #10203-P</p>
</div>
</div>
</td>
<td style="padding:0 5px 20px 5px;" valign="top" width="33%">
<div style="background:#fff; border-radius:10px; overflow:hidden; box-shadow:0 4px 12px rgba(0,0,0,0.1);">
<img src="https://connector.appscorridor.com/smart-hospital/uploads/gallery/media/1774670758-214700472569c753a6c628c!1774515633-67391839269c4f5b19b5d5!samra 1.jpg" style="width:100%; height:220px; object-fit:cover; display:block;" />
<div style="padding:15px; text-align:left !important; direction:ltr !important;">
<h3 style="margin:0 0 5px; font-size:18px; text-align:left !important;">Dr. Samra Mobeen</h3>
<p style="margin:0 0 8px; font-size:13px; color:#007bff; font-weight:600; text-align:left !important;">Consultant Obstetrician & Gynecologist</p>
<p style="margin:0; font-size:13px; color:#666; line-height:1.5; text-align:left !important;">MBBS, BSC, FCPS | PMDC #76582-P</p>
</div>
</div>
</td>
<td style="padding:0 0 20px 10px;" valign="top" width="33%">
<div style="background:#fff; border-radius:10px; overflow:hidden; box-shadow:0 4px 12px rgba(0,0,0,0.1);">
<img src="https://connector.appscorridor.com/smart-hospital/uploads/gallery/media/1774670767-46702889969c753af7fcc1!1774515777-214566280769c4f64154267!ali aub.jpeg" style="width:100%; height:220px; object-fit:cover; display:block;" />
<div style="padding:15px; text-align:left !important; direction:ltr !important;">
<h3 style="margin:0 0 5px; font-size:18px; text-align:left !important;">Dr. M. Ali Ayub</h3>
<p style="margin:0 0 8px; font-size:13px; color:#007bff; font-weight:600; text-align:left !important;">Consultant Orthopedic Surgeon</p>
<p style="margin:0; font-size:13px; color:#666; line-height:1.5; text-align:left !important;">MBBS, FCPS (Ortho) | PMDC #86447-P</p>
</div>
</div>
</td>
</tr>
<tr>
<td style="padding:0 10px 20px 0;" valign="top" width="33%">
<div style="background:#fff; border-radius:10px; overflow:hidden; box-shadow:0 4px 12px rgba(0,0,0,0.1);">
<img src="https://connector.appscorridor.com/smart-hospital/uploads/gallery/media/1774672805-133963312269c75ba5b7f1a!360_F_1849040561_9Uc1paGXQg67zUnqDyknbdCa0qtXUYoR.jpg" style="width:100%; height:220px; object-fit:cover; display:block;" />
<div style="padding:15px; text-align:left !important; direction:ltr !important;">
<h3 style="margin:0 0 5px; font-size:18px; text-align:left !important;">Dr. Faseeha Altaf</h3>
<p style="margin:0 0 8px; font-size:13px; color:#007bff; font-weight:600; text-align:left !important;">Consultant Dermatologist</p>
<p style="margin:0; font-size:13px; color:#666; line-height:1.5; text-align:left !important;">MBBS, BSC, MCPS (Derma) | PMDC #55932-P</p>
</div>
</div>
</td>
<td style="padding:0 5px 20px 5px;" valign="top" width="33%">
<div style="background:#fff; border-radius:10px; overflow:hidden; box-shadow:0 4px 12px rgba(0,0,0,0.1);">
<img src="https://connector.appscorridor.com/smart-hospital/uploads/gallery/media/1774863196-197348421869ca435cc9faf!WhatsApp Image 2026-03-30 at 12.59.42 PM.jpeg" style="width:100%; height:220px; object-fit:cover; display:block;" />
<div style="padding:15px; text-align:left !important; direction:ltr !important;">
<h3 style="margin:0 0 5px; font-size:18px; text-align:left !important;">Col (R) Dr. Irfan Majeed</h3>
<p style="margin:0 0 8px; font-size:13px; color:#007bff; font-weight:600; text-align:left !important;">Dermatologist</p>
<p style="margin:0; font-size:13px; color:#666; line-height:1.5; text-align:left !important;">Lt. Col (R) M.B.B.S., DIP.DERM (A.F.P.G.M.I)</p>
</div>
</div>
</td>
<td style="padding:0 0 20px 10px;" valign="top" width="33%">
</td>
</tr>
</tbody>
</table>
</div>