<!--
  DigiCard.pk — Business Pro (Tier 2, Rs 1,499) — Design 2: "Dashboard" (real-data wiring, 2026-07-11)
  Modular card grid: sticky app bar, identity header, quote CTA card, services
  card with Helpr.pk example starting prices (service_catalogue.json), gallery
  card using category-default imagery (manifest), reviews, contact/socials.

  ======================= SHARED TOKEN CONTRACT — v2 (2026-07-11) =======================
  Applies identically to all 12 DigiCard tier templates (tier1-*, tier2-*, tier3-*).

  DATA SOURCES (generator wiring):
  1. Category image defaults — assets/category-defaults/manifest.json
     - plumbing selects the image set. Allowed keys:
       electrician | plumbing | ac | auto | electronics | motor-pump
     - Files per key: {key}-hero.webp, {key}-work.webp, {key}-context.webp
     - assets/category-defaults/plumbing-hero.webp    -> {key}-hero.webp
       assets/category-defaults/plumbing-work.webp    -> {key}-work.webp
       assets/category-defaults/plumbing-context.webp -> {key}-context.webp
     -  defaults to [hero, work, context] from the manifest. Owner-supplied,
       explicitly approved photos may replace/extend (max 6). NEVER auto-import Google
       Places photos. Plumbing hero example must describe the trade generically and must NOT
       imply the image shows this provider.
     - Tier 1 note: tier1-* designs already render the manifest set via the fixed
       HERO/WORK/CONTEXT slots, so in Tier 1 the {{#PHOTOS}} loop carries owner-approved
       EXTRA photos only and may render zero items (generator must emit an empty,
       whitespace-free block so :empty CSS collapses the rail).
     - Every rendered page must keep its visible "category imagery for illustration"
       disclosure while default images are in use.
  2. Service pricing — service_catalogue.json  (TIER 2 / TIER 3 ONLY)
     - plumbing selects the price list. Per entry:
       "service" -> {{SERVICE_NAME}},  "label" -> {{SERVICE_PRICE}} (verbatim, e.g. "From Rs 600")
     - Curated non-zero Helpr.pk Islamabad examples only. NEVER invent a rate; never
       render Rs 0 / missing entries. Category "auto" has no authoritative Helpr
       catalogue yet — its only entry is "Price on inspection"; always show exactly
       that, never a number.
     - Helpr-derived values are example/starting prices, not provider-confirmed rates.
       Owner overrides live in business data, never edited into template HTML.
  3. Tier 1 service examples are editorial category content: {{SERVICE_NAME}} +
     {{SERVICE_DESC}} describe plausible work for the category, with NO prices.

  SCALAR TOKENS (all tiers unless noted):
    Bilal Plumbing Co — Plumbing Example | DigiCard Illustrative DigiCard example page for a plumbing business — not a real business. https://digicard.pk/example-business-pro-dashboard
    Bilal Plumbing Co Plumbing plumbing Same-day plumbing repairs, done right the first time.
    4.9 38 Islamabad, Pakistan (illustrative example) https://maps.google.com/
    923395260500 (digits only, e.g. 923001234567)
    0339 5260500 (human-readable, e.g. 0300 1234567)
    https://wa.me/923395260500?text=DIGICARD%20UPGRADE%0AI%20saw%20the%20tier2%20example%20%28Bilal%20Plumbing%20Co%29%20%E2%80%94%20I%27m%20interested. (https://wa.me/923395260500)
    Tier 2/3 only: https://wa.me/923395260500?text=DIGICARD%20UPGRADE%0AI%20saw%20the%20tier2%20example%20%28Bilal%20Plumbing%20Co%29%20%E2%80%94%20I%27m%20interested. — wa.me link with URL-encoded Request-a-Quote text
    Tier 2 "dashboard" only: B
    Tier 3 only: plumbing plus head/SEO extras Bilal Plumbing Co — DigiCard Example See what a tier2 DigiCard page looks like.
       summary  

  LOOP BLOCKS (generator repeats inner markup per item, strips {{#X}}/{{/X}} markers):
    {{#PHOTOS}} ... 
 defaults to [hero, work, context] from the manifest. Owner-supplied,
       explicitly approved photos may replace/extend (max 6). NEVER auto-import Google
       Places photos. Plumbing work example must describe the trade generically and must NOT
       imply the image shows this provider.
     - Tier 1 note: tier1-* designs already render the manifest set via the fixed
       HERO/WORK/CONTEXT slots, so in Tier 1 the {{#PHOTOS}} loop carries owner-approved
       EXTRA photos only and may render zero items (generator must emit an empty,
       whitespace-free block so :empty CSS collapses the rail).
     - Every rendered page must keep its visible "category imagery for illustration"
       disclosure while default images are in use.
  2. Service pricing — service_catalogue.json  (TIER 2 / TIER 3 ONLY)
     - plumbing selects the price list. Per entry:
       "service" -> {{SERVICE_NAME}},  "label" -> {{SERVICE_PRICE}} (verbatim, e.g. "From Rs 600")
     - Curated non-zero Helpr.pk Islamabad examples only. NEVER invent a rate; never
       render Rs 0 / missing entries. Category "auto" has no authoritative Helpr
       catalogue yet — its only entry is "Price on inspection"; always show exactly
       that, never a number.
     - Helpr-derived values are example/starting prices, not provider-confirmed rates.
       Owner overrides live in business data, never edited into template HTML.
  3. Tier 1 service examples are editorial category content: {{SERVICE_NAME}} +
     {{SERVICE_DESC}} describe plausible work for the category, with NO prices.

  SCALAR TOKENS (all tiers unless noted):
    Bilal Plumbing Co — Plumbing Example | DigiCard Illustrative DigiCard example page for a plumbing business — not a real business. https://digicard.pk/example-business-pro-dashboard
    Bilal Plumbing Co Plumbing plumbing Same-day plumbing repairs, done right the first time.
    4.9 38 Islamabad, Pakistan (illustrative example) https://maps.google.com/
    923395260500 (digits only, e.g. 923001234567)
    0339 5260500 (human-readable, e.g. 0300 1234567)
    https://wa.me/923395260500?text=DIGICARD%20UPGRADE%0AI%20saw%20the%20tier2%20example%20%28Bilal%20Plumbing%20Co%29%20%E2%80%94%20I%27m%20interested. (https://wa.me/923395260500)
    Tier 2/3 only: https://wa.me/923395260500?text=DIGICARD%20UPGRADE%0AI%20saw%20the%20tier2%20example%20%28Bilal%20Plumbing%20Co%29%20%E2%80%94%20I%27m%20interested. — wa.me link with URL-encoded Request-a-Quote text
    Tier 2 "dashboard" only: B
    Tier 3 only: plumbing plus head/SEO extras Bilal Plumbing Co — DigiCard Example See what a tier2 DigiCard page looks like.
       summary  

  LOOP BLOCKS (generator repeats inner markup per item, strips {{#X}}/{{/X}} markers):
    {{#PHOTOS}} ... 
 defaults to [hero, work, context] from the manifest. Owner-supplied,
       explicitly approved photos may replace/extend (max 6). NEVER auto-import Google
       Places photos. Plumbing context example must describe the trade generically and must NOT
       imply the image shows this provider.
     - Tier 1 note: tier1-* designs already render the manifest set via the fixed
       HERO/WORK/CONTEXT slots, so in Tier 1 the {{#PHOTOS}} loop carries owner-approved
       EXTRA photos only and may render zero items (generator must emit an empty,
       whitespace-free block so :empty CSS collapses the rail).
     - Every rendered page must keep its visible "category imagery for illustration"
       disclosure while default images are in use.
  2. Service pricing — service_catalogue.json  (TIER 2 / TIER 3 ONLY)
     - plumbing selects the price list. Per entry:
       "service" -> {{SERVICE_NAME}},  "label" -> {{SERVICE_PRICE}} (verbatim, e.g. "From Rs 600")
     - Curated non-zero Helpr.pk Islamabad examples only. NEVER invent a rate; never
       render Rs 0 / missing entries. Category "auto" has no authoritative Helpr
       catalogue yet — its only entry is "Price on inspection"; always show exactly
       that, never a number.
     - Helpr-derived values are example/starting prices, not provider-confirmed rates.
       Owner overrides live in business data, never edited into template HTML.
  3. Tier 1 service examples are editorial category content: {{SERVICE_NAME}} +
     {{SERVICE_DESC}} describe plausible work for the category, with NO prices.

  SCALAR TOKENS (all tiers unless noted):
    Bilal Plumbing Co — Plumbing Example | DigiCard Illustrative DigiCard example page for a plumbing business — not a real business. https://digicard.pk/example-business-pro-dashboard
    Bilal Plumbing Co Plumbing plumbing Same-day plumbing repairs, done right the first time.
    4.9 38 Islamabad, Pakistan (illustrative example) https://maps.google.com/
    923395260500 (digits only, e.g. 923001234567)
    0339 5260500 (human-readable, e.g. 0300 1234567)
    https://wa.me/923395260500?text=DIGICARD%20UPGRADE%0AI%20saw%20the%20tier2%20example%20%28Bilal%20Plumbing%20Co%29%20%E2%80%94%20I%27m%20interested. (https://wa.me/923395260500)
    Tier 2/3 only: https://wa.me/923395260500?text=DIGICARD%20UPGRADE%0AI%20saw%20the%20tier2%20example%20%28Bilal%20Plumbing%20Co%29%20%E2%80%94%20I%27m%20interested. — wa.me link with URL-encoded Request-a-Quote text
    Tier 2 "dashboard" only: B
    Tier 3 only: plumbing plus head/SEO extras Bilal Plumbing Co — DigiCard Example See what a tier2 DigiCard page looks like.
       summary  

  LOOP BLOCKS (generator repeats inner markup per item, strips {{#X}}/{{/X}} markers):
    {{#PHOTOS}} ...       1-6  -> {{PHOTO_URL}} {{PHOTO_ALT}}
     ... 
 ...   Tier 1: 2-6 -> {{SERVICE_NAME}} {{SERVICE_DESC}} (no prices)
                                     Tier 2/3: 1-6 -> {{SERVICE_NAME}} {{SERVICE_PRICE}}
     ... 
 ...     1-3  -> {{REVIEW_TEXT}} {{REVIEW_AUTHOR}}

  CONDITIONAL / SOCIAL BLOCKS (Tier 2/3 only — strip whole block when link absent):
    Tier 2 (icon style):  {{FACEBOOK_URL}}
                          {{INSTAGRAM_URL}}
                          {{TIKTOK_URL}}
    Tier 3 (pill style):  -> {{SOCIAL_URL}} {{SOCIAL_LABEL}}

  TIER BOUNDARIES (non-negotiable):
    - Tier 1 "Stand Out" (Rs 999): NO service pricing, NO social links, NO Request-a-Quote.
    - Paid-tier content must never leak into the free/unclaimed PREVIEW flow.
  =======================================================================================
-->
<!DOCTYPE html>
<html lang="en">
<head>
  <link rel="icon" href="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Crect width='64' height='64' rx='14' fill='%23185c49'/%3E%3Ccircle cx='46' cy='18' r='6' fill='%23d9972e'/%3E%3Ctext x='31' y='46' font-family='Georgia,serif' font-size='38' font-weight='700' fill='%23ffffff' text-anchor='middle'%3ED%3C/text%3E%3C/svg%3E" />
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Bilal Plumbing Co — Plumbing Example | DigiCard</title>
<meta name="description" content="Illustrative DigiCard example page for a plumbing business — not a real business.">
<link rel="canonical" href="https://digicard.pk/example-business-pro-dashboard">
<style>
  :root{
    --green:#185c49; --green-deep:#0f3d30; --gold:#d9972e; --gold-soft:#f3d9ad;
    --paper:#f7f3ea; --card:#fffdf8; --ink:#151b18; --ink-soft:#4c554f; --line:#e8e0cd;
  }
  *{margin:0;padding:0;box-sizing:border-box}
  body{font-family:Inter,-apple-system,"Segoe UI",Roboto,sans-serif;background:var(--paper);color:var(--ink);line-height:1.5;-webkit-font-smoothing:antialiased}
  img{display:block;max-width:100%}
  a{color:inherit}
  .wrap{max-width:900px;margin:0 auto;padding:0 14px}

  /* ---------- Sticky app bar ---------- */
  .appbar{position:sticky;top:0;z-index:60;background:rgba(255,253,248,.94);backdrop-filter:blur(8px);border-bottom:1px solid var(--line)}
  .appbar .in{display:flex;align-items:center;gap:10px;padding:10px 14px;max-width:900px;margin:0 auto}
  .appbar .nm{font-weight:800;font-size:15px;flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .chip-rate{display:inline-flex;align-items:center;gap:4px;background:var(--green);color:#fff;font-size:12.5px;font-weight:700;padding:4px 10px;border-radius:999px}
  .chip-rate::before{content:"★";color:var(--gold)}

  /* ---------- Identity header ---------- */
  .idhead{padding:22px 0 6px}
  .id-top{display:flex;align-items:flex-start;gap:12px;flex-wrap:wrap}
  .avatar{width:58px;height:58px;border-radius:16px;background:var(--green);color:var(--gold);display:flex;align-items:center;justify-content:center;font-weight:800;font-size:24px;flex:none;box-shadow:0 4px 12px rgba(24,92,73,.3)}
  .id-meta h1{font-size:24px;font-weight:800;letter-spacing:-.02em;line-height:1.15}
  .badges{display:flex;gap:8px;margin-top:6px;flex-wrap:wrap}
  .cat-badge{font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--green);background:#e5ede8;padding:4px 10px;border-radius:999px}
  /* Featured badge (tier-exclusive): laurel chip */
  .featured{display:inline-flex;align-items:center;gap:5px;font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#3a2604;background:linear-gradient(135deg,var(--gold-soft),var(--gold));padding:4px 10px;border-radius:999px;border:1px solid #c07f18}
  .featured::before{content:"🏅";font-size:12px}
  .tagline{margin-top:12px;font-size:15.5px;color:var(--ink-soft);max-width:56ch}
  .metaline{margin-top:8px;font-size:13px;color:var(--ink-soft)}
  .metaline b{color:var(--ink)}

  /* ---------- Card grid ---------- */
  .grid{display:grid;grid-template-columns:1fr;gap:14px;padding:18px 0 40px}
  .card{background:var(--card);border:1px solid var(--line);border-radius:22px;padding:18px;box-shadow:0 3px 12px rgba(21,27,24,.05)}
  .card h2{font-size:13px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--green);margin-bottom:12px;display:flex;align-items:center;gap:8px}
  .card h2::after{content:"";flex:1;height:1px;background:var(--line)}

  /* Quote CTA card — the tier's signature block, visually loudest */
  .card-quote{background:linear-gradient(140deg,var(--green) 0%,var(--green-deep) 100%);border:none;color:#f5f1e6;position:relative;overflow:hidden}
  .card-quote::before{content:"";position:absolute;top:-60px;right:-60px;width:190px;height:190px;border-radius:50%;background:radial-gradient(circle,rgba(217,151,46,.35),transparent 70%)}
  .card-quote .k{font-size:11px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--gold-soft)}
  .card-quote h2{all:unset;display:block;font-size:21px;font-weight:800;margin:6px 0 4px;color:#fff}
  .card-quote p{font-size:13.5px;color:#cfd8d0;max-width:40ch}
  .btn{display:flex;align-items:center;justify-content:center;gap:9px;text-decoration:none;font-weight:700;border-radius:14px;padding:14px 18px;font-size:15.5px;margin-top:14px;position:relative;transition:transform .12s}
  .btn:active{transform:scale(.98)}
  .btn-quote{background:linear-gradient(135deg,var(--gold),#c07f18);color:#241700;box-shadow:0 8px 20px rgba(0,0,0,.3)}
  .btn-wa-ghost{background:transparent;border:1.5px solid rgba(233,227,210,.4);color:#e9e3d2;font-size:13.5px;font-weight:600;padding:11px 16px}
  .ico{width:19px;height:19px;flex:none}
  .steps{display:flex;gap:6px;margin-top:14px;font-size:11px;color:#b9c4bd;flex-wrap:wrap}
  .steps span{background:rgba(255,255,255,.08);padding:4px 9px;border-radius:999px}

  /* Services card: rows with price pills */
  .svc-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 0;border-bottom:1px dashed var(--line)}
  .svc-row:last-child{border-bottom:none}
  .svc-row .nm{font-size:14.5px;font-weight:600}
  .price-pill{font-size:13px;font-weight:800;color:var(--green);background:#e5ede8;padding:5px 11px;border-radius:999px;white-space:nowrap;font-variant-numeric:tabular-nums}
  .svc-note{font-size:11.5px;color:var(--ink-soft);margin-top:10px}

  /* Gallery card: 2-up thumb grid */
  .thumbs{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}
  .thumbs img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:12px}
  .thumbs img:first-child{grid-column:1/-1;aspect-ratio:16/9}

  /* Reviews card: stacked mini-reviews */
  .rev{padding:11px 0;border-bottom:1px dashed var(--line)}
  .rev:last-of-type{border-bottom:none}
  .rev .stars{color:var(--gold);font-size:12px;letter-spacing:2px}
  .rev p{font-size:14px;margin:4px 0 3px;color:#2a332d}
  .rev b{font-size:12px;color:var(--green)}
  .g-note{font-size:11.5px;color:var(--ink-soft);margin-top:8px}

  /* Contact card: address + socials + plain WA */
  .addr{font-size:14px;margin-bottom:12px}
  .addr::before{content:"📍 ";}
  .socials{display:flex;gap:10px;margin:4px 0 14px}
  .socials a{width:42px;height:42px;border-radius:12px;background:var(--paper);border:1px solid var(--line);display:flex;align-items:center;justify-content:center}
  .socials a:active{background:var(--gold-soft)}
  .socials svg{width:19px;height:19px;fill:var(--green)}
  .btn-wa{background:var(--green);color:#fff;margin-top:0}

  .foot{padding:0 0 30px;text-align:center;font-size:11px;color:var(--ink-soft)}
  .foot a{color:var(--green);font-weight:600;text-decoration:none}

  /* Two-column card grid on wider screens; quote card spans full width */
  @media(min-width:680px){
    .grid{grid-template-columns:1fr 1fr;gap:16px}
    .card-quote{grid-column:1/-1;display:grid;grid-template-columns:1.4fr 1fr;gap:20px;align-items:center}
    .thumbs{grid-template-columns:repeat(3,1fr)}
    .thumbs img:first-child{grid-column:auto;aspect-ratio:4/3}
    .card-gallery{grid-column:1/-1}
  }
  .img-note{font-size:11.5px;color:#8a948f;margin-top:8px;font-style:italic}
  .rate-note{font-size:11.5px;color:#8a948f;margin-top:8px;font-style:italic}
</style>
</head>
<body>

<nav class="appbar">
  <div class="in">
    <span class="nm">Bilal Plumbing Co</span>
    <span class="chip-rate">4.9</span>
  </div>
</nav>

<div class="wrap">

  <header class="idhead">
    <div class="id-top">
      <div class="avatar" aria-hidden="true">B</div>
      <div class="id-meta">
        <h1>Bilal Plumbing Co</h1>
        <div class="badges">
          <span class="cat-badge">Plumbing</span>
          <span class="featured">Featured</span>
        </div>
      </div>
    </div>
    <p class="tagline">Same-day plumbing repairs, done right the first time.</p>
    <p class="metaline"><b>4.9 ★</b> · 38 Google reviews · Islamabad, Pakistan (illustrative example)</p>
  </header>

  <main class="grid">

    <!-- Signature tier feature: Request-a-Quote block -->
    <section class="card card-quote">
      <div>
        <span class="k">Business Pro exclusive</span>
        <h2>Get a quote for your job</h2>
        <p>Batayein kya kaam hai aur kab chahiye — WhatsApp pe seedha structured request jayegi, jaldi jawab milega.</p>
        <div class="steps"><span>1 · Service choose karein</span><span>2 · Time batayein</span><span>3 · Quote milega</span></div>
      </div>
      <div>
        <a class="btn btn-quote" href="https://wa.me/923395260500?text=DIGICARD%20UPGRADE%0AI%20saw%20the%20tier2%20example%20%28Bilal%20Plumbing%20Co%29%20%E2%80%94%20I%27m%20interested.">
          <svg class="ico" viewBox="0 0 24 24" fill="currentColor"><path d="M12 2a10 10 0 0 0-8.6 15.1L2 22l5-1.3A10 10 0 1 0 12 2Zm5.4 14.1c-.2.6-1.2 1.2-1.7 1.2-.4.1-1 .1-1.6-.1-.4-.1-.9-.3-1.5-.6-2.6-1.1-4.3-3.8-4.4-4-.1-.2-1.1-1.4-1.1-2.7s.7-1.9.9-2.2c.2-.2.5-.3.7-.3h.5c.2 0 .4 0 .6.4.2.5.7 1.8.8 1.9.1.1.1.3 0 .4-.1.2-.1.3-.3.5l-.4.5c-.1.1-.3.3-.1.6.2.3.8 1.3 1.7 2.1 1.2 1 2.1 1.4 2.4 1.5.3.1.5.1.6-.1.2-.2.7-.8.9-1.1.2-.3.4-.2.6-.1.3.1 1.6.7 1.8.9.3.1.4.2.5.3 0 .2 0 .6-.2 1.2Z"/></svg>
          Request a Quote
        </a>
        <a class="btn btn-wa-ghost" href="https://wa.me/923395260500?text=DIGICARD%20UPGRADE%0AI%20saw%20the%20tier2%20example%20%28Bilal%20Plumbing%20Co%29%20%E2%80%94%20I%27m%20interested.">or just say salaam on WhatsApp</a>
      </div>
    </section>

    <!-- Tier-exclusive price list -->
    <section class="card">
      <h2>Services &amp; Prices</h2>
      
      <div class="svc-row">
        <span class="nm">Flush tank repair</span>
        <span class="price-pill">From Rs 450</span>
      </div>
      

      <div class="svc-row">
        <span class="nm">Plumber hourly service - 4 hours</span>
        <span class="price-pill">From Rs 4,500</span>
      </div>
      
      <p class="svc-note">Example starting rates from Helpr.pk (Islamabad). Final price depends on parts &amp; job size — request a quote above for an exact figure.</p>
    </section>

    <!-- Reviews -->
    <section class="card">
      <h2>Google Reviews</h2>
      
      <div class="rev">
        <span class="stars">★★★★★</span>
        <p>“Fair rate and on time. Recommended.”</p>
        <b>Sample Reviewer</b>
      </div>
      

      <div class="rev">
        <span class="stars">★★★★★</span>
        <p>“Good work, clean finish.”</p>
        <b>Sample Reviewer</b>
      </div>
      
      <p class="g-note">4.9 average across 38 reviews on Google.</p>
    </section>

    <!-- Gallery -->
    <section class="card card-gallery">
      <h2>Work Gallery</h2>
      <div class="thumbs">
        
        <img src="assets/category-defaults/plumbing-hero.webp" alt="Plumbing hero example" loading="lazy">
        

        <img src="assets/category-defaults/plumbing-work.webp" alt="Plumbing work example" loading="lazy">
        

        <img src="assets/category-defaults/plumbing-context.webp" alt="Plumbing context example" loading="lazy">
        
      </div>
      <p class="img-note">Category imagery for illustration — owner-approved photos may replace it.</p>
    </section>

    <!-- Contact + socials -->
    <section class="card" style="grid-column:1/-1">
      <h2>Contact &amp; Follow</h2>
      <p class="addr">Islamabad, Pakistan (illustrative example)</p>
      <div class="socials">
        
        
        
      </div>
      <a class="btn btn-wa" href="https://wa.me/923395260500?text=DIGICARD%20UPGRADE%0AI%20saw%20the%20tier2%20example%20%28Bilal%20Plumbing%20Co%29%20%E2%80%94%20I%27m%20interested.">
        <svg class="ico" viewBox="0 0 24 24" fill="currentColor"><path d="M12 2a10 10 0 0 0-8.6 15.1L2 22l5-1.3A10 10 0 1 0 12 2Zm5.4 14.1c-.2.6-1.2 1.2-1.7 1.2-.4.1-1 .1-1.6-.1-.4-.1-.9-.3-1.5-.6-2.6-1.1-4.3-3.8-4.4-4-.1-.2-1.1-1.4-1.1-2.7s.7-1.9.9-2.2c.2-.2.5-.3.7-.3h.5c.2 0 .4 0 .6.4.2.5.7 1.8.8 1.9.1.1.1.3 0 .4-.1.2-.1.3-.3.5l-.4.5c-.1.1-.3.3-.1.6.2.3.8 1.3 1.7 2.1 1.2 1 2.1 1.4 2.4 1.5.3.1.5.1.6-.1.2-.2.7-.8.9-1.1.2-.3.4-.2.6-.1.3.1 1.6.7 1.8.9.3.1.4.2.5.3 0 .2 0 .6-.2 1.2Z"/></svg>
        Message on WhatsApp
      </a>
    </section>

  </main>

  <footer class="foot">Digital card by <a href="https://digicard.pk">DigiCard.pk</a> · Verified provider on Helpr.pk</footer>
</div>

</body>
</html>