jeisaimporters-WEBSITE/products.html
Dave 56e0b930b0 style: round buttons (pill) and give hero image breathing room on mobile
- .btn gets border-radius: 999px so all CTAs render as pills instead of
  hard rectangles.
- .hero__art mobile padding bumped 16px -> 24px so the MagBeast schematic
  has more inset from the screen edge on phones.

Co-Authored-By: Claude <noreply@anthropic.com>
2026-08-19 12:54:42 +02:00

882 lines
41 KiB
HTML
Raw Permalink Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<title>Products — JEI South Africa</title>
<meta name="description" content="Magnetic drills, annular cutters, fabrication equipment and accessories. Full JEI catalogue available in South Africa." />
<!-- Open Graph (WhatsApp, Facebook, LinkedIn, Slack, Discord) -->
<meta property="og:type" content="website">
<meta property="og:site_name" content="JEI South Africa">
<meta property="og:title" content="Products — JEI South Africa">
<meta property="og:description" content="Magnetic drills, annular cutters, fabrication equipment and accessories. Full JEI catalogue available in South Africa.">
<meta property="og:url" content="https://jeisaimporters.co.za/products.html">
<meta property="og:image" content="https://jeisaimporters.co.za/og-image.jpg">
<meta property="og:image:width" content="1200">
<meta property="og:image:height" content="630">
<meta property="og:image:alt" content="JEI South Africa — Magnetic Drills and Annular Cutters">
<meta property="og:locale" content="en_ZA">
<!-- Twitter Card -->
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:title" content="Products — JEI South Africa">
<meta name="twitter:description" content="Magnetic drills, annular cutters, fabrication equipment and accessories. Full JEI catalogue available in South Africa.">
<meta name="twitter:image" content="https://jeisaimporters.co.za/og-image.jpg">
<!-- Canonical &amp; favicon -->
<link rel="canonical" href="https://jeisaimporters.co.za/products.html">
<link rel="icon" type="image/png" href="/brand-mark.png">
<meta name="theme-color" content="#2C3A45">
<style>
/* =========================================================
Tokens (shared with home — locked from brand-spec.md)
========================================================= */
:root {
--bg: #2C3A45;
--surface: #FFFFFF;
--fg: #1B2A33;
--muted: #5A6770;
--border: #D7DCE0;
--accent: #FBE35B;
--accent-ink:#1B2A33;
--font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", system-ui, sans-serif;
--font-mono: ui-monospace, "JetBrains Mono", "SF Mono", Menlo, monospace;
--container: 1280px;
--gutter: 24px;
--header-h: 64px;
}
*, *::before, *::after { box-sizing: border-box; }
html, body { margin: 0; padding: 0; }
html { -webkit-text-size-adjust: 100%; scroll-behavior: smooth; }
body {
font-family: var(--font-sans);
font-size: 16px;
line-height: 1.55;
color: var(--fg);
background: var(--surface);
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-variant-numeric: tabular-nums;
}
img, svg { max-width: 100%; display: block; }
a { color: inherit; text-decoration: none; }
button { font: inherit; cursor: pointer; }
::selection { background: var(--accent); color: var(--accent-ink); }
.container { max-width: var(--container); margin: 0 auto; padding: 0 var(--gutter); }
.eyebrow {
font-family: var(--font-mono); font-size: 11px; font-weight: 500;
letter-spacing: 0.22em; text-transform: uppercase; color: var(--muted);
}
.eyebrow.on-dark { color: rgba(255,255,255,0.7); }
/* Header (shared) */
.topbar {
position: sticky; top: 0; z-index: 50;
background: var(--bg); color: #fff;
border-bottom: 1px solid rgba(255,255,255,0.08);
}
.topbar__inner { height: var(--header-h); display: flex; align-items: center; gap: 32px; }
.brand { display: inline-flex; align-items: center; gap: 10px; color: #fff; font-weight: 700; letter-spacing: -0.02em; }
.brand__mark { display: block; height: 40px; width: auto; }
.brand__sub {
font-size: 12px; font-weight: 500;
letter-spacing: 0.22em; text-transform: uppercase; color: rgba(255,255,255,0.7);
}
.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; }
.nav a:hover, .nav a.is-active { color: #fff; border-bottom-color: var(--accent); }
.nav-cta { display: inline-flex; align-items: center; gap: 8px; background: var(--accent); color: var(--accent-ink); border: 0; padding: 10px 16px; font-size: 13px; font-weight: 600; letter-spacing: 0.04em; }
.nav-cta:hover { background: #FFD96A; }
.nav-toggle { display: none; background: transparent; color: #fff; border: 0; width: 40px; height: 40px; align-items: center; justify-content: center; margin-left: auto; }
.nav-toggle svg { width: 22px; height: 22px; }
.nav-drawer { position: fixed; inset: 0; background: var(--bg); z-index: 60; display: none; flex-direction: column; padding: 24px; }
.nav-drawer.is-open { display: flex; }
.nav-drawer__top { display: flex; align-items: center; justify-content: space-between; margin-bottom: 32px; }
.nav-drawer a { color: #fff; font-size: 22px; font-weight: 500; padding: 14px 0; border-bottom: 1px solid rgba(255,255,255,0.12); }
.nav-drawer__cta { margin-top: 32px; }
/* Page hero (smaller than home) */
.page-hero {
background: var(--bg);
color: #fff;
padding: 64px 0 56px;
border-bottom: 1px solid rgba(255,255,255,0.08);
}
.page-hero__crumb {
font-family: var(--font-mono); font-size: 11px;
letter-spacing: 0.22em; text-transform: uppercase;
color: rgba(255,255,255,0.55);
margin-bottom: 16px;
}
.page-hero__crumb a { color: rgba(255,255,255,0.7); }
.page-hero__crumb a:hover { color: var(--accent); }
.page-hero h1 {
font-size: clamp(32px, 4.4vw, 56px);
font-weight: 600; line-height: 1.1; letter-spacing: -0.02em;
margin: 0 0 16px; max-width: 18ch;
}
.page-hero p {
margin: 0; color: rgba(255,255,255,0.78);
max-width: 60ch; font-size: 17px; line-height: 1.6;
}
/* In-page section nav */
.cat-nav {
position: sticky;
top: var(--header-h);
z-index: 40;
background: var(--surface);
border-bottom: 1px solid var(--border);
}
.cat-nav__inner {
display: flex; gap: 4px; overflow-x: auto;
padding: 0 var(--gutter);
scrollbar-width: none;
}
.cat-nav__inner::-webkit-scrollbar { display: none; }
.cat-nav a {
display: inline-flex; align-items: center; gap: 6px;
padding: 16px 14px; font-size: 13px; font-weight: 500;
color: var(--muted);
border-bottom: 2px solid transparent;
white-space: nowrap;
}
.cat-nav a:hover { color: var(--fg); }
.cat-nav a.is-active { color: var(--fg); border-bottom-color: var(--accent); }
.cat-nav a span.num {
font-family: var(--font-mono); font-size: 11px;
color: var(--muted); letter-spacing: 0.12em;
}
/* Section */
.section { padding: 80px 0; }
.section + .section { border-top: 1px solid var(--border); }
.section--alt { background: #F4F5F6; }
.section--dark { background: var(--bg); color: #fff; }
.section--dark .eyebrow { color: rgba(255,255,255,0.7); }
.section--dark h2 { color: #fff; }
.section__head { display: grid; grid-template-columns: 1.1fr 0.9fr; gap: 48px; align-items: end; margin-bottom: 40px; }
.section__head h2 { font-size: clamp(28px, 3.4vw, 44px); font-weight: 600; line-height: 1.1; letter-spacing: -0.02em; margin: 8px 0 0; }
.section__head p { margin: 0; color: var(--muted); max-width: 50ch; font-size: 16px; line-height: 1.6; }
.section--dark .section__head p { color: rgba(255,255,255,0.78); }
/* Product cards (line-level) */
.grid-lines { display: grid; grid-template-columns: repeat(2, 1fr); gap: 0; border-top: 1px solid var(--border); border-left: 1px solid var(--border); }
.line {
padding: 32px 32px 28px;
border-right: 1px solid var(--border);
border-bottom: 1px solid var(--border);
background: var(--surface);
display: flex; flex-direction: column; gap: 14px;
}
.section--dark .grid-lines { border-color: rgba(255,255,255,0.12); }
.section--dark .line { background: transparent; border-color: rgba(255,255,255,0.12); }
.line__head { display: flex; align-items: baseline; justify-content: space-between; gap: 16px; }
.line__name { font-size: 22px; font-weight: 600; letter-spacing: -0.01em; }
.line__name sup { color: var(--accent); font-size: 13px; vertical-align: super; }
.line__code { font-family: var(--font-mono); font-size: 11px; letter-spacing: 0.18em; color: var(--muted); }
.section--dark .line__code { color: rgba(255,255,255,0.55); }
.line__tag { font-family: var(--font-mono); font-size: 11px; letter-spacing: 0.18em; text-transform: uppercase; color: var(--accent); }
.line p { margin: 0; font-size: 14.5px; line-height: 1.6; color: var(--muted); }
.section--dark .line p { color: rgba(255,255,255,0.78); }
.line__specs {
display: grid; grid-template-columns: repeat(2, 1fr);
gap: 8px 16px; padding-top: 12px; border-top: 1px dashed var(--border);
font-family: var(--font-mono); font-size: 12px;
}
.section--dark .line__specs { border-color: rgba(255,255,255,0.18); }
.line__specs dt { color: var(--muted); letter-spacing: 0.06em; }
.section--dark .line__specs dt { color: rgba(255,255,255,0.55); }
.line__specs dd { margin: 0; color: var(--fg); }
.section--dark .line__specs dd { color: #fff; }
.line__cta {
align-self: flex-start;
font-size: 13px; font-weight: 600;
display: inline-flex; align-items: center; gap: 6px;
border-bottom: 1px solid var(--fg); padding-bottom: 2px;
}
.section--dark .line__cta { color: #fff; border-color: var(--accent); }
.line__cta:hover { color: var(--accent); }
/* Spec table (datasheet) */
.spec-table { width: 100%; border-collapse: collapse; font-size: 14px; }
.spec-table th, .spec-table td {
text-align: left; padding: 14px 16px;
border-bottom: 1px solid var(--border);
}
.spec-table th {
font-family: var(--font-mono); font-size: 11px;
letter-spacing: 0.18em; text-transform: uppercase;
color: var(--muted); font-weight: 500;
background: #FAFBFC;
}
.spec-table td:first-child { font-weight: 500; color: var(--fg); }
.spec-table td { color: var(--muted); font-family: var(--font-mono); font-size: 13px; }
.spec-table tr:last-child td { border-bottom: 0; }
/* CTA strip */
.cta-strip { border-top: 1px solid var(--border); border-bottom: 1px solid var(--border); }
.cta-strip__inner { padding: 56px 0; display: grid; grid-template-columns: 1.4fr 0.8fr; gap: 48px; align-items: center; }
.cta-strip h2 { font-size: clamp(24px, 2.6vw, 36px); font-weight: 600; letter-spacing: -0.02em; line-height: 1.15; margin: 0 0 8px; }
.cta-strip p { margin: 0; color: var(--muted); max-width: 56ch; }
.cta-strip__actions { display: flex; gap: 12px; justify-self: end; flex-wrap: wrap; }
.btn { display: inline-flex; align-items: center; gap: 10px; padding: 14px 22px; font-size: 14px; font-weight: 600; border: 1px solid transparent; border-radius: 999px; transition: background 0.15s, color 0.15s, border-color 0.15s; white-space: nowrap; }
.btn--accent { background: var(--accent); color: var(--accent-ink); }
.btn--accent:hover { background: #FFD96A; }
.btn--ink { background: var(--fg); color: #fff; }
.btn--ink:hover { background: #2A3942; }
.btn--ghost { background: transparent; color: #fff; border-color: rgba(255,255,255,0.4); }
.btn--ghost:hover { border-color: #fff; }
.btn--ghost-dark { background: transparent; color: var(--fg); border-color: var(--border); }
.btn--ghost-dark:hover { border-color: var(--fg); }
.btn .arr { width: 14px; height: 14px; }
/* Footer (shared) */
.footer { background: var(--bg); color: rgba(255,255,255,0.78); padding: 64px 0 32px; }
.footer__top { display: grid; grid-template-columns: 1.2fr 1fr 1fr 1fr; gap: 40px; padding-bottom: 48px; border-bottom: 1px solid rgba(255,255,255,0.12); }
.footer h4 { font-family: var(--font-mono); font-size: 11px; font-weight: 500; letter-spacing: 0.22em; text-transform: uppercase; color: rgba(255,255,255,0.55); margin: 0 0 16px; }
.footer ul { list-style: none; padding: 0; margin: 0; display: flex; flex-direction: column; gap: 10px; }
.footer ul a { font-size: 14.5px; color: rgba(255,255,255,0.85); border-bottom: 1px solid transparent; }
.footer ul a:hover { border-bottom-color: var(--accent); }
.footer__brand p { margin: 14px 0 0; max-width: 32ch; font-size: 14px; color: rgba(255,255,255,0.6); }
.footer__bot { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 16px; padding-top: 28px; font-family: var(--font-mono); font-size: 11px; letter-spacing: 0.18em; text-transform: uppercase; color: rgba(255,255,255,0.5); }
/* Responsive */
@media (max-width: 1024px) {
.section__head { grid-template-columns: 1fr; gap: 16px; align-items: start; }
.grid-lines { grid-template-columns: 1fr; }
.footer__top { grid-template-columns: 1fr 1fr; }
.cta-strip__inner { grid-template-columns: 1fr; }
.cta-strip__actions { justify-self: start; }
}
@media (max-width: 720px) {
:root { --gutter: 20px; }
.nav { display: none; }
.nav-toggle { display: inline-flex; }
.topbar__inner { gap: 12px; }
.section { padding: 56px 0; }
.line { padding: 24px; }
.footer__top, .grid-lines { grid-template-columns: 1fr; }
.footer__top { gap: 32px; }
.footer__bot { flex-direction: column; align-items: flex-start; gap: 8px; }
.cat-nav { top: var(--header-h); }
}
</style>
</head>
<body>
<!-- Header -->
<header class="topbar">
<div class="container topbar__inner">
<a href="index.html" class="brand" aria-label="JEI South Africa — home">
<img class="brand__mark" src="brand-mark.png" alt="JEI South Africa — Built for Industry" width="208" height="219" decoding="async">
<span class="brand__sub">South&nbsp;Africa</span>
</a>
<nav class="nav" aria-label="Primary">
<a href="products.html" class="is-active">Products</a>
<a href="index.html#industries">Industries</a>
<a href="about.html">About</a>
<a href="contact.html">Contact</a>
<a href="contact.html" class="nav-cta">Request a quote</a>
</nav>
<button class="nav-toggle" aria-label="Open menu" aria-controls="nav-drawer" aria-expanded="false">
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round"><path d="M3 6h18M3 12h18M3 18h18"/></svg>
</button>
</div>
</header>
<div class="nav-drawer" id="nav-drawer" aria-hidden="true">
<div class="nav-drawer__top">
<a href="index.html" class="brand"><img class="brand__mark" src="brand-mark.png" alt="JEI South Africa — Built for Industry" width="208" height="219" decoding="async"><span class="brand__sub">South Africa</span></a>
<button class="nav-toggle" aria-label="Close menu" data-close><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round"><path d="M5 5l14 14M19 5L5 19"/></svg></button>
</div>
<a href="products.html">Products</a>
<a href="index.html#industries">Industries</a>
<a href="about.html">About</a>
<a href="contact.html">Contact</a>
<a href="contact.html" class="btn btn--accent nav-drawer__cta">Request a quote</a>
</div>
<!-- Page hero -->
<section class="page-hero">
<div class="container">
<div class="page-hero__crumb"><a href="index.html">Home</a> &nbsp;/&nbsp; Products</div>
<h1>The JEI catalogue — magnetic drills, annular cutters, fabrication.</h1>
<p>Every product line below is available from JEI South Africa. Specs are indicative — datasheets and lead times come back the same business day on request.</p>
</div>
</section>
<!-- In-page section nav -->
<nav class="cat-nav" aria-label="Product categories">
<div class="cat-nav__inner">
<a href="#drills"><span class="num">01</span> Magnetic drills</a>
<a href="#cutters"><span class="num">02</span> Annular cutters</a>
<a href="#cordless"><span class="num">03</span> Cordless</a>
<a href="#rail"><span class="num">04</span> Rail drills</a>
<a href="#pneumatic"><span class="num">05</span> Pneumatic</a>
<a href="#fabrication"><span class="num">06</span> Fabrication</a>
<a href="#accessories"><span class="num">07</span> Accessories</a>
</div>
</nav>
<!-- 01 Magnetic drills -->
<section class="section" id="drills">
<div class="container">
<div class="section__head">
<div>
<p class="eyebrow">01 — Magnetic drills</p>
<h2>Electric magnetic base drills</h2>
</div>
<p>The core of the JEI range. Single-speed, two-speed and four-speed models for plate, structural steel and pipe. All supplied with safety strap, guard and pilot pin.</p>
</div>
<div class="grid-lines">
<div class="line">
<div class="line__head">
<div class="line__name">JEi MagDrill 32</div>
<div class="line__code">JMD-32-1PH</div>
</div>
<div class="line__tag">Single speed · 1100W</div>
<p>Workhorse single-speed mag drill for general fabrication. Weldon 19mm shank, 32mm cutter capacity, 50mm cutting depth. Available in 110V and 220V.</p>
<dl class="line__specs">
<dt>Motor</dt><dd>1100 W</dd>
<dt>Speed</dt><dd>450 rpm</dd>
<dt>Magnet</dt><dd>13000 N</dd>
<dt>Weight</dt><dd>13.5 kg</dd>
</dl>
<a class="line__cta" href="contact.html">Request datasheet →</a>
</div>
<div class="line">
<div class="line__head">
<div class="line__name">MagBeast<sup>®</sup> HM 50</div>
<div class="line__code">MB-HM-50</div>
</div>
<div class="line__tag">4-speed · Heavy duty</div>
<p>Premium heavy-duty mag drill with 4-speed mechanical gearbox and high-adhesion magnet. For prolonged cutting cycles and large-diameter cutters up to 50mm.</p>
<dl class="line__specs">
<dt>Motor</dt><dd>1800 W</dd>
<dt>Speeds</dt><dd>4 mechanical</dd>
<dt>Magnet</dt><dd>16500 N</dd>
<dt>Cutter</dt><dd>Ø 50 mm</dd>
</dl>
<a class="line__cta" href="contact.html">Request datasheet →</a>
</div>
<div class="line">
<div class="line__head">
<div class="line__name">JEi LowPro 35</div>
<div class="line__code">JLP-35</div>
</div>
<div class="line__tag">Low profile · 1100W</div>
<p>Short-body mag drill for tight spaces, beam flanges, and confined structural work. 110mm height from the magnet face to the cutter centre line.</p>
<dl class="line__specs">
<dt>Height</dt><dd>110 mm</dd>
<dt>Cutter</dt><dd>Ø 35 mm</dd>
<dt>Magnet</dt><dd>12000 N</dd>
<dt>Weight</dt><dd>11.0 kg</dd>
</dl>
<a class="line__cta" href="contact.html">Request datasheet →</a>
</div>
<div class="line">
<div class="line__head">
<div class="line__name">JEi MagDrill 50</div>
<div class="line__code">JMD-50-2SP</div>
</div>
<div class="line__tag">2-speed · 1500W</div>
<p>Two-speed mid-duty mag drill for fabricators running both small (12–20mm) and large (35–50mm) cutters. Electronic speed control and overload protection.</p>
<dl class="line__specs">
<dt>Motor</dt><dd>1500 W</dd>
<dt>Speeds</dt><dd>2 mechanical</dd>
<dt>Magnet</dt><dd>15500 N</dd>
<dt>Cutter</dt><dd>Ø 50 mm</dd>
</dl>
<a class="line__cta" href="contact.html">Request datasheet →</a>
</div>
</div>
</div>
</section>
<!-- 02 Annular cutters -->
<section class="section section--alt" id="cutters">
<div class="container">
<div class="section__head">
<div>
<p class="eyebrow">02 — Annular cutters</p>
<h2>Annular broaching cutters — HSS &amp; TCT</h2>
</div>
<p>Weldon 19mm shank. Available in 12–60mm diameters, 1mm increments, 30mm and 50mm cutting depths. Bulk pricing and bespoke diameters on request.</p>
</div>
<div class="grid-lines">
<div class="line">
<div class="line__head">
<div class="line__name">Turbo™ HSS Cutter</div>
<div class="line__code">T-HSS-30</div>
</div>
<div class="line__tag">HSS · 30mm depth</div>
<p>General-purpose HSS annular cutter for mild steel, structural steel, and non-ferrous metals. Standard Weldon 19mm shank, M16x1.5 thread.</p>
<dl class="line__specs">
<dt>Range</dt><dd>Ø 12 – 60 mm</dd>
<dt>Depth</dt><dd>30 / 50 mm</dd>
<dt>Shank</dt><dd>Weldon 19</dd>
<dt>Coating</dt><dd>Bright / TiN</dd>
</dl>
<a class="line__cta" href="contact.html">Request datasheet →</a>
</div>
<div class="line">
<div class="line__head">
<div class="line__name">Turbo™ Tough TCT</div>
<div class="line__code">T-TCT-PREM-50</div>
</div>
<div class="line__tag">TCT · Premium grade</div>
<p>Premium-grade TCT annular cutters for stainless, high-alloy steels, and hard metals. Significantly longer tool life than HSS on tough substrates.</p>
<dl class="line__specs">
<dt>Range</dt><dd>Ø 12 – 60 mm</dd>
<dt>Depth</dt><dd>35 / 50 mm</dd>
<dt>Carbide</dt><dd>K20 – K30</dd>
<dt>Coating</dt><dd>TiAlN optional</dd>
</dl>
<a class="line__cta" href="contact.html">Request datasheet →</a>
</div>
<div class="line">
<div class="line__head">
<div class="line__name">JEi Car Reamer</div>
<div class="line__code">JCR-T</div>
</div>
<div class="line__tag">Turbo™ line · Reaming</div>
<p>Turbo Car Reamer — for cleaning up and finishing holes cut by annular cutters, particularly in automotive and body-in-white applications.</p>
<dl class="line__specs">
<dt>Range</dt><dd>Ø 6 – 32 mm</dd>
<dt>Shank</dt><dd>Weldon 19</dd>
<dt>Flutes</dt><dd>6</dd>
<dt>Material</dt><dd>HSS-Co</dd>
</dl>
<a class="line__cta" href="contact.html">Request datasheet →</a>
</div>
<div class="line">
<div class="line__head">
<div class="line__name">JEi Step Reamer</div>
<div class="line__code">JSR-T</div>
</div>
<div class="line__tag">Turbo™ line · Stepping</div>
<p>Turbo Step Reamer — for stepping up hole diameters without changing cutters. Used in fabrication and structural reaming.</p>
<dl class="line__specs">
<dt>Steps</dt><dd>3 – 5 steps</dd>
<dt>Range</dt><dd>Ø 6 – 35 mm</dd>
<dt>Shank</dt><dd>Weldon 19</dd>
<dt>Coating</dt><dd>Bright</dd>
</dl>
<a class="line__cta" href="contact.html">Request datasheet →</a>
</div>
</div>
</div>
</section>
<!-- 03 Cordless (dark) -->
<section class="section section--dark" id="cordless">
<div class="container">
<div class="section__head">
<div>
<p class="eyebrow on-dark">03 — Cordless</p>
<h2>MiniBeast™ Cordless</h2>
</div>
<p>For sites without mains power — generator-free overhead work, shipyards, bridge decks, and remote structural repairs. Shares the JEI 18V/36V battery platform.</p>
</div>
<div class="grid-lines">
<div class="line">
<div class="line__head">
<div class="line__name">MiniBeast™ Cordless 18</div>
<div class="line__code">MB-CL-18</div>
</div>
<div class="line__tag">Cordless · 18V platform</div>
<p>Compact 18V cordless mag drill. 14mm cutter capacity, brushless motor, magnetic LED, integrated safety strap. Body only — batteries sold separately or in kit.</p>
<dl class="line__specs">
<dt>Voltage</dt><dd>18 V DC</dd>
<dt>Cutter</dt><dd>Ø 4 – 14 mm</dd>
<dt>Magnet</dt><dd>8000 N</dd>
<dt>Weight</dt><dd>4.6 kg</dd>
</dl>
<a class="line__cta" href="contact.html">Request datasheet →</a>
</div>
<div class="line">
<div class="line__head">
<div class="line__name">MiniBeast™ Cordless 36</div>
<div class="line__code">MB-CL-36</div>
</div>
<div class="line__tag">Cordless · 36V platform</div>
<p>Higher-power 36V cordless mag drill. 25mm cutter capacity, brushless motor, two-speed gearbox. Shares the same battery as the rest of the JEI 36V cordless range.</p>
<dl class="line__specs">
<dt>Voltage</dt><dd>36 V DC</dd>
<dt>Cutter</dt><dd>Ø 12 – 25 mm</dd>
<dt>Speeds</dt><dd>2 mechanical</dd>
<dt>Weight</dt><dd>6.8 kg</dd>
</dl>
<a class="line__cta" href="contact.html">Request datasheet →</a>
</div>
</div>
</div>
</section>
<!-- 04 Rail drills -->
<section class="section" id="rail">
<div class="container">
<div class="section__head">
<div>
<p class="eyebrow">04 — Rail drills</p>
<h2>Railbeast™ rail drilling machines</h2>
</div>
<p>Specialist mag drills for railway maintenance — designed to drill and ream fishplate, baseplate and rail-web holes in the field. Battery or 110V site-supply.</p>
</div>
<div class="grid-lines">
<div class="line">
<div class="line__head">
<div class="line__name">Railbeast™ RB-1</div>
<div class="line__code">RB-1</div>
</div>
<div class="line__tag">Rail · Field-portable</div>
<p>Hand-held rail drill for joint bar and baseplate holes. Reversible feed, integral coolant, magnetic adhesion to rail. Spares and consumables held in JHB.</p>
<dl class="line__specs">
<dt>Hole Ø</dt><dd>22 – 36 mm</dd>
<dt>Power</dt><dd>110V / 18V DC</dd>
<dt>Magnet</dt><dd>Rail-specific</dd>
<dt>Weight</dt><dd>9.4 kg</dd>
</dl>
<a class="line__cta" href="contact.html">Request datasheet →</a>
</div>
<div class="line">
<div class="line__head">
<div class="line__name">Railbeast™ RB-Pro</div>
<div class="line__code">RB-PRO</div>
</div>
<div class="line__tag">Rail · Track surveyor</div>
<p>Pro version with two-speed gearbox and depth-stop for batch drilling. Used by Transnet and Spoornet contractors for fishplate renewal.</p>
<dl class="line__specs">
<dt>Hole Ø</dt><dd>22 – 50 mm</dd>
<dt>Speeds</dt><dd>2 mechanical</dd>
<dt>Depth stop</dt><dd>Adjustable</dd>
<dt>Coolant</dt><dd>Integral</dd>
</dl>
<a class="line__cta" href="contact.html">Request datasheet →</a>
</div>
</div>
</div>
</section>
<!-- 05 Pneumatic (alt) -->
<section class="section section--alt" id="pneumatic">
<div class="container">
<div class="section__head">
<div>
<p class="eyebrow">05 — Pneumatic</p>
<h2>AirBeast™ pneumatic magnetic drills</h2>
</div>
<p>Air-driven mag drills for hazardous-area work — petrochemical plants, refineries, underground mining, and any site where electric sparks are a non-starter.</p>
</div>
<div class="grid-lines">
<div class="line">
<div class="line__head">
<div class="line__name">AirBeast™ AB-40A</div>
<div class="line__code">AB-40A</div>
</div>
<div class="line__tag">Pneumatic · 1500W air</div>
<p>Mid-duty pneumatic mag drill. 40mm cutter capacity, two-speed air motor, lubrication-free vane. ATEX-compatible variants available on request.</p>
<dl class="line__specs">
<dt>Air req.</dt><dd>1500 l/min</dd>
<dt>Cutter</dt><dd>Ø 40 mm</dd>
<dt>Speed</dt><dd>2 mechanical</dd>
<dt>ATEX</dt><dd>On request</dd>
</dl>
<a class="line__cta" href="contact.html">Request datasheet →</a>
</div>
<div class="line">
<div class="line__head">
<div class="line__name">AirBeast™ AB-HD</div>
<div class="line__code">AB-HD</div>
</div>
<div class="line__tag">Pneumatic · Heavy duty</div>
<p>Heavy-duty pneumatic mag drill for underground mining and long pipe runs. Geared air motor, magnetic LED, four-roller guide.</p>
<dl class="line__specs">
<dt>Air req.</dt><dd>2200 l/min</dd>
<dt>Cutter</dt><dd>Ø 50 mm</dd>
<dt>Guide</dt><dd>4-roller</dd>
<dt>Coolant</dt><dd>Through-spindle</dd>
</dl>
<a class="line__cta" href="contact.html">Request datasheet →</a>
</div>
</div>
</div>
</section>
<!-- 06 Fabrication equipment -->
<section class="section" id="fabrication">
<div class="container">
<div class="section__head">
<div>
<p class="eyebrow">06 — Fabrication equipment</p>
<h2>Plate, pipe &amp; fabrication tooling</h2>
</div>
<p>The range around the mag drill — bevelling, punching, cutting, grinding. For fabrication shops that need everything on one purchase order.</p>
</div>
<!-- Datasheet-style table -->
<table class="spec-table">
<thead>
<tr>
<th style="width:28%">Category</th>
<th>Range</th>
<th>Indicative spec</th>
<th>Code</th>
<th style="text-align:right;">Availability</th>
</tr>
</thead>
<tbody>
<tr>
<td>Plate bevelling — manual, electric</td>
<td>0–45° bevel, 8–25mm plate</td>
<td>110V / 220V · 1500W</td>
<td>JE-PB-E</td>
<td style="text-align:right;"><span class="pill pill--stock">In stock</span></td>
</tr>
<tr>
<td>Plate bevelling — manual, pneumatic</td>
<td>0–45° bevel, 8–25mm plate</td>
<td>1500 l/min air</td>
<td>JE-PB-P</td>
<td style="text-align:right;"><span class="pill pill--stock">In stock</span></td>
</tr>
<tr>
<td>Plate bevelling — manual, cordless</td>
<td>0–45° bevel, 6–18mm plate</td>
<td>18V · brushless</td>
<td>JE-PB-CL</td>
<td style="text-align:right;"><span class="pill pill--stock">In stock</span></td>
</tr>
<tr>
<td>Plate bevelling — automatic, walking</td>
<td>0–60° bevel, 6–40mm plate</td>
<td>110V · walking drive</td>
<td>JE-PB-AUTO</td>
<td style="text-align:right;"><span class="pill pill--order">On order</span></td>
</tr>
<tr>
<td>Pipe bevelling — portable</td>
<td>Ø 25 – 350 mm pipe</td>
<td>ID-mount, auto-feed</td>
<td>JE-PB-PIPE</td>
<td style="text-align:right;"><span class="pill pill--stock">In stock</span></td>
</tr>
<tr>
<td>Hole punching — hydraulic</td>
<td>Up to Ø 25 mm through 12mm plate</td>
<td>700 bar · single-acting</td>
<td>JE-HP-H</td>
<td style="text-align:right;"><span class="pill pill--stock">In stock</span></td>
</tr>
<tr>
<td>Metal cutting saws — cold cut</td>
<td>Ø 350 mm blade, 110/220V</td>
<td>2.2 kW · 1300 rpm</td>
<td>JE-CS-350</td>
<td style="text-align:right;"><span class="pill pill--stock">In stock</span></td>
</tr>
<tr>
<td>Industrial belt grinders</td>
<td>50 × 2000 mm belt</td>
<td>4 kW · 3000 rpm</td>
<td>JE-BG-50</td>
<td style="text-align:right;"><span class="pill pill--stock">In stock</span></td>
</tr>
<tr>
<td>Tube &amp; pipe notchers</td>
<td>Ø 25 – 90 mm tube</td>
<td>0–60° notch angle</td>
<td>JE-TN-90</td>
<td style="text-align:right;"><span class="pill pill--bespoke">Bespoke</span></td>
</tr>
</tbody>
</table>
<style>
.pill {
display: inline-block;
font-family: var(--font-mono); font-size: 11px;
letter-spacing: 0.1em; padding: 3px 8px;
border: 1px solid var(--border);
background: #FAFBFC;
}
.pill--stock { color: #1B5E3F; border-color: #1B5E3F; background: #EAF5EE; }
.pill--order { color: #8A4B0A; border-color: #8A4B0A; background: #FBF1E2; }
.pill--bespoke { color: var(--muted); }
</style>
</div>
</section>
<!-- 07 Accessories (dark) -->
<section class="section section--dark" id="accessories">
<div class="container">
<div class="section__head">
<div>
<p class="eyebrow on-dark">07 — Accessories</p>
<h2>Consumables, adaptors, lubricants</h2>
</div>
<p>The bits that keep the machine cutting — pilot pins, arbors, cutting fluids, vac pads for pipe work, tapping attachments, and tool sets.</p>
</div>
<div class="grid-lines">
<div class="line">
<div class="line__head">
<div class="line__name">Pilot Pins — 80 / 100 / 120mm</div>
<div class="line__code">JE-PP-80 / 100 / 120</div>
</div>
<div class="line__tag">Consumable</div>
<p>Hardened pilot pins, Weldon-suitable. Three lengths: 80mm (30mm depth cutters), 100mm (50mm depth), 120mm (long-reach). Sold in packs of 5.</p>
</div>
<div class="line">
<div class="line__head">
<div class="line__name">Industrial arbors &amp; adaptors</div>
<div class="line__code">JE-ARBOR-MK2</div>
</div>
<div class="line__tag">Adaptor</div>
<p>Morse taper, 1/2&quot; and 3/4&quot; Jacobs chuck adaptors, extension arbors for deep-reach applications. Custom adaptors on request.</p>
</div>
<div class="line">
<div class="line__head">
<div class="line__name">Cutting fluid — JEiCut 5L</div>
<div class="line__code">JE-CUT-5L</div>
</div>
<div class="line__tag">Consumable</div>
<p>Water-soluble cutting fluid, 5L and 25L containers. For mag drilling and annular cutting in steel, stainless and aluminium. SDS available.</p>
</div>
<div class="line">
<div class="line__head">
<div class="line__name">Vac pads &amp; pipe kits</div>
<div class="line__code">JE-VAC-PAD</div>
</div>
<div class="line__tag">Accessory</div>
<p>Vacuum mounting pads for non-magnetic surfaces (stainless, aluminium). Pipe-mounting kits for Ø 80–350mm pipe. Enables mag-drill use on vertical pipe and tank work.</p>
</div>
<div class="line">
<div class="line__head">
<div class="line__name">Tapping attachments</div>
<div class="line__code">JE-TAP-M3M16</div>
</div>
<div class="line__tag">Attachment</div>
<p>Reversible tapping attachment for mag drills — M3 to M16, with auto-reverse feed. Cuts tapping time on steel plate and structural sections.</p>
</div>
<div class="line">
<div class="line__head">
<div class="line__name">Cutter sets — HSS &amp; TCT</div>
<div class="line__code">JE-SET-HSS / TCT</div>
</div>
<div class="line__tag">Bundle</div>
<p>Pre-packed cutter sets in carry case. HSS set: 6 cutters, 12–22mm, plus pilot pin. TCT set: 5 cutters, 14–30mm, plus pilot pin and safety glasses.</p>
</div>
</div>
</div>
</section>
<!-- CTA strip -->
<section class="cta-strip">
<div class="container cta-strip__inner">
<div>
<p class="eyebrow">Pricing &amp; lead time</p>
<h2>Quote, datasheet, or on-site demo — same-day response.</h2>
<p>Tell us what you need to cut, the material, the diameter, and the quantity. We'll come back with stock, lead time, and price the same business day.</p>
</div>
<div class="cta-strip__actions">
<a href="contact.html" class="btn btn--ink">Request a quote
<svg class="arr" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"><path d="M5 12h14M13 6l6 6-6 6"/></svg>
</a>
<a href="about.html" class="btn btn--ghost-dark">About JEI ZA</a>
</div>
</div>
</section>
<!-- Footer -->
<footer class="footer">
<div class="container">
<div class="footer__top">
<div class="footer__brand">
<a href="index.html" class="brand">
<img class="brand__mark" src="brand-mark.png" alt="JEI South Africa — Built for Industry" width="208" height="219" decoding="async">
<span class="brand__sub">South Africa</span>
</a>
<p>Magnetic drilling and annular cutting — stocked and supported in South Africa. Partner of JEI Solutions (UK).</p>
</div>
<div>
<h4>Products</h4>
<ul>
<li><a href="products.html#drills">Magnetic drills</a></li>
<li><a href="products.html#cutters">Annular cutters</a></li>
<li><a href="products.html#cordless">Cordless</a></li>
<li><a href="products.html#fabrication">Fabrication</a></li>
<li><a href="products.html#accessories">Accessories</a></li>
</ul>
</div>
<div>
<h4>Company</h4>
<ul>
<li><a href="about.html">About JEI ZA</a></li>
<li><a href="index.html#industries">Industries</a></li>
<li><a href="about.html#uk-partner">JEI UK partner</a></li>
<li><a href="about.html#quality">Quality &amp; warranty</a></li>
</ul>
</div>
<div>
<h4>Contact</h4>
<ul>
<li><a href="contact.html">Request a quote</a></li>
<li><a href="tel:+27187862897">0187862897</a></li>
<li><a href="mailto:gary@wfsales.co.za">gary@wfsales.co.za</a></li>
<li><a href="https://wa.me/27828524633">WhatsApp</a></li>
</ul>
</div>
</div>
<div class="footer__bot">
<div>© 2026 JEI South Africa</div>
<div>EN · ZAR</div>
</div>
</div>
</footer>
<script>
// Mobile drawer (shared)
(function () {
var toggle = document.querySelector('.topbar .nav-toggle');
var drawer = document.getElementById('nav-drawer');
if (!toggle || !drawer) return;
function setOpen(open) {
drawer.classList.toggle('is-open', open);
drawer.setAttribute('aria-hidden', open ? 'false' : 'true');
toggle.setAttribute('aria-expanded', open ? 'true' : 'false');
document.body.style.overflow = open ? 'hidden' : '';
}
toggle.addEventListener('click', function () { setOpen(true); });
drawer.querySelectorAll('[data-close]').forEach(function (b) { b.addEventListener('click', function () { setOpen(false); }); });
drawer.querySelectorAll('a').forEach(function (a) { a.addEventListener('click', function () { setOpen(false); }); });
})();
// In-page nav active state on scroll
(function () {
var links = document.querySelectorAll('.cat-nav a');
if (!links.length) return;
var map = {};
links.forEach(function (a) {
var id = a.getAttribute('href').replace('#', '');
var sec = document.getElementById(id);
if (sec) map[id] = a;
});
function update() {
var y = window.scrollY + 200;
var current = null;
Object.keys(map).forEach(function (id) {
var sec = document.getElementById(id);
if (sec && sec.offsetTop <= y) current = id;
});
Object.keys(map).forEach(function (id) { map[id].classList.toggle('is-active', id === current); });
}
window.addEventListener('scroll', update, { passive: true });
update();
})();
</script>
</body>
</html>