- .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>
882 lines
41 KiB
HTML
882 lines
41 KiB
HTML
<!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 & 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 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> / 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 & 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 & 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 & 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 & adaptors</div>
|
||
<div class="line__code">JE-ARBOR-MK2</div>
|
||
</div>
|
||
<div class="line__tag">Adaptor</div>
|
||
<p>Morse taper, 1/2" and 3/4" 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 & 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 & 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 & 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 & 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>
|