Your IP : 216.73.217.78


Current Path : /home/seto/media-rock.com/seo-proposal/elixir-clinic/
Upload File :
Current File : /home/seto/media-rock.com/seo-proposal/elixir-clinic/index.html

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>The Elixir Clinic — SEO Growth Plan</title>
<style>
*{box-sizing:border-box;margin:0;padding:0}
html,body{height:100%;overflow:hidden}
body{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;color:#1a1a1a;background:#f5f5f4;display:flex;align-items:center;justify-content:center}
.prop{width:960px;height:600px;background:#fff;border-radius:16px;box-shadow:0 4px 32px rgba(0,0,0,0.12);transform-origin:center center;display:flex;flex-direction:column;overflow:hidden;position:relative;flex-shrink:0;padding:1rem 2rem 0}
.nav{display:flex;justify-content:center;gap:8px;margin-bottom:.5rem;flex-shrink:0}
.nav button{width:8px;height:8px;border-radius:50%;border:none;background:#d4d4d0;cursor:pointer;padding:0;transition:all .2s}
.nav button.active{background:#F2C12E;width:20px;border-radius:4px}
#slides{flex:1;overflow-y:auto;overflow-x:hidden;padding-bottom:2.75rem}
#slides::-webkit-scrollbar{width:3px}
#slides::-webkit-scrollbar-thumb{background:#e5e5e3;border-radius:2px}
.slide{display:none}.slide.active{display:block}
.hero{text-align:center;padding:.5rem 0 .75rem}
.logo-wrap{text-align:center;margin-bottom:1rem}
.logo-wrap img{width:110px;height:auto}
.hero-tag{display:inline-block;font-size:11px;font-weight:500;letter-spacing:.08em;text-transform:uppercase;background:#FFFBEB;color:#92400E;padding:4px 12px;border-radius:999px;margin-bottom:1rem}
.hero h1{font-size:26px;font-weight:500;line-height:1.3;margin-bottom:.75rem}
.hero p{font-size:14px;color:#737373;line-height:1.7;max-width:480px;margin:0 auto 1.5rem}
.hero-meta{display:flex;justify-content:center;gap:24px;font-size:12px;color:#737373}
.sec-title{font-size:11px;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:#737373;margin-bottom:.5rem}
.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:.75rem}
.mc{background:#fafaf9;border-radius:8px;padding:.5rem .75rem}
.mc-label{font-size:11px;color:#737373;margin-bottom:2px}
.mc-val{font-size:20px;font-weight:500}
.mc-sub{font-size:10px;color:#737373;margin-top:1px}
.mc.warn .mc-val{color:#BA7517}.mc.ok .mc-val{color:#1D9E75}
.ctable{width:100%;border-collapse:collapse;font-size:13px;margin-bottom:1.25rem}
.ctable th{font-size:10px;font-weight:500;color:#737373;text-align:left;padding:3px 8px;border-bottom:1px solid #f0f0ee}
.ctable td{padding:3px 8px;border-bottom:1px solid #f0f0ee;vertical-align:middle;font-size:12px}
.ctable tr:last-child td{border-bottom:none}
.ctable tr.me td{background:#EFF6FF}
.dt-wrap{display:flex;align-items:center;gap:6px;justify-content:flex-end}
.dt-bar{height:5px;border-radius:3px;background:#5DCAA5;flex-shrink:0}
.dt-bar.me{background:#F2C12E}
.num{text-align:right;font-variant-numeric:tabular-nums}
.kgroups{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:1rem}
.kg{background:#fafaf9;border-radius:8px;padding:.5rem .875rem}
.kg-name{font-size:13px;font-weight:500;margin-bottom:3px}
.kg-row{display:flex;justify-content:space-between;align-items:center}
.kg-count{font-size:11px;color:#a3a3a3}
.kg-vol{font-size:12px;font-weight:500;color:#1a1a1a}
.kg-total{background:#FFFBEB;border-radius:8px;padding:.5rem .875rem;display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem;border:1px solid #F2C12E}
.kg-total-label{font-size:11px;font-weight:500;color:#92400E;letter-spacing:.04em;text-transform:uppercase}
.kg-total-val{font-size:15px;font-weight:500;color:#92400E}
.two-col{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:1.25rem}
.col-title{font-size:12px;font-weight:500;color:#737373;margin-bottom:8px}
.kwtable{width:100%;border-collapse:collapse;font-size:12px}
.kwtable th{font-size:10px;font-weight:500;color:#737373;text-align:left;padding:4px 8px;border-bottom:1px solid #f0f0ee}
.kwtable td{padding:4px 8px;border-bottom:1px solid #f0f0ee;vertical-align:middle}
.kwtable tr:last-child td{border-bottom:none}
.pos{display:inline-flex;align-items:center;justify-content:center;min-width:24px;height:18px;border-radius:4px;font-size:11px;font-weight:500;padding:0 3px}
.pos.top3{background:#E1F5EE;color:#085041}
.pos.top10{background:#EAF3DE;color:#27500A}
.pos.top30{background:#FAEEDA;color:#633806}
.pos.out{background:#F1EFE8;color:#5F5E5A}
.vol-badge{font-size:11px;color:#737373;background:#fafaf9;padding:2px 6px;border-radius:4px}
.roadmap{display:flex;flex-direction:column;margin-bottom:1.25rem}
.ritem{display:flex;gap:14px;position:relative}
.ritem:not(:last-child)::before{content:'';position:absolute;left:15px;top:32px;bottom:0;width:1px;background:#e5e5e3}
.r-icon{width:32px;height:32px;border-radius:50%;border:1px solid #e5e5e3;background:#fff;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:13px;font-weight:500;color:#737373;z-index:1}
.r-body{padding:.375rem 0 1.5rem}
.r-title{font-size:14px;font-weight:500;margin-bottom:3px}
.r-desc{font-size:12px;color:#737373;line-height:1.6}
.packages{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px;margin-bottom:1.25rem}
.pkg{border:1px solid #e5e5e3;border-radius:12px;padding:1.25rem;background:#fff}
.pkg.featured{border:2px solid #F2C12E;position:relative}
.pkg-badge{position:absolute;top:-11px;left:50%;transform:translateX(-50%);background:#FFFBEB;color:#92400E;font-size:11px;font-weight:500;padding:2px 12px;border-radius:999px;white-space:nowrap}
.pkg-name{font-size:13px;font-weight:500;margin-bottom:4px}
.pkg-price{font-size:24px;font-weight:500;margin-bottom:2px}
.pkg-period{font-size:11px;color:#737373;margin-bottom:1rem}
.pkg-divider{border:none;border-top:1px solid #e5e5e3;margin-bottom:1rem}
.pkg ul{list-style:none;display:flex;flex-direction:column;gap:6px}
.pkg li{font-size:12px;color:#737373;display:flex;gap:6px;align-items:flex-start;line-height:1.5}
.pkg li::before{content:'✓';color:#1D9E75;font-weight:500;flex-shrink:0;margin-top:1px}
.pkg li.no::before{content:'—';color:#a3a3a3}
.opps{display:flex;flex-direction:column;gap:6px;margin-bottom:.75rem}
.opp{background:#fafaf9;border-radius:8px;padding:.5rem .875rem;display:flex;align-items:flex-start;gap:10px}
.opp-icon{font-size:16px;margin-top:1px;flex-shrink:0}
.opp-title{font-size:13px;font-weight:500;margin-bottom:2px}
.opp-desc{font-size:12px;color:#737373;line-height:1.6}
.cta-box{background:#fafaf9;border-radius:12px;padding:1.5rem;text-align:center}
.cta-box h3{font-size:16px;font-weight:500;margin-bottom:.5rem}
.cta-box p{font-size:13px;color:#737373;margin-bottom:1.25rem;line-height:1.6}
.insight{border-left:3px solid #BA7517;border-radius:0 8px 8px 0;padding:.625rem .875rem;font-size:12px;line-height:1.6;margin-bottom:.875rem;background:#FEFCE8;color:#713F12}
.insight.green{background:#F0FDF4;border-left-color:#1D9E75;color:#14532D}
.note{background:#fafaf9;border-radius:8px;padding:.75rem 1rem;display:flex;gap:10px;align-items:flex-start;margin-bottom:8px}
.note-icon{font-size:15px;flex-shrink:0;margin-top:1px}
.note-title{font-size:13px;font-weight:500;margin-bottom:3px}
.note-desc{font-size:12px;color:#737373;line-height:1.6}
.tag{display:inline-block;font-size:10px;padding:1px 7px;border-radius:999px;font-weight:500;margin-left:6px;vertical-align:middle}
.tag.next{background:#FAEEDA;color:#633806;border:1px solid #EF9F27}
.tag.now{background:#E1F5EE;color:#085041;border:1px solid #5DCAA5}
.data-src{font-size:10px;color:#a3a3a3;margin-top:.5rem;padding-top:.5rem;border-top:1px solid #f0f0ee;text-align:right;letter-spacing:.02em}
/* ── Technical Audit slide ── */
.score-gauge{width:72px;height:72px;border-radius:50%;background:conic-gradient(#F2C12E 0% 75%,#f0f0ee 75% 100%);display:flex;align-items:center;justify-content:center;position:relative;flex-shrink:0}
.score-gauge::after{content:'';position:absolute;width:56px;height:56px;border-radius:50%;background:#fff}
.score-inner{position:relative;z-index:1;text-align:center;line-height:1}
.score-inner-num{font-size:22px;font-weight:600;color:#1a1a1a}
.score-inner-denom{font-size:10px;color:#737373}
.audit-cat-grid{display:grid;grid-template-columns:1fr 1fr;gap:5px}
.audit-cat{background:#fff;border:1px solid #f0f0ee;border-radius:8px;padding:.375rem .625rem}
.audit-cat-name{font-size:11px;font-weight:500;color:#1a1a1a;margin-bottom:3px}
.audit-cat-badge{font-size:10px;padding:1px 7px;border-radius:999px;font-weight:500;display:inline-block}
.audit-cat-badge.err{background:#FEE2E2;color:#991B1B}
.audit-cat-badge.warn{background:#FAEEDA;color:#633806}
.audit-cat-badge.ok{background:#E1F5EE;color:#085041}
.audit-fix{border-left:3px solid #e5e5e3;border-radius:0 8px 8px 0;padding:.45rem .75rem;font-size:12px;line-height:1.5;display:flex;justify-content:space-between;align-items:baseline;gap:8px;background:#fafaf9}
.audit-fix.crit{border-left-color:#DC2626;background:#FFF5F5}
.audit-fix.warn{border-left-color:#EF9F27;background:#FFFBEB}
.audit-fix-count{font-size:11px;font-weight:600;flex-shrink:0;color:#737373}
/* ── Audit issue rows ── */
.ai-group{display:flex;flex-direction:column}
.ai-row{display:flex;justify-content:space-between;align-items:baseline;font-size:10px;padding:1.5px 0;border-bottom:1px solid #f5f5f4;gap:6px;line-height:1.35;color:#1a1a1a}
.ai-row:last-child{border-bottom:none}
.ai-num{font-size:9.5px;font-weight:600;flex-shrink:0;color:#737373}
.ai-num.red{color:#DC2626}
.ai-num.amber{color:#92400E}
.insight-btn{display:inline-flex;align-items:center;gap:7px;border-radius:6px;font-size:11px;font-family:inherit;padding:4px 10px;cursor:pointer;margin-bottom:.5rem;border:1px solid;line-height:1.4;transition:opacity .15s}
.insight-btn:hover{opacity:.75}
.insight-btn.orange{background:#FEFCE8;color:#713F12;border-color:#EF9F27}
.insight-btn.green{background:#F0FDF4;color:#14532D;border-color:#5DCAA5}
.dl-btn{background:transparent;border:1px solid #d4d4d0;border-radius:8px;padding:.3rem .85rem;font-size:11px;cursor:pointer;color:#525250;font-family:inherit;transition:all .15s;display:flex;align-items:center;gap:5px}
.dl-btn:hover{background:#fafaf9;border-color:#b0b0aa;color:#1a1a1a}
@media print{
  @page{size:10in 6.25in;margin:0}
  *{-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}
  html,body{height:auto;overflow:visible;background:#fff;display:block;margin:0;padding:0}
  .prop{transform:none!important;width:960px;height:auto;box-shadow:none;border-radius:0;overflow:visible;display:block;padding:0;margin:0}
  .nav,.slide-nav{display:none!important}
  #slides{overflow:visible;height:auto;flex:none;display:block;padding:0}
  .slide{display:block!important;width:960px;height:600px;overflow:hidden;padding:1rem 2rem 0;page-break-after:always;break-after:page}
  .slide:last-child{page-break-after:avoid;break-after:avoid}
  .insight-overlay{display:none!important}
}
.insight-overlay{display:none;position:fixed;inset:0;background:rgba(0,0,0,0.18);z-index:500;align-items:center;justify-content:center;padding:1.5rem}
.insight-overlay.open{display:flex}
.insight-card{background:#fff;border-radius:12px;padding:1.5rem 1.75rem;max-width:420px;width:100%;box-shadow:0 8px 32px rgba(0,0,0,0.14);position:relative;font-size:13px;line-height:1.75;border-left:3px solid #ccc}
.insight-card.orange{border-left-color:#BA7517;color:#713F12;background:#FEFCE8}
.insight-card.green{border-left-color:#1D9E75;color:#14532D;background:#F0FDF4}
.insight-card-close{position:absolute;top:10px;right:13px;background:none;border:none;font-size:20px;cursor:pointer;color:#a3a3a3;line-height:1;padding:0}
.slide-nav{position:absolute;bottom:0;left:0;right:0;display:flex;justify-content:center;align-items:center;gap:16px;padding:.6rem 1.5rem;background:rgba(255,255,255,0.95);backdrop-filter:blur(8px);border-top:1px solid #f0f0ee;z-index:100}
.slide-nav button{background:transparent;border:1px solid #d4d4d0;border-radius:8px;padding:.35rem 1.1rem;font-size:12px;cursor:pointer;color:#1a1a1a;transition:all .15s}
.slide-nav button:hover:not(:disabled){background:#fafaf9;border-color:#b0b0aa}
.slide-nav button:disabled{opacity:.3;cursor:default}
.slide-counter{font-size:11px;color:#737373;min-width:40px;text-align:center}
</style>
</head>
<body>
<div class="prop">
<div class="nav" id="nav"></div>
<div id="slides">

<!-- SLIDE 1: Cover -->
<div class="slide active"><div style="display:flex;flex-direction:column;align-items:center;justify-content:space-between;text-align:center;padding:1.1rem 1.5rem 1rem;height:100%">

  <!-- Logo hero -->
  <div style="display:flex;flex-direction:column;align-items:center">
    <div style="position:relative;width:148px;height:148px;display:flex;align-items:center;justify-content:center;margin-bottom:.85rem">
      <div style="position:absolute;inset:0;border-radius:50%;border:1.5px solid #F2C12E;opacity:.5"></div>
      <div style="position:absolute;inset:10px;border-radius:50%;border:1px solid #F2C12E;opacity:.2"></div>
      <div style="position:absolute;inset:10px;border-radius:50%;background:radial-gradient(circle,#FFFBEB 0%,transparent 80%)"></div>
      <img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAZAAAAB2CAYAAADm1cXnAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTExIDc5LjE1ODMyNSwgMjAxNS8wOS8xMC0wMToxMDoyMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6REUwREM4NkEzQjM2MTFFOEJBMzg4Qzg2NjQzOEYyNjQiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6REUwREM4NkIzQjM2MTFFOEJBMzg4Qzg2NjQzOEYyNjQiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpERTBEQzg2ODNCMzYxMUU4QkEzODhDODY2NDM4RjI2NCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpERTBEQzg2OTNCMzYxMUU4QkEzODhDODY2NDM4RjI2NCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PjJdgngAABIRSURBVHja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" alt="The Elixir Clinic" style="width:112px;height:auto;position:relative;z-index:1">
    </div>
    <div class="hero-tag" style="margin-bottom:.6rem">SEO Proposal · June 2026 · UAE</div>
    <h1 style="font-size:24px;font-weight:500;line-height:1.3;margin-bottom:.4rem;color:#1a1a1a">SEO Growth Plan for <span style="color:#B8941F">The Elixir Clinic</span></h1>
    <p style="font-size:12.5px;color:#737373;max-width:440px;margin:0 auto;line-height:1.65">Data-driven strategy to grow organic traffic and patient acquisition across Dubai &amp; Abu Dhabi.</p>
  </div>

  <!-- Stats strip -->
  <div style="display:flex;border:1px solid #f0f0ee;border-radius:10px;overflow:hidden;background:#fafaf9;width:100%;max-width:400px;margin-bottom:.75rem">
    <div style="flex:1;padding:.55rem .5rem;border-right:1px solid #f0f0ee">
      <div style="font-size:20px;font-weight:500;color:#1a1a1a">839</div>
      <div style="font-size:10px;color:#737373">visits/mo now</div>
    </div>
    <div style="flex:1;padding:.55rem .5rem;border-right:1px solid #f0f0ee">
      <div style="font-size:20px;font-weight:500;color:#1a1a1a">100</div>
      <div style="font-size:10px;color:#737373">target keywords</div>
    </div>
    <div style="flex:1;padding:.55rem .5rem">
      <div style="font-size:20px;font-weight:500;color:#1a1a1a">12</div>
      <div style="font-size:10px;color:#737373">service clusters</div>
    </div>
  </div>

  <!-- 3 key findings -->
  <div style="display:grid;grid-template-columns:repeat(3,1fr);gap:8px;width:100%">
    <div class="opp"><div><div class="opp-title">📊 Visibility: 7.37%</div><div class="opp-desc">Only 15 of 97 keywords rank in top 10 — significant upside across all 12 service clusters.</div></div></div>
    <div class="opp"><div><div class="opp-title">🏆 Authority competitive</div><div class="opp-desc">DT 45 — on par with skin111.com (47). The gap is content and on-page, not authority.</div></div></div>
    <div class="opp"><div><div class="opp-title">🔗 Strong backlink base</div><div class="opp-desc">389 ref. domains — more than skin111.com (323). A solid foundation to build rankings on.</div></div></div>
  </div>
</div></div>

<!-- SLIDE 2: Audit -->
<div class="slide">
  <div class="sec-title">Section 01 — Situation audit</div>
  <div class="metrics" style="grid-template-columns:repeat(4,1fr)">
    <div class="mc" style="padding:.85rem .75rem"><div class="mc-label">Domain Trust</div><div class="mc-val" style="font-size:26px">45</div><div class="mc-sub">SE Ranking score</div></div>
    <div class="mc ok" style="padding:.85rem .75rem"><div class="mc-label">Ref. domains</div><div class="mc-val" style="font-size:26px">389</div><div class="mc-sub">5,605 total backlinks</div></div>
    <div class="mc" style="padding:.85rem .75rem"><div class="mc-label">UAE traffic</div><div class="mc-val" style="font-size:26px">839</div><div class="mc-sub">organic visits/mo</div></div>
    <div class="mc" style="padding:.85rem .75rem"><div class="mc-label">UAE keywords</div><div class="mc-val" style="font-size:26px">1,462</div><div class="mc-sub">ranking in Google AE</div></div>
  </div>
  <button class="insight-btn green" onclick="showInsight(this.dataset.text,'green')" data-text="354 keywords already in top 5 in UAE — but traffic is only 839/mo. These are low-volume terms. Shifting focus to higher-volume clusters will multiply traffic without requiring more authority.">✅ 354 kw in top 5 — but only 839 visits/mo. Why?</button>
  <div class="sec-title">Competitor benchmark — source: SE Ranking · Google AE · June 2026</div>
  <table class="ctable">
    <thead><tr><th>Domain</th><th class="num">Domain Trust</th><th class="num">Traffic/mo (AE) ↓</th><th class="num">Ref. domains</th></tr></thead>
    <tbody>
      <tr><td>skin111.com</td><td class="num"><div class="dt-wrap"><div class="dt-bar" style="width:47px"></div><span>47</span></div></td><td class="num">7 936</td><td class="num">323</td></tr>
      <tr><td>novomed.com</td><td class="num"><div class="dt-wrap"><div class="dt-bar" style="width:52px"></div><span>52</span></div></td><td class="num">5 994</td><td class="num">1 047</td></tr>
      <tr><td>aestheticclinic.ae</td><td class="num"><div class="dt-wrap"><div class="dt-bar" style="width:29px"></div><span>29</span></div></td><td class="num">2 387</td><td class="num">41</td></tr>
      <tr class="me"><td><strong>theelixirclinic.com</strong></td><td class="num"><div class="dt-wrap"><div class="dt-bar me" style="width:45px"></div><span>45</span></div></td><td class="num">839</td><td class="num">389</td></tr>
      <tr><td>theaeonclinic.com</td><td class="num"><div class="dt-wrap"><div class="dt-bar" style="width:63px"></div><span>63</span></div></td><td class="num">828</td><td class="num">612</td></tr>
      <tr><td>ivhub.com</td><td class="num"><div class="dt-wrap"><div class="dt-bar" style="width:39px"></div><span>39</span></div></td><td class="num">313</td><td class="num">189</td></tr>
    </tbody>
  </table>
  <div style="background:#FFFBEA;border-left:3px solid #F2C12E;border-radius:0 8px 8px 0;padding:.5rem .75rem;margin-top:.4rem;display:flex;align-items:flex-start;gap:.5rem">
    <span style="font-size:14px;flex-shrink:0">💡</span>
    <span style="font-size:12px;color:#1a1a1a;line-height:1.45"><strong>Elixir already has the stronger foundation</strong> — DT 45 vs. 29 and 9× more referring domains (389 vs. 41) than aestheticclinic.ae. Yet they pull 2.8× more traffic (2,387 vs. 839). The gap is content depth and on-page optimisation, not authority.</span>
  </div>
  <div class="data-src">Data: SE Ranking · Ahrefs · June 2026</div>
</div>

<!-- SLIDE 3: Traffic Drivers by Cluster -->
<div class="slide">
  <div class="sec-title">Section 01b — Organic traffic by cluster</div>
  <p style="font-size:11px;color:#737373;margin-bottom:.5rem">All keywords ranking in Google UAE (pos 1–30), grouped by topic. <strong style="color:#1a1a1a">Total: ~839 organic visits/mo.</strong></p>
  <table class="ctable">
    <thead>
      <tr><th>Cluster</th><th>Top keyword</th><th class="num">Pos</th><th class="num" title="Sum of monthly search volumes for all keywords in this cluster ranking in top 30">Cluster vol/mo</th><th class="num">kw top 10</th><th class="num">Traffic ↓</th></tr>
    </thead>
    <tbody>
      <tr><td><strong>Brand</strong></td><td>elixir clinic</td><td class="num"><span class="pos top3">1</span></td><td class="num"><span class="vol-badge">7 610</span></td><td class="num">38 / 46</td><td class="num">~210</td></tr>
      <tr><td>IV Drip</td><td>iv drip</td><td class="num"><span class="pos top10">7</span></td><td class="num"><span class="vol-badge">11 910</span></td><td class="num">24 / 36</td><td class="num">~116</td></tr>
      <tr><td>Colon Hydrotherapy</td><td>colonic procedure near me</td><td class="num"><span class="pos top3">1</span></td><td class="num"><span class="vol-badge">6 870</span></td><td class="num">25 / 29</td><td class="num">~98</td></tr>
      <tr><td>Wellness / Stem Cell</td><td>stem cell</td><td class="num"><span class="pos top3">1</span></td><td class="num"><span class="vol-badge">3 660</span></td><td class="num">13 / 17</td><td class="num">~52</td></tr>
      <tr><td>Facial Treatments</td><td>best facial dubai</td><td class="num"><span class="pos top10">8</span></td><td class="num"><span class="vol-badge">3 940</span></td><td class="num">9 / 16</td><td class="num">~38</td></tr>
      <tr><td>Glutathione</td><td>gluta drip near me</td><td class="num"><span class="pos top3">1</span></td><td class="num"><span class="vol-badge">2 200</span></td><td class="num">9 / 12</td><td class="num">~28</td></tr>
      <tr><td>Laser / HBOT</td><td>candela laser</td><td class="num"><span class="pos top3">1</span></td><td class="num"><span class="vol-badge">3 580</span></td><td class="num">10 / 12</td><td class="num">~26</td></tr>
      <tr><td>Vitamin Drip</td><td>intravenous vitamin drip</td><td class="num"><span class="pos top3">1</span></td><td class="num"><span class="vol-badge">2 530</span></td><td class="num">10 / 18</td><td class="num">~24</td></tr>
      <tr><td>Chelation Therapy</td><td>chelation therapy</td><td class="num"><span class="pos top3">1</span></td><td class="num"><span class="vol-badge">520</span></td><td class="num">2 / 2</td><td class="num">~3</td></tr>
      <tr style="opacity:.45"><td>HydraFacial</td><td style="font-size:11px;color:#a3a3a3">not ranking — target vol</td><td class="num"><span class="pos out">—</span></td><td class="num"><span class="vol-badge">~7 700</span></td><td class="num">0</td><td class="num">0</td></tr>
      <tr style="opacity:.45"><td>Mesotherapy</td><td style="font-size:11px;color:#a3a3a3">not ranking — target vol</td><td class="num"><span class="pos out">—</span></td><td class="num"><span class="vol-badge">~600</span></td><td class="num">0</td><td class="num">0</td></tr>
      <tr style="opacity:.45"><td>Microneedling</td><td style="font-size:11px;color:#a3a3a3">not ranking — target vol</td><td class="num"><span class="pos out">—</span></td><td class="num"><span class="vol-badge">~420</span></td><td class="num">0</td><td class="num">0</td></tr>
    </tbody>
  </table>
  <button class="insight-btn orange" onclick="showInsight(this.dataset.text,'orange')" data-text="The site ranks for 1,462 keywords across all clusters — but 25% of all traffic comes from branded searches. IV Drip and Colon are the strongest non-brand clusters. HydraFacial (6,600 searches/mo), Mesotherapy and Microneedling contribute zero traffic — these are the biggest untapped opportunities.">💡 25% of traffic is branded — 3 major clusters drive zero visits</button>
  <div class="data-src">Data: SE Ranking Domain Overview · Google AE · June 2026</div>
</div>

<!-- SLIDE 4: Keyword landscape -->
<div class="slide">
  <div class="sec-title">Section 02 — Keyword landscape</div>
  <p style="font-size:13px;color:#737373;line-height:1.6;margin-bottom:.625rem">We identified <strong style="color:#1a1a1a">100 target keywords</strong> across 12 service clusters for theelixirclinic.com in UAE.</p>
  <div class="kg-total">
    <span class="kg-total-label">Total search volume — all 12 clusters</span>
    <span class="kg-total-val">~49 680 searches / mo</span>
  </div>
  <div class="kgroups">
    <div class="kg"><div class="kg-name">Brand</div><div class="kg-row"><span class="kg-count">8 keywords</span><span class="kg-vol">7 610 / mo</span></div></div>
    <div class="kg"><div class="kg-name">IV Drip</div><div class="kg-row"><span class="kg-count">10 keywords</span><span class="kg-vol">11 910 / mo</span></div></div>
    <div class="kg"><div class="kg-name">Vitamin Drip</div><div class="kg-row"><span class="kg-count">14 keywords</span><span class="kg-vol">2 530 / mo</span></div></div>
    <div class="kg"><div class="kg-name">Glutathione</div><div class="kg-row"><span class="kg-count">4 keywords</span><span class="kg-vol">2 200 / mo</span></div></div>
    <div class="kg"><div class="kg-name">Colon Hydrotherapy</div><div class="kg-row"><span class="kg-count">8 keywords</span><span class="kg-vol">6 870 / mo</span></div></div>
    <div class="kg"><div class="kg-name">Chelation Therapy</div><div class="kg-row"><span class="kg-count">5 keywords</span><span class="kg-vol">520 / mo</span></div></div>
    <div class="kg"><div class="kg-name">IV Laser Therapy</div><div class="kg-row"><span class="kg-count">9 keywords</span><span class="kg-vol">3 580 / mo</span></div></div>
    <div class="kg"><div class="kg-name">Facial Treatments</div><div class="kg-row"><span class="kg-count">9 keywords</span><span class="kg-vol">3 940 / mo</span></div></div>
    <div class="kg"><div class="kg-name">HydraFacial</div><div class="kg-row"><span class="kg-count">12 keywords</span><span class="kg-vol">7 700 / mo</span></div></div>
    <div class="kg"><div class="kg-name">Mesotherapy</div><div class="kg-row"><span class="kg-count">7 keywords</span><span class="kg-vol">600 / mo</span></div></div>
    <div class="kg"><div class="kg-name">Microneedling & Anti-aging</div><div class="kg-row"><span class="kg-count">8 keywords</span><span class="kg-vol">420 / mo</span></div></div>
    <div class="kg"><div class="kg-name">Wellness / General</div><div class="kg-row"><span class="kg-count">3 keywords</span><span class="kg-vol">1 800 / mo</span></div></div>
  </div>
  <div class="note">
    <div>
      <div class="note-title">📄 No dedicated landing pages per cluster <span class="tag now">Priority</span></div>
      <div class="note-desc">Each of the 12 clusters requires a dedicated, optimised service page. Currently these pages either don't exist or are not properly structured for SEO. Creating them is the single highest-impact action available.</div>
    </div>
  </div>
  <div class="note">
    <div>
      <div class="note-title">🌐 English-first, Arabic as Phase 2 <span class="tag next">Next phase</span></div>
      <div class="note-desc">Current analysis covers English-language search. Arabic-language SEO — including /ar/ content, Arabic keyword research, and hreflang setup — will be a dedicated second phase and represents a significant additional traffic opportunity in the UAE market.</div>
    </div>
  </div>
  <div class="data-src">Data: SE Ranking · Ahrefs · June 2026</div>
</div>

<!-- SLIDE 5: Keyword Performance & Low Hanging Fruits (merged) -->
<div class="slide">
  <div class="sec-title">Section 02b — Keyword performance &amp; low hanging fruits</div>
  <div class="metrics" style="grid-template-columns:repeat(3,1fr);margin-bottom:.6rem">
    <div class="mc warn"><div class="mc-label">Visibility</div><div class="mc-val">7.37%</div><div class="mc-sub">of tracked keywords</div></div>
    <div class="mc warn"><div class="mc-label">Top 10</div><div class="mc-val">15</div><div class="mc-sub">of 100 keywords</div></div>
    <div class="mc ok"><div class="mc-label">Top 30</div><div class="mc-val">43</div><div class="mc-sub">of 100 keywords</div></div>
  </div>
  <div class="two-col" style="gap:14px;margin-bottom:.5rem">
    <div>
      <div class="col-title">🏆 Established rankings (pos 1–7)</div>
      <table class="kwtable">
        <thead><tr><th>Keyword</th><th class="num">Pos.</th><th class="num">Vol.</th></tr></thead>
        <tbody>
          <tr><td>elixir clinic</td><td class="num"><span class="pos top3">1</span></td><td class="num"><span class="vol-badge">390</span></td></tr>
          <tr><td>best facial in abu dhabi</td><td class="num"><span class="pos top3">2</span></td><td class="num"><span class="vol-badge">140</span></td></tr>
          <tr><td>chelation therapy</td><td class="num"><span class="pos top10">7</span></td><td class="num"><span class="vol-badge">260</span></td></tr>
          <tr><td>colon hydrotherapy near me</td><td class="num"><span class="pos top10">7</span></td><td class="num"><span class="vol-badge">210</span></td></tr>
        </tbody>
      </table>
      <div class="col-title" style="margin-top:.5rem">🎯 Low hanging fruits (pos 8–20)</div>
      <table class="kwtable">
        <thead><tr><th>Keyword</th><th class="num">Pos.</th><th class="num">Vol.</th><th>Fix</th></tr></thead>
        <tbody>
          <tr><td>best facial dubai</td><td class="num"><span class="pos top10">8</span></td><td class="num"><span class="vol-badge">480</span></td><td style="font-size:10px;color:#737373">H1 + depth</td></tr>
          <tr><td>colonic treatments near me</td><td class="num"><span class="pos top10">10</span></td><td class="num"><span class="vol-badge">210</span></td><td style="font-size:10px;color:#737373">int. links</td></tr>
          <tr><td>colonic treatment near me</td><td class="num"><span class="pos top30">11</span></td><td class="num"><span class="vol-badge">210</span></td><td style="font-size:10px;color:#737373">int. links</td></tr>
          <tr><td>chelation therapy dubai</td><td class="num"><span class="pos top30">13</span></td><td class="num"><span class="vol-badge">50</span></td><td style="font-size:10px;color:#737373">on-page</td></tr>
        </tbody>
      </table>
    </div>
    <div>
      <div class="col-title">📈 High-volume — not ranking yet</div>
      <table class="kwtable">
        <thead><tr><th>Keyword</th><th class="num">Pos.</th><th class="num">Vol.</th></tr></thead>
        <tbody>
          <tr><td>hydrafacial</td><td class="num"><span class="pos out">—</span></td><td class="num"><span class="vol-badge">6 600</span></td></tr>
          <tr><td>iv drip</td><td class="num"><span class="pos out">46</span></td><td class="num"><span class="vol-badge">3 100</span></td></tr>
          <tr><td>colon hydrotherapy</td><td class="num"><span class="pos top30">29</span></td><td class="num"><span class="vol-badge">590</span></td></tr>
          <tr><td>hydro colon cleanse</td><td class="num"><span class="pos top30">27</span></td><td class="num"><span class="vol-badge">590</span></td></tr>
          <tr><td>glutathione iv</td><td class="num"><span class="pos out">—</span></td><td class="num"><span class="vol-badge">480</span></td></tr>
          <tr><td>best hydrafacial dubai</td><td class="num"><span class="pos out">—</span></td><td class="num"><span class="vol-badge">480</span></td></tr>
          <tr><td>vitamin drip dubai</td><td class="num"><span class="pos top30">27</span></td><td class="num"><span class="vol-badge">210</span></td></tr>
        </tbody>
      </table>
    </div>
  </div>
  <button class="insight-btn orange" onclick="showInsight(this.dataset.text,'orange')" data-text='"hydrafacial" — 6,600 searches/mo in UAE and the site doesn&apos;t rank at all. This single cluster represents the biggest immediate traffic opportunity.'>💡 Hydrafacial: 6,600/mo — not ranking at all</button>
  <div class="data-src">Data: SE Ranking · Ahrefs · June 2026</div>
</div>

<!-- SLIDE 6: Technical Audit Summary -->
<div class="slide">
  <div class="sec-title">Section 03a — Technical audit summary</div>
  <!-- Header: gauge + stats -->
  <div style="display:flex;align-items:center;gap:16px;background:#fafaf9;border-radius:12px;padding:.4rem .875rem;margin-bottom:.5rem">
    <div class="score-gauge">
      <div class="score-inner">
        <div class="score-inner-num">75</div>
        <div class="score-inner-denom">/ 100</div>
      </div>
    </div>
    <div style="flex:1">
      <div style="font-size:15px;font-weight:500;color:#1a1a1a;margin-bottom:.25rem">Health Score</div>
      <div style="font-size:11px;color:#a3a3a3;margin-bottom:.5rem">SE Ranking Site Audit · 441 pages crawled · June 2026</div>
      <div style="display:flex;gap:8px;flex-wrap:wrap">
        <span style="background:#FEE2E2;color:#991B1B;font-size:11px;font-weight:500;padding:3px 11px;border-radius:999px">42 errors</span>
        <span style="background:#FAEEDA;color:#92400E;font-size:11px;font-weight:500;padding:3px 11px;border-radius:999px">417 warnings</span>
        <span style="background:#f0f0ee;color:#737373;font-size:11px;padding:3px 11px;border-radius:999px">1 557 notices</span>
      </div>
    </div>
  </div>
  <!-- Issues grouped by severity -->
  <div style="display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px;margin-bottom:.4rem">
    <!-- ERRORS -->
    <div>
      <div style="background:#FEE2E2;color:#991B1B;font-size:10.5px;font-weight:600;padding:3px 9px;border-radius:6px;margin-bottom:6px">⛔ Errors · 6 active</div>
      <div class="ai-group">
        <div class="ai-row"><span>Orphan pages (no inlinks)</span><span class="ai-num red">18</span></div>
        <div class="ai-row"><span>Hreflang return links missing</span><span class="ai-num red">15</span></div>
        <div class="ai-row"><span>Hreflang → non-canonical</span><span class="ai-num red">4</span></div>
        <div class="ai-row"><span>Duplicate page titles</span><span class="ai-num red">2</span></div>
        <div class="ai-row"><span>4XX pages</span><span class="ai-num red">2</span></div>
        <div class="ai-row"><span>Redirect chain</span><span class="ai-num red">1</span></div>
      </div>
    </div>
    <!-- WARNINGS -->
    <div>
      <div style="background:#FAEEDA;color:#633806;font-size:10.5px;font-weight:600;padding:3px 9px;border-radius:6px;margin-bottom:6px">⚠️ Warnings · 14 active</div>
      <div class="ai-group">
        <div class="ai-row"><span>Alt text missing</span><span class="ai-num amber">284</span></div>
        <div class="ai-row"><span>3XX redirects</span><span class="ai-num amber">55</span></div>
        <div class="ai-row"><span>Internal links → 3XX</span><span class="ai-num amber">20</span></div>
        <div class="ai-row"><span>Meta description missing</span><span class="ai-num amber">16</span></div>
        <div class="ai-row"><span>Image too big</span><span class="ai-num amber">14</span></div>
        <div class="ai-row"><span>H1 missing</span><span class="ai-num amber">11</span></div>
        <div class="ai-row"><span>Slow page load</span><span class="ai-num amber">8</span></div>
        <div class="ai-row"><span>External links → 4XX</span><span class="ai-num amber">3</span></div>
        <div class="ai-row"><span>CLS poor (real-world)</span><span class="ai-num amber">1</span></div>
        <div class="ai-row"><span>CLS poor (lab)</span><span class="ai-num amber">1</span></div>
        <div class="ai-row"><span>LCP poor (real-world)</span><span class="ai-num amber">1</span></div>
        <div class="ai-row"><span>Temp redirect 302/307</span><span class="ai-num amber">1</span></div>
        <div class="ai-row"><span>3XX in XML sitemap</span><span class="ai-num amber">1</span></div>
        <div class="ai-row"><span>X-default hreflang missing</span><span class="ai-num amber">1</span></div>
      </div>
    </div>
    <!-- NOTICES -->
    <div>
      <div style="background:#f0f0ee;color:#525252;font-size:10.5px;font-weight:600;padding:3px 9px;border-radius:6px;margin-bottom:6px">ℹ️ Notices · 16 active</div>
      <div class="ai-group">
        <div class="ai-row"><span>CSS too big</span><span class="ai-num">284</span></div>
        <div class="ai-row"><span>Ext. links → 3XX</span><span class="ai-num">283</span></div>
        <div class="ai-row"><span>Ext. links no anchor</span><span class="ai-num">283</span></div>
        <div class="ai-row"><span>Int. links no anchor</span><span class="ai-num">200</span></div>
        <div class="ai-row"><span>Blocked by noindex</span><span class="ai-num">100</span></div>
        <div class="ai-row"><span>Blocked by nofollow</span><span class="ai-num">100</span></div>
        <div class="ai-row"><span>Description too long</span><span class="ai-num">96</span></div>
        <div class="ai-row"><span>JS not cached</span><span class="ai-num">66</span></div>
        <div class="ai-row"><span>JS not minified</span><span class="ai-num">66</span></div>
        <div class="ai-row"><span>Nofollow int. links</span><span class="ai-num">31</span></div>
        <div class="ai-row"><span>Title too long</span><span class="ai-num">27</span></div>
        <div class="ai-row"><span>Duplicate H1</span><span class="ai-num">8</span></div>
        <div class="ai-row"><span>1 inbound link only</span><span class="ai-num">4</span></div>
        <div class="ai-row"><span>Identical title + H1</span><span class="ai-num">2</span></div>
        <div class="ai-row"><span>Multiple H1</span><span class="ai-num">1</span></div>
        <div class="ai-row"><span>Too many JS files</span><span class="ai-num">1</span></div>
      </div>
    </div>
  </div>
  <div style="background:#F0FDF4;border:1px solid #86EFAC;border-radius:8px;padding:.3rem .625rem;font-size:10.5px;color:#14532D;line-height:1.5;margin-bottom:.25rem">
    <strong>Not every issue needs to be fixed.</strong> Notices are informational — most can be deprioritised. Warnings are reviewed case by case. <strong>All errors must be resolved.</strong> Target: bring the health score from 75 → <strong>90–95%</strong>.
  </div>
  <div class="data-src">Data: SE Ranking Site Audit · June 2026</div>
</div>

<!-- SLIDE 7: Site Structure Discovery -->
<div class="slide">
  <div class="sec-title">Section 03b — Site structure discovery</div>
  <p style="font-size:11px;color:#737373;margin-bottom:.625rem">441 pages crawled. Distribution by section reveals a structural question that affects the entire SEO strategy.</p>
  <div class="two-col" style="gap:20px;margin-bottom:.625rem">
    <div>
      <div class="col-title">Pages by directory</div>
      <div style="display:flex;flex-direction:column;gap:5px">
        <!-- Bar rows -->
        <div style="display:flex;align-items:center;gap:8px;font-size:12px">
          <span style="width:130px;flex-shrink:0;color:#1a1a1a">/product-category</span>
          <div style="flex:1;background:#f0f0ee;border-radius:3px;height:8px"><div style="width:22%;height:100%;background:#DC2626;border-radius:3px"></div></div>
          <span style="width:40px;text-align:right;color:#DC2626;font-weight:500">99</span>
        </div>
        <div style="display:flex;align-items:center;gap:8px;font-size:12px">
          <span style="width:130px;flex-shrink:0;color:#737373">Blog (2018–2026)</span>
          <div style="flex:1;background:#f0f0ee;border-radius:3px;height:8px"><div style="width:21%;height:100%;background:#5DCAA5;border-radius:3px"></div></div>
          <span style="width:40px;text-align:right;color:#737373">93</span>
        </div>
        <div style="display:flex;align-items:center;gap:8px;font-size:12px">
          <span style="width:130px;flex-shrink:0;color:#737373">/ar (Arabic)</span>
          <div style="flex:1;background:#f0f0ee;border-radius:3px;height:8px"><div style="width:12%;height:100%;background:#93C5FD;border-radius:3px"></div></div>
          <span style="width:40px;text-align:right;color:#737373">55</span>
        </div>
        <div style="display:flex;align-items:center;gap:8px;font-size:12px">
          <span style="width:130px;flex-shrink:0;color:#1a1a1a">/product</span>
          <div style="flex:1;background:#f0f0ee;border-radius:3px;height:8px"><div style="width:4%;height:100%;background:#FCA5A5;border-radius:3px"></div></div>
          <span style="width:40px;text-align:right;color:#DC2626;font-weight:500">16</span>
        </div>
        <div style="display:flex;align-items:center;gap:8px;font-size:12px">
          <span style="width:130px;flex-shrink:0;color:#1a1a1a">/shop</span>
          <div style="flex:1;background:#f0f0ee;border-radius:3px;height:8px"><div style="width:3%;height:100%;background:#FCA5A5;border-radius:3px"></div></div>
          <span style="width:40px;text-align:right;color:#DC2626;font-weight:500">15</span>
        </div>
        <div style="display:flex;align-items:center;gap:8px;font-size:12px">
          <span style="width:130px;flex-shrink:0;color:#1a1a1a">Service pages</span>
          <div style="flex:1;background:#f0f0ee;border-radius:3px;height:8px"><div style="width:2%;height:100%;background:#F2C12E;border-radius:3px"></div></div>
          <span style="width:40px;text-align:right;color:#737373">~10</span>
        </div>
        <div style="display:flex;align-items:center;gap:8px;font-size:12px">
          <span style="width:130px;flex-shrink:0;color:#737373">Other</span>
          <div style="flex:1;background:#f0f0ee;border-radius:3px;height:8px"><div style="width:36%;height:100%;background:#d4d4d0;border-radius:3px"></div></div>
          <span style="width:40px;text-align:right;color:#737373">163</span>
        </div>
      </div>
      <div style="margin-top:.75rem;background:#FEE2E2;border-radius:8px;padding:.5rem .75rem;font-size:12px;color:#991B1B">
        <strong>130 pages (29%)</strong> are shop-related — vs. <strong>~10 actual service pages</strong>
      </div>
    </div>
    <div>
      <div class="col-title">Strategic question</div>
      <div style="background:#FFFBEB;border:1px solid #F2C12E;border-radius:12px;padding:1rem;margin-bottom:.625rem">
        <div style="font-size:13px;font-weight:500;color:#92400E;margin-bottom:.5rem">Do you plan to develop the online shop?</div>
        <div style="font-size:12px;color:#713F12;line-height:1.7">The site has <strong>130 WooCommerce pages</strong> (/product, /product-category, /shop) that Google is actively crawling — but there are almost no dedicated SEO service pages. This creates two very different strategies:</div>
      </div>
      <div style="display:flex;flex-direction:column;gap:6px">
        <div class="note" style="margin-bottom:0">
          <div>
            <div class="note-title" style="font-size:12px">Services only <span class="tag now">Recommended</span></div>
            <div class="note-desc">Noindex all shop pages → crawl budget fully redirected to service pages → faster ranking gains on clinic keywords.</div>
          </div>
        </div>
        <div class="note" style="margin-bottom:0">
          <div>
            <div class="note-title" style="font-size:12px">Services + e-commerce <span class="tag next">If planned</span></div>
            <div class="note-desc">Optimise both sections separately. Shop pages need their own keyword mapping, product descriptions, and internal linking strategy.</div>
          </div>
        </div>
      </div>
    </div>
  </div>
  <div class="data-src">Data: SE Ranking Site Audit · June 2026</div>
</div>

<!-- SLIDE 8: Action Plan -->
<div class="slide">
  <div class="sec-title">Section 03 — Action plan</div>
  <div class="roadmap">
    <div class="ritem"><div class="r-icon">1</div><div class="r-body"><div class="r-title">Technical SEO audit & fixes</div><div class="r-desc">Full site crawl, Core Web Vitals, redirects, canonical tags, structured data (MedicalClinic schema), mobile optimisation.</div></div></div>
    <div class="ritem"><div class="r-icon">2</div><div class="r-body"><div class="r-title">On-page optimisation</div><div class="r-desc">Optimise titles, H1s, meta descriptions and content for all 12 keyword clusters. Target URL mapping per cluster.</div></div></div>
    <div class="ritem"><div class="r-icon">3</div><div class="r-body"><div class="r-title">Content strategy & landing pages</div><div class="r-desc">Create dedicated SEO service pages for each keyword cluster. Supporting blog content to build topical authority and capture informational queries.</div></div></div>
    <div class="ritem"><div class="r-icon">4</div><div class="r-body"><div class="r-title">Local SEO</div><div class="r-desc">Google Business Profile for Dubai & Abu Dhabi. NAP consistency across UAE directories. Reviews strategy.</div></div></div>
    <div class="ritem"><div class="r-icon">5</div><div class="r-body"><div class="r-title">Link building</div><div class="r-desc">Outreach to UAE health & lifestyle publications. Directory listings. Guest posts on relevant medical & wellness sites.</div></div></div>
    <div class="ritem"><div class="r-icon" style="background:#FFFBEB;color:#92400E;border-color:#F2C12E">6</div><div class="r-body"><div class="r-title">Monthly reporting</div><div class="r-desc">Rank tracking for 100 keywords, competitor visibility comparison, traffic analysis, next-month priorities.</div></div></div>
  </div>
</div>

<!-- SLIDE 7: Packages -->
<div class="slide">
  <div class="sec-title">Section 04 — Packages</div>
  <div class="packages">
    <div class="pkg">
      <div class="pkg-name">Essential</div>
      <div class="pkg-price">$XXX</div>
      <div class="pkg-period">per month</div>
      <hr class="pkg-divider">
      <ul>
        <li>Technical SEO audit &amp; implementation</li>
        <li>On-page (existing landing pages)</li>
        <li>Rank tracking (100 kw)</li>
        <li>Competitor tracking (5 domains)</li>
        <li>Monthly reporting</li>
        <li class="no">Guest posts link building</li>
        <li class="no">Blog content creation</li>
      </ul>
    </div>
    <div class="pkg featured">
      <div class="pkg-badge">Most popular</div>
      <div class="pkg-name">Growth</div>
      <div class="pkg-price">$XXX</div>
      <div class="pkg-period">per month</div>
      <hr class="pkg-divider">
      <ul>
        <li>Everything in Essential</li>
        <li>New service pages per keyword clusters</li>
        <li>2 blog articles/month</li>
        <li>Guest posts link building (5/mo)</li>
        <li class="no">Local SEO + Google Business Profile</li>
        <li class="no">AI Search optimisation</li>
      </ul>
    </div>
    <div class="pkg">
      <div class="pkg-name">Maximum</div>
      <div class="pkg-price">$XXX</div>
      <div class="pkg-period">per month</div>
      <hr class="pkg-divider">
      <ul>
        <li>Everything in Growth</li>
        <li>4 blog articles/month</li>
        <li>Local SEO + Google Business Profile</li>
        <li>Guest posts link building (10/mo)</li>
        <li>AI Search optimisation</li>
        <li>Weekly reporting</li>
      </ul>
    </div>
  </div>
  <div style="background:#fafaf9;border-radius:8px;padding:.45rem .875rem;font-size:11.5px;color:#737373;margin-top:.5rem">
    💡 All packages include a one-time onboarding fee: initial audit, keyword mapping, and strategy session. Min. contract: 3 months.
  </div>
</div>

<!-- SLIDE 9: Next Steps -->
<div class="slide">
  <div class="sec-title">Section 05 — Next steps</div>
  <div class="roadmap" style="margin-bottom:1.5rem">
    <div class="ritem"><div class="r-icon">✓</div><div class="r-body"><div class="r-title">Review this proposal</div><div class="r-desc">Share with your team and align on the right package for your goals and timeline.</div></div></div>
    <div class="ritem"><div class="r-icon">💬</div><div class="r-body"><div class="r-title">Strategy call (30 min)</div><div class="r-desc">Walk through audit findings, answer questions, and finalise scope together.</div></div></div>
    <div class="ritem"><div class="r-icon">🚀</div><div class="r-body"><div class="r-title">Onboarding & kickoff</div><div class="r-desc">Access setup, baseline snapshot, technical audit delivered within first 2 weeks.</div></div></div>
  </div>
  <div class="cta-box">
    <h3>Ready to grow The Elixir Clinic's organic presence?</h3>
    <p>Let's turn 7% visibility into a dominant position across all 12 service clusters in the UAE market.</p>
  </div>
</div>

</div>
<div class="slide-nav">
  <button id="prev" onclick="changeSlide(-1)" disabled>← Back</button>
  <span class="slide-counter" id="counter">1 / 10</span>
  <button id="next" onclick="changeSlide(1)">Next →</button>
  <div style="position:absolute;right:1rem;display:flex;gap:6px">
    <button class="dl-btn" onclick="downloadHTML()" title="Download as self-contained HTML file">⬇ HTML</button>
    <button class="dl-btn" onclick="window.print()" title="Save as PDF via browser print dialog">⬇ PDF</button>
  </div>
</div>
</div>

<div class="insight-overlay" id="insightOverlay" onclick="if(event.target===this)closeInsight()">
  <div class="insight-card" id="insightCard">
    <button class="insight-card-close" onclick="closeInsight()">×</button>
    <p id="insightCardText"></p>
  </div>
</div>

<script>
function downloadHTML(){
  const html='<!DOCTYPE html>'+document.documentElement.outerHTML;
  const blob=new Blob([html],{type:'text/html;charset=utf-8'});
  const url=URL.createObjectURL(blob);
  const a=document.createElement('a');
  a.href=url;a.download='elixir-clinic-seo-proposal.html';
  document.body.appendChild(a);a.click();
  setTimeout(()=>{URL.revokeObjectURL(url);a.remove();},1000);
}
function showInsight(text,type){
  document.getElementById('insightCardText').innerHTML=text;
  document.getElementById('insightCard').className='insight-card '+type;
  document.getElementById('insightOverlay').classList.add('open');
}
function closeInsight(){document.getElementById('insightOverlay').classList.remove('open');}

const slides=document.querySelectorAll('.slide');
const navEl=document.getElementById('nav');
let cur=0;
slides.forEach((_,i)=>{const b=document.createElement('button');if(i===0)b.className='active';b.onclick=()=>goTo(i);navEl.appendChild(b);});
function goTo(n){slides[cur].classList.remove('active');navEl.children[cur].classList.remove('active');cur=n;slides[cur].classList.add('active');navEl.children[cur].classList.add('active');document.getElementById('prev').disabled=cur===0;document.getElementById('next').disabled=cur===slides.length-1;document.getElementById('counter').textContent=(cur+1)+' / '+slides.length;}
function changeSlide(d){goTo(Math.max(0,Math.min(slides.length-1,cur+d)));}
function scaleSlides(){const p=document.querySelector('.prop');const s=Math.min(window.innerWidth/980,window.innerHeight/622)*0.97;p.style.transform=`scale(${s})`;}
window.addEventListener('resize',scaleSlides);scaleSlides();
document.addEventListener('keydown',e=>{
  if(e.key==='Escape'){closeInsight();return;}
  if(document.getElementById('insightOverlay').classList.contains('open'))return;
  if(e.key==='ArrowRight'||e.key==='ArrowDown')changeSlide(1);
  if(e.key==='ArrowLeft'||e.key==='ArrowUp')changeSlide(-1);
});
</script>
</body>
</html>