From a50a74873ffc416e7db1a903d765578cf20a5f54 Mon Sep 17 00:00:00 2001
From: David <david@stackless.local>
Date: Wed, 19 Aug 2026 09:15:01 +0200
Subject: [PATCH] header: add Importers to brand subline; abbreviate to SA and
 tighten tracking

---
 index.html               | 22 +++++++++++-----------
 index.html.artifact.json |  2 +-
 2 files changed, 12 insertions(+), 12 deletions(-)

diff --git a/index.html b/index.html
index 3fd84d7..5fe404f 100644
--- a/index.html
+++ b/index.html
@@ -45,7 +45,7 @@
     .brand { display: inline-flex; align-items: baseline; gap: 2px; color: #fff; font-weight: 700; letter-spacing: -0.02em; }
     .brand__je { font-size: 22px; line-height: 1; }
     .brand__i  { font-size: 22px; line-height: 1; color: var(--accent); }
-    .brand__sub { margin-left: 10px; font-size: 12px; font-weight: 500; letter-spacing: 0.22em; text-transform: uppercase; color: rgba(255,255,255,0.7); }
+    .brand__sub { margin-left: 10px; font-size: 11px; font-weight: 500; letter-spacing: 0.18em; text-transform: uppercase; color: rgba(255,255,255,0.7); white-space: nowrap; }
     .brand__sub .accent { color: var(--accent); }
     .nav { display: flex; align-items: center; gap: 28px; margin-left: auto; }
     .nav a { font-size: 14px; font-weight: 500; color: rgba(255,255,255,0.85); padding: 6px 0; border-bottom: 1px solid transparent; transition: border-color 0.15s, color 0.15s; }
@@ -237,9 +237,9 @@
 
   <header class="topbar">
     <div class="container topbar__inner">
-      <a href="index.html" class="brand" aria-label="JEI South Africa — home">
+      <a href="index.html" class="brand" aria-label="JEI South Africa — importers of magnetic drilling and annular cutting equipment" data-od-id="site-brand">
         <span class="brand__je">JE</span><span class="brand__i">i</span>
-        <span class="brand__sub">South&nbsp;Africa <span class="accent">·</span> <span class="accent">Built for Industry</span></span>
+        <span class="brand__sub">SA <span class="accent">·</span> <span class="accent">Importers</span> <span class="accent">·</span> <span class="accent">Built for Industry</span></span>
       </a>
       <nav class="nav" aria-label="Primary">
         <a href="products.html">Products</a>
@@ -298,7 +298,7 @@
         </dl>
       </div>
       <div class="hero__art">
-        <img src="mqcitja8-Gemini_Generated_Image_m7xmdtm7xmdtm7xm.png" alt="MagBeast magnetic drill press — technical schematic, two-view orthographic drawing with 14 labelled parts, dimensioned in millimetres." width="2048" height="2048" loading="eager" decoding="async">
+        <img src="/api/projects/716abf22-4c81-4e02-9071-f87cd01d9451/raw/mqcitja8-Gemini_Generated_Image_m7xmdtm7xmdtm7xm.png?workspaceId=un26lqpsncycdhv3rp1d0ywn&amp;workspaceMemberId=pxn6oix13zs6uq64ruak6n1g" alt="MagBeast magnetic drill press — technical schematic, two-view orthographic drawing with 14 labelled parts, dimensioned in millimetres." width="2048" height="2048" loading="eager" decoding="async">
       </div>
     </div>
   </section>
@@ -415,23 +415,23 @@
       </div>
       <div class="range__grid">
         <a href="products.html#drills" class="range__cell reveal" aria-label="MagBeast — magnetic drills">
-          <div class="range__logo"><img src="mqcj0lwu-image.png" alt="MagBeast" width="600" height="200" loading="lazy" decoding="async" /></div>
+          <div class="range__logo"><img src="/api/projects/716abf22-4c81-4e02-9071-f87cd01d9451/raw/mqcj0lwu-image.png?workspaceId=un26lqpsncycdhv3rp1d0ywn&amp;workspaceMemberId=pxn6oix13zs6uq64ruak6n1g" alt="MagBeast" width="600" height="200" loading="lazy" decoding="async"></div>
           <div class="range__name">MagBeast<sup>®</sup> · Drills</div>
         </a>
         <a href="products.html#cordless" class="range__cell reveal" aria-label="MiniBeast — compact cordless">
-          <div class="range__logo"><img src="mqcj0qbk-image.png" alt="MiniBeast" width="600" height="200" loading="lazy" decoding="async" /></div>
+          <div class="range__logo"><img src="/api/projects/716abf22-4c81-4e02-9071-f87cd01d9451/raw/mqcj0qbk-image.png?workspaceId=un26lqpsncycdhv3rp1d0ywn&amp;workspaceMemberId=pxn6oix13zs6uq64ruak6n1g" alt="MiniBeast" width="600" height="200" loading="lazy" decoding="async"></div>
           <div class="range__name">MiniBeast<sup>™</sup> · Cordless</div>
         </a>
         <a href="products.html#cutters" class="range__cell reveal" aria-label="SteelBeast — industrial">
-          <div class="range__logo"><img src="mqcj0uhh-image.png" alt="SteelBeast" width="600" height="200" loading="lazy" decoding="async" /></div>
+          <div class="range__logo"><img src="/api/projects/716abf22-4c81-4e02-9071-f87cd01d9451/raw/mqcj0uhh-image.png?workspaceId=un26lqpsncycdhv3rp1d0ywn&amp;workspaceMemberId=pxn6oix13zs6uq64ruak6n1g" alt="SteelBeast" width="600" height="200" loading="lazy" decoding="async"></div>
           <div class="range__name">SteelBeast<sup>®</sup> · Industrial</div>
         </a>
         <a href="products.html#cutters" class="range__cell reveal" aria-label="Turbo — annular cutters">
-          <div class="range__logo"><img src="mqcj14mi-image.png" alt="Turbo" width="600" height="200" loading="lazy" decoding="async" /></div>
+          <div class="range__logo"><img src="/api/projects/716abf22-4c81-4e02-9071-f87cd01d9451/raw/mqcj14mi-image.png?workspaceId=un26lqpsncycdhv3rp1d0ywn&amp;workspaceMemberId=pxn6oix13zs6uq64ruak6n1g" alt="Turbo" width="600" height="200" loading="lazy" decoding="async"></div>
           <div class="range__name">Turbo<sup>™</sup> · Cutters</div>
         </a>
         <a href="products.html#pneumatic" class="range__cell reveal" aria-label="AirBeast — pneumatic">
-          <div class="range__logo"><img src="mqcj189n-image.png" alt="AirBeast" width="600" height="200" loading="lazy" decoding="async" /></div>
+          <div class="range__logo"><img src="/api/projects/716abf22-4c81-4e02-9071-f87cd01d9451/raw/mqcj189n-image.png?workspaceId=un26lqpsncycdhv3rp1d0ywn&amp;workspaceMemberId=pxn6oix13zs6uq64ruak6n1g" alt="AirBeast" width="600" height="200" loading="lazy" decoding="async"></div>
           <div class="range__name">AirBeast<sup>®</sup> · Pneumatic</div>
         </a>
       </div>
@@ -526,8 +526,8 @@
           <h4>Contact</h4>
           <ul>
             <li><a href="contact.html">Request a quote</a></li>
-            <li><a href="tel:+27115550100">+27 (0)11 555 0100</a></li>
-            <li><a href="mailto:sales@jei.co.za">sales@jei.co.za</a></li>
+            <li><a href="tel:+27828524633">+27 (0)82 852 4633</a></li>
+            <li><a href="mailto:gary@wfsales.co.za">gary@wfsales.co.za</a></li>
             <li><a href="https://wa.me/27715550100">WhatsApp</a></li>
           </ul>
         </div>
diff --git a/index.html.artifact.json b/index.html.artifact.json
index ca1fde0..1b9c919 100644
--- a/index.html.artifact.json
+++ b/index.html.artifact.json
@@ -11,7 +11,7 @@
     "zip"
   ],
   "createdAt": "2026-06-13T15:10:45.406Z",
-  "updatedAt": "2026-06-13T15:42:10.319Z",
+  "updatedAt": "2026-08-19T07:12:31.816Z",
   "metadata": {
     "inferred": true,
     "reconciled": true