// catalog.jsx — WooCommerce-style B2B product catalogue (no cart / checkout / pricing) const { useState: useStateCat } = React; const CAT = window; const LINE_URL = "https://line.me/R/ti/p/@512sgltn"; /* ---------------------------------------------------------------- CATEGORY REGISTRY — maps category slug → division + labels + route -----------------------------------------------------------------*/ const CATALOG_CATEGORIES = { "ppe": { division: "Safety", divisionHref: "#/safety", label: "PPE", href: "#/safety/ppe" }, "footwear": { division: "Safety", divisionHref: "#/safety", label: "Protective Footwear", href: "#/safety/footwear" }, "workwear": { division: "Safety", divisionHref: "#/safety", label: "Workwear", href: "#/safety/workwear" }, "fall-protection": { division: "Safety", divisionHref: "#/safety", label: "Fall Protection", href: "#/safety/fall-protection" }, "machines": { division: "Welding", divisionHref: "#/welding", label: "Welding Machines", href: "#/welding/machines" }, "cutting": { division: "Welding", divisionHref: "#/welding", label: "Cutting & Preparation", href: "#/welding/cutting" }, "automation": { division: "Welding", divisionHref: "#/welding", label: "Automation & Alignment", href: "#/welding/automation" }, "quality-control": { division: "Welding", divisionHref: "#/welding", label: "Quality Control", href: "#/welding/quality-control" }, }; const IMG = (id) => `https://images.unsplash.com/photo-${id}?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&w=1400&q=85`; /* ---------------------------------------------------------------- PRODUCT CATALOGUE -----------------------------------------------------------------*/ const PRODUCTS = [ /* ---------------- PPE ---------------- */ { slug: "honeywell-north-7600-respirator", category: "ppe", brand: "Honeywell", name: "North 7600 Full-Facepiece Respirator", short: "Silicone full-face respirator with a wide field of vision for chemical and particulate protection.", overview: "The North 7600 Series full-facepiece respirator is built for demanding industrial environments where eye and respiratory protection are both critical. A soft silicone seal delivers all-shift comfort while the wide, distortion-free lens maximises field of vision. Compatible with the full North bayonet cartridge and filter range for tailored protection.", image: IMG("1589939705384-5185137a7f0f"), gallery: ["1589939705384-5185137a7f0f", "1622612023350-b15f063eabe6", "1507497806295-753c4108560c"], specs: [ { label: "Facepiece Material", value: "Silicone" }, { label: "Lens", value: "Polycarbonate, anti-scratch coated" }, { label: "Connection", value: "North bayonet, dual cartridge" }, { label: "Sizes", value: "S / M / L" }, { label: "Certification", value: "EN 136, NIOSH approved" }, { label: "Applications", value: "Petrochemical, paint spray, abrasive blasting" }, ], features: ["Wide distortion-free field of vision", "Low-profile dual cartridge connection", "All-shift silicone comfort seal", "Compatible with North filter range"], }, { slug: "edge-zorge-safety-eyewear", category: "ppe", brand: "Edge", name: "Zorge G2 Safety Eyewear", short: "Lightweight wrap-around safety glasses with anti-fog, anti-scratch coated lenses.", overview: "Edge Zorge G2 safety eyewear combines a sleek wrap-around frame with the optical clarity industrial users demand. The Vapor Shield anti-fog and anti-scratch coatings keep vision clear across temperature swings and abrasive conditions, while integrated side protection meets high-mass and high-velocity impact requirements.", image: IMG("1507497806295-753c4108560c"), gallery: ["1507497806295-753c4108560c", "1622612023350-b15f063eabe6", "1589939705384-5185137a7f0f"], specs: [ { label: "Lens Coating", value: "Vapor Shield anti-fog / anti-scratch" }, { label: "Lens Options", value: "Clear, smoke, polarized" }, { label: "Impact Rating", value: "ANSI Z87.1+ / EN 166" }, { label: "Frame", value: "Nylon, wrap-around" }, { label: "UV Protection", value: "99.9% UVA / UVB" }, { label: "Weight", value: "26 g" }, ], features: ["Permanent anti-fog coating", "High-velocity impact certified", "Wrap-around side protection", "Multiple lens tints available"], }, { slug: "ringers-r067-impact-gloves", category: "ppe", brand: "Ringers Gloves", name: "R-067 Roughneck Impact Glove", short: "Impact-resistant gloves with TPR back-of-hand protection for heavy material handling.", overview: "The Ringers R-067 Roughneck is engineered for the toughest material-handling tasks. Moulded TPR across the back of the hand and fingers absorbs impact and pinch hazards, while the textured palm delivers grip in wet and oily conditions. A staple on drilling rigs, fabrication yards and heavy maintenance crews.", image: IMG("1730584474196-b0e8a29303e8"), gallery: ["1730584474196-b0e8a29303e8", "1672748341520-6a839e6c05bb", "1589939705384-5185137a7f0f"], specs: [ { label: "Impact Protection", value: "TPR back-of-hand & fingers" }, { label: "Palm", value: "Synthetic leather, textured" }, { label: "Cut Resistance", value: "ANSI A4" }, { label: "Sizes", value: "S – XXL" }, { label: "Standard", value: "EN 388: 2016" }, { label: "Applications", value: "Oil & gas, heavy fabrication, mining" }, ], features: ["Moulded TPR impact protection", "Oil-resistant textured grip palm", "ANSI A4 cut resistance", "Reinforced thumb crotch"], }, /* ---------------- FOOTWEAR ---------------- */ { slug: "red-wing-2412-metguard-boot", category: "footwear", brand: "Red Wing", name: "2412 King Toe MetGuard Boot", short: "8-inch metatarsal safety boot with oversized toe box for all-day protection.", overview: "The Red Wing 2412 King Toe pairs an internal metatarsal guard with the brand's signature oversized toe box for protection that doesn't compromise comfort. Built on a welt construction for repeated re-soling, with a heat- and slip-resistant outsole rated for petrochemical and heavy fabrication environments.", image: IMG("1593583810872-ddee4d6bd55a"), gallery: ["1593583810872-ddee4d6bd55a", "1593313637552-29c2c0dacd35", "1681812508281-7589b75b2e46"], specs: [ { label: "Height", value: "8 inch" }, { label: "Toe", value: "Steel, King Toe oversized" }, { label: "Metatarsal", value: "Internal met guard" }, { label: "Outsole", value: "Heat & slip resistant, oil resistant" }, { label: "Construction", value: "Goodyear welt, re-soleable" }, { label: "Standard", value: "ASTM F2413, TIS compliant" }, ], features: ["Internal metatarsal protection", "Oversized King Toe comfort box", "Re-soleable welt construction", "Heat-resistant outsole to 300°C"], }, { slug: "dunlop-purofort-thermo-boot", category: "footwear", brand: "Dunlop", name: "Purofort Thermo+ Safety Wellington", short: "Insulated chemical-resistant wellington for cold, wet and processing environments.", overview: "Dunlop Purofort Thermo+ wellingtons deliver lightweight insulation to -50°C without sacrificing flexibility. The closed-cell Purofort material is chemical and abrasion resistant, making these boots a mainstay in food processing, cold storage and outdoor industrial work where standard rubber boots fail.", image: IMG("1681812508281-7589b75b2e46"), gallery: ["1681812508281-7589b75b2e46", "1593583810872-ddee4d6bd55a", "1747999461210-a56f72294428"], specs: [ { label: "Insulation", value: "Rated to -50°C" }, { label: "Material", value: "Purofort closed-cell PU" }, { label: "Toe", value: "Steel toe cap" }, { label: "Midsole", value: "Penetration-resistant" }, { label: "Standard", value: "EN ISO 20345 S5 CI" }, { label: "Applications", value: "Food, cold storage, processing" }, ], features: ["Insulation to -50°C", "Full chemical resistance", "Steel toe & penetration midsole", "Lightweight all-day comfort"], }, { slug: "red-wing-petroking-boot", category: "footwear", brand: "Red Wing", name: "PetroKing 6-inch Safety Boot", short: "Oil- and heat-resistant boot engineered for petrochemical and refinery work.", overview: "Purpose-built for the petrochemical sector, the PetroKing combines a heat-resistant nitrile outsole with a chemical-resistant upper. Electrical-hazard rated and slip-tested on oily surfaces, it is the standard-issue boot for refinery turnarounds and offshore platforms across the region.", image: IMG("1593313637552-29c2c0dacd35"), gallery: ["1593313637552-29c2c0dacd35", "1593583810872-ddee4d6bd55a", "1730584474196-b0e8a29303e8"], specs: [ { label: "Height", value: "6 inch" }, { label: "Outsole", value: "Nitrile, heat resistant to 300°C" }, { label: "Toe", value: "Composite, non-metallic" }, { label: "Electrical Hazard", value: "EH rated" }, { label: "Standard", value: "ASTM F2413 EH" }, { label: "Applications", value: "Refinery, offshore, petrochemical" }, ], features: ["Heat-resistant nitrile outsole", "Non-metallic composite toe", "Electrical hazard protection", "Oil & slip resistant tread"], }, /* ---------------- WORKWEAR ---------------- */ { slug: "fr-cotton-coverall", category: "workwear", brand: "Leeden Select", name: "FR Cotton Coverall — Hot Work", short: "Flame-resistant cotton coverall for welding, hot work and arc-flash environments.", overview: "Engineered for hot-work crews, this flame-resistant coverall uses inherently treated cotton that self-extinguishes and resists ignition. Generous action-back tailoring allows full movement for welders and fitters, while reinforced seams and brass hardware survive industrial laundering cycles.", image: IMG("1730584474196-b0e8a29303e8"), gallery: ["1730584474196-b0e8a29303e8", "1672748341520-6a839e6c05bb", "1747999461210-a56f72294428"], specs: [ { label: "Fabric", value: "350 gsm FR-treated cotton" }, { label: "Protection", value: "Flame resistant, anti-static option" }, { label: "Arc Rating", value: "ATPV 8.7 cal/cm²" }, { label: "Sizes", value: "S – 4XL" }, { label: "Standard", value: "EN ISO 11612, EN 1149-5" }, { label: "Applications", value: "Welding, hot work, arc flash" }, ], features: ["Inherently flame resistant", "Action-back for mobility", "Industrial-launder durable", "Anti-static option available"], }, { slug: "hi-vis-class3-jacket", category: "workwear", brand: "Leeden Select", name: "Class 3 Hi-Vis Bomber Jacket", short: "ANSI Class 3 high-visibility jacket with detachable sleeves and waterproof shell.", overview: "Maximum-visibility outerwear for roadside, rail and night operations. The Class 3 bomber features 360° retroreflective tape, a waterproof breathable shell and a detachable-sleeve design that adapts from full jacket to vest as conditions change.", image: IMG("1681812508281-7589b75b2e46"), gallery: ["1681812508281-7589b75b2e46", "1730584474196-b0e8a29303e8", "1614326014420-1f0c741ca7e1"], specs: [ { label: "Class", value: "ANSI/ISEA 107 Class 3" }, { label: "Shell", value: "Waterproof breathable, 5000 mm" }, { label: "Reflective", value: "360° segmented tape" }, { label: "Configuration", value: "Detachable sleeves" }, { label: "Sizes", value: "S – 4XL" }, { label: "Applications", value: "Roadworks, rail, logistics" }, ], features: ["360-degree visibility", "Waterproof breathable shell", "Convertible jacket-to-vest", "Multi-pocket utility design"], }, { slug: "chemical-splash-suit", category: "workwear", brand: "Leeden Select", name: "Type 3/4 Chemical Splash Suit", short: "Liquid-tight coverall for chemical handling and decontamination tasks.", overview: "A Type 3/4 barrier garment for jet-liquid and spray-tight chemical protection. Taped seams and a storm flap over the zip create a continuous liquid barrier, while the microporous laminate keeps the wearer cooler than impermeable alternatives during decontamination and chemical transfer work.", image: IMG("1747999461210-a56f72294428"), gallery: ["1747999461210-a56f72294428", "1672748341520-6a839e6c05bb", "1730584474196-b0e8a29303e8"], specs: [ { label: "Type", value: "Type 3 (jet) / Type 4 (spray)" }, { label: "Material", value: "Microporous laminate" }, { label: "Seams", value: "Fully taped" }, { label: "Closure", value: "Double zip with storm flap" }, { label: "Standard", value: "EN 14605, EN 13034" }, { label: "Applications", value: "Chemical transfer, decontamination" }, ], features: ["Liquid-tight taped seams", "Breathable microporous fabric", "Storm flap zip protection", "Single-use hygienic design"], }, /* ---------------- FALL PROTECTION ---------------- */ { slug: "msa-v-form-harness", category: "fall-protection", brand: "MSA", name: "V-FORM+ Full Body Harness", short: "Ergonomic full-body harness with racing-style buckles for working at height.", overview: "The MSA V-FORM+ harness applies athletic design principles to fall protection. The contoured shoulder and leg padding distributes arrest forces comfortably, while colour-coded racing-style buckles speed up donning and inspection. An integrated tongue-buckle leg strap and clear labelling make it audit-ready.", image: IMG("1589939705384-5185137a7f0f"), gallery: ["1589939705384-5185137a7f0f", "1614326014420-1f0c741ca7e1", "1672748341520-6a839e6c05bb"], specs: [ { label: "Type", value: "Full body, single D-ring" }, { label: "Buckles", value: "Racing-style quick-connect" }, { label: "Capacity", value: "140 kg" }, { label: "Sizes", value: "S – XL" }, { label: "Standard", value: "EN 361, ANSI Z359.11" }, { label: "Applications", value: "Construction, tower, maintenance" }, ], features: ["Contoured load-distributing padding", "Colour-coded quick-connect buckles", "Integrated inspection labelling", "Lightweight athletic fit"], }, { slug: "msa-latchways-srl", category: "fall-protection", brand: "MSA", name: "Latchways Personal SRL", short: "Compact self-retracting lifeline for hands-free mobility at height.", overview: "The Latchways Personal Self-Retracting Lifeline gives workers continuous fall protection with twin-leg, hands-free mobility. A sealed, maintenance-free brake mechanism arrests falls within centimetres, and the lightweight housing mounts directly to the harness dorsal connection.", image: IMG("1614326014420-1f0c741ca7e1"), gallery: ["1614326014420-1f0c741ca7e1", "1589939705384-5185137a7f0f", "1730584476141-232435a40c32"], specs: [ { label: "Type", value: "Twin-leg personal SRL" }, { label: "Lifeline Length", value: "2.0 m per leg" }, { label: "Mechanism", value: "Sealed maintenance-free brake" }, { label: "Capacity", value: "140 kg" }, { label: "Standard", value: "EN 360, ANSI Z359.14" }, { label: "Applications", value: "Steel erection, tower work" }, ], features: ["Hands-free twin-leg mobility", "Sealed maintenance-free brake", "Harness-mounted lightweight design", "Rapid fall arrest distance"], }, { slug: "safetylink-roof-anchor", category: "fall-protection", brand: "SafetyLink", name: "SafetyLink Roof Anchor Point", short: "Permanent engineered anchorage point for metal and concrete roofs.", overview: "SafetyLink anchor points provide certified, permanent attachment for roof access and fall-arrest systems. Each anchor is engineered and load-tested to support a fall-arrest event, with corrosion-resistant fixings suitable for tropical coastal environments and full compliance documentation supplied.", image: IMG("1614326014420-1f0c741ca7e1"), gallery: ["1614326014420-1f0c741ca7e1", "1672748341520-6a839e6c05bb", "1589939705384-5185137a7f0f"], specs: [ { label: "Type", value: "Permanent roof anchorage" }, { label: "Substrate", value: "Metal sheet, concrete, timber" }, { label: "Load Rating", value: "15 kN fall arrest" }, { label: "Finish", value: "316 stainless, marine grade" }, { label: "Standard", value: "EN 795, AS/NZS 5532" }, { label: "Applications", value: "Roof access, abseil, anchorage" }, ], features: ["Engineered & load-tested", "Marine-grade corrosion resistance", "Multi-substrate fixings", "Compliance documentation included"], }, /* ---------------- WELDING MACHINES ---------------- */ { slug: "kemppi-master-m-358", category: "machines", brand: "Kemppi", name: "Master M 358 Multi-Process Welder", short: "350 A multi-process power source for MIG/MAG, MMA and TIG fabrication.", overview: "The Kemppi Master M 358 is a robust 350 A multi-process power source built for daily industrial fabrication. It delivers stable MIG/MAG, MMA and DC TIG performance with a clear control interface and proven Kemppi arc quality. Built for high duty cycles and connectivity to Kemppi WeldEye for weld data traceability.", image: IMG("1730584476141-232435a40c32"), gallery: ["1730584476141-232435a40c32", "1730584475795-f0be0efd606e", "1747999461210-a56f72294428"], specs: [ { label: "Output", value: "350 A" }, { label: "Processes", value: "MIG/MAG, MMA, DC TIG" }, { label: "Duty Cycle", value: "350 A @ 60%" }, { label: "Input", value: "400 V 3-phase" }, { label: "Connectivity", value: "WeldEye weld data" }, { label: "Protection", value: "IP23S" }, ], features: ["Multi-process flexibility", "High 60% duty cycle", "WeldEye data traceability", "Industrial IP23S build"], }, { slug: "lincoln-flextec-500", category: "machines", brand: "Lincoln Electric", name: "Flextec 500 Multi-Process Source", short: "Rugged 500 A inverter for stick, MIG, flux-cored and gouging.", overview: "The Lincoln Electric Flextec 500 is a multi-process inverter engineered for the harshest job-site conditions. With a wide 500 A output range and simple knob control, it handles stick, MIG, flux-cored, TIG and air carbon-arc gouging — making it the workhorse of structural and pipeline crews.", image: IMG("1730584475795-f0be0efd606e"), gallery: ["1730584475795-f0be0efd606e", "1730584476141-232435a40c32", "1614326014420-1f0c741ca7e1"], specs: [ { label: "Output", value: "500 A" }, { label: "Processes", value: "Stick, MIG, FCAW, TIG, gouging" }, { label: "Duty Cycle", value: "500 A @ 60%" }, { label: "Input", value: "380–575 V 3-phase" }, { label: "Gouging", value: "Up to 6.4 mm carbons" }, { label: "Protection", value: "IP23, F.A.N. cooling" }, ], features: ["Five welding processes", "Job-site rugged enclosure", "Air carbon-arc gouging capable", "Simple knob-set control"], }, { slug: "kemppi-minarc-evo-180", category: "machines", brand: "Kemppi", name: "Minarc Evo 180 Portable MMA", short: "Ultra-portable 180 A stick welder for maintenance and site repair.", overview: "Weighing under 5 kg, the Kemppi Minarc Evo 180 packs full 180 A stick-welding performance into a case a technician can carry up a ladder. Generator-compatible and forgiving on long supply cables, it is purpose-built for plant maintenance teams and remote site repair.", image: IMG("1747999461210-a56f72294428"), gallery: ["1747999461210-a56f72294428", "1730584476141-232435a40c32", "1730584475795-f0be0efd606e"], specs: [ { label: "Output", value: "180 A" }, { label: "Process", value: "MMA, DC TIG" }, { label: "Weight", value: "4.9 kg" }, { label: "Input", value: "230 V single phase" }, { label: "Generator", value: "Compatible, PFC" }, { label: "Electrodes", value: "Up to 4.0 mm" }, ], features: ["Under 5 kg portability", "Generator compatible PFC", "Tolerant of long cables", "Full 180 A stick output"], }, /* ---------------- CUTTING & PREPARATION ---------------- */ { slug: "climax-bw3000-bevel-machine", category: "cutting", brand: "Climax", name: "BW3000 Boiler Tube Bevel Machine", short: "Portable end-prep machine for precision tube and pipe bevels.", overview: "The Climax BW3000 mounts inside the bore and machines a precision weld bevel without heat-affected zones. Self-centring mandrels lock the tool concentric to the pipe ID for repeatable, machine-grade preparation — eliminating the hand-grinding rework that slows code-quality welding.", image: IMG("1747999461210-a56f72294428"), gallery: ["1747999461210-a56f72294428", "1614326014420-1f0c741ca7e1", "1730584476141-232435a40c32"], specs: [ { label: "Pipe Range", value: "12 – 76 mm ID mount" }, { label: "Prep Type", value: "Bevel, face, bore" }, { label: "Drive", value: "Pneumatic / electric" }, { label: "Mounting", value: "Self-centring mandrel" }, { label: "Finish", value: "Cold cut, no HAZ" }, { label: "Applications", value: "Boiler tube, heat exchanger" }, ], features: ["Cold cutting, no heat-affected zone", "Self-centring mandrel mount", "Repeatable machine-grade bevels", "Pneumatic or electric drive"], }, { slug: "protem-usm-pipe-cutter", category: "cutting", brand: "Protem", name: "USM Series Split-Frame Cutter", short: "Split-frame clamshell lathe for cutting and beveling large-bore pipe.", overview: "The Protem USM split-frame clamshell mounts around in-situ pipe to perform simultaneous cutting and beveling on large diameters. Ideal for pipeline tie-ins and pressure-vessel work where pipe cannot be rotated, it delivers square, weld-ready ends in a single setup.", image: IMG("1614326014420-1f0c741ca7e1"), gallery: ["1614326014420-1f0c741ca7e1", "1747999461210-a56f72294428", "1730584475795-f0be0efd606e"], specs: [ { label: "Pipe Range", value: "168 – 1220 mm OD" }, { label: "Operation", value: "Cut + bevel simultaneous" }, { label: "Frame", value: "Split clamshell, in-situ" }, { label: "Drive", value: "Pneumatic / hydraulic" }, { label: "Wall", value: "Heavy wall capable" }, { label: "Applications", value: "Pipeline tie-in, vessel" }, ], features: ["Cuts in-situ without rotation", "Simultaneous cut and bevel", "Heavy-wall capability", "Square weld-ready ends"], }, { slug: "procut-orbital-pipe-saw", category: "cutting", brand: "Procut", name: "Orbital Pipe Cutting Saw", short: "Lightweight chain-mount saw for fast, square field pipe cuts.", overview: "The Procut orbital saw clamps to the pipe with a roller chain and orbits a cutting blade for a fast, burr-free square cut. Compact and field-rugged, it replaces abrasive wheels and oxy-cutting where clean, cold cuts are needed for stainless and alloy pipe.", image: IMG("1730584475795-f0be0efd606e"), gallery: ["1730584475795-f0be0efd606e", "1747999461210-a56f72294428", "1614326014420-1f0c741ca7e1"], specs: [ { label: "Pipe Range", value: "50 – 300 mm OD" }, { label: "Cut Type", value: "Cold orbital, square" }, { label: "Mounting", value: "Roller chain clamp" }, { label: "Drive", value: "Pneumatic" }, { label: "Material", value: "Carbon, stainless, alloy" }, { label: "Applications", value: "Field pipe, stainless lines" }, ], features: ["Burr-free cold cutting", "Fast chain-clamp setup", "Stainless & alloy safe", "Compact field-rugged build"], }, /* ---------------- AUTOMATION & ALIGNMENT ---------------- */ { slug: "magnatech-pipemaster-516", category: "automation", brand: "Magnatech", name: "Pipemaster 516 Orbital Welding System", short: "Programmable orbital TIG system for code-quality pipe welds.", overview: "The Magnatech Pipemaster 516 automates orbital TIG welding for repeatable, code-quality joints. A programmable power source stores weld procedures by joint type, and the lightweight orbital head clamps to the pipe for hands-off circumferential welds in carbon, stainless and alloy materials.", image: IMG("1730584476141-232435a40c32"), gallery: ["1730584476141-232435a40c32", "1730584475795-f0be0efd606e", "1747999461210-a56f72294428"], specs: [ { label: "Pipe Range", value: "8 – 168 mm OD" }, { label: "Process", value: "Orbital GTAW (TIG)" }, { label: "Programs", value: "Stored weld procedures" }, { label: "Head", value: "Clamp-on orbital, water cooled" }, { label: "Wire Feed", value: "Optional cold wire" }, { label: "Applications", value: "Power piping, process, pharma" }, ], features: ["Programmable weld procedures", "Repeatable code-quality welds", "Clamp-on orbital head", "Optional cold wire feed"], }, { slug: "bortech-pipe-aligner", category: "automation", brand: "Bortech", name: "Internal Pipe Alignment Clamp", short: "Hydraulic internal line-up clamp for high-low-free pipe fit-up.", overview: "This internal alignment clamp expands inside the pipe bore to bring two joints into concentric, high-low-free alignment before welding. Even root reinforcement and integrated copper backing produce consistent root passes — critical for automated and code pipeline welding.", image: IMG("1614326014420-1f0c741ca7e1"), gallery: ["1614326014420-1f0c741ca7e1", "1730584476141-232435a40c32", "1730584475795-f0be0efd606e"], specs: [ { label: "Pipe Range", value: "200 – 1220 mm ID" }, { label: "Type", value: "Internal expanding clamp" }, { label: "Drive", value: "Hydraulic" }, { label: "Backing", value: "Integrated copper shoes" }, { label: "Fit-up", value: "High-low-free alignment" }, { label: "Applications", value: "Pipeline, process piping" }, ], features: ["Concentric high-low-free fit", "Hydraulic internal expansion", "Integrated copper backing", "Even root reinforcement"], }, { slug: "climax-bore-welder", category: "automation", brand: "Climax", name: "BW5000 Portable Bore Welder", short: "Automated bore cladding and build-up welder for worn housings.", overview: "The Climax BW5000 portable bore welder restores worn bores and housings in place with automated wire deposition. A boring-bar mounted torch lays a controlled weld overlay for re-machining, returning expensive components to service without removal to a workshop.", image: IMG("1730584475795-f0be0efd606e"), gallery: ["1730584475795-f0be0efd606e", "1747999461210-a56f72294428", "1730584476141-232435a40c32"], specs: [ { label: "Bore Range", value: "50 – 1000 mm" }, { label: "Process", value: "Automated MIG overlay" }, { label: "Mounting", value: "Boring bar / face plate" }, { label: "Control", value: "Programmable pitch & speed" }, { label: "Use", value: "In-situ repair welding" }, { label: "Applications", value: "Heavy equipment, hydro" }, ], features: ["In-situ bore restoration", "Automated overlay deposition", "Programmable weld pitch", "No component removal needed"], }, /* ---------------- QUALITY CONTROL ---------------- */ { slug: "tempil-tempilstik-crayons", category: "quality-control", brand: "Tempil", name: "Tempilstik Temperature Crayons", short: "Calibrated marking crayons for verifying preheat and interpass temperature.", overview: "Tempilstik crayons mark a surface that melts cleanly at a precise rated temperature, giving welders a fast, reliable check of preheat and interpass conditions. Available across the full temperature range required by welding procedure specifications — an essential, traceable QC consumable.", image: IMG("1526634140919-468dc3ae3870"), gallery: ["1526634140919-468dc3ae3870", "1730584476141-232435a40c32", "1730584475795-f0be0efd606e"], specs: [ { label: "Type", value: "Phase-change marking crayon" }, { label: "Range", value: "38 – 1093 °C" }, { label: "Accuracy", value: "±1% of rating" }, { label: "Use", value: "Preheat / interpass check" }, { label: "Form", value: "Crayon stick" }, { label: "Applications", value: "WPS compliance, preheat QC" }, ], features: ["Precise phase-change rating", "Fast surface verification", "Full WPS temperature range", "Traceable QC consumable"], }, { slug: "victor-flowmeter-regulator", category: "quality-control", brand: "Victor", name: "EDGE 2.0 Flowmeter Regulator", short: "Precision shielding-gas flowmeter regulator for consistent weld quality.", overview: "The Victor EDGE 2.0 flowmeter regulator delivers accurate, repeatable shielding-gas flow — a quiet but critical factor in weld porosity and bead quality. A durable encapsulated gauge and colour-coded flow tube make setting and verifying flow fast on the shop floor.", image: IMG("1730584476141-232435a40c32"), gallery: ["1730584476141-232435a40c32", "1526634140919-468dc3ae3870", "1747999461210-a56f72294428"], specs: [ { label: "Type", value: "Flowmeter regulator" }, { label: "Gas", value: "Argon, CO₂, mixed" }, { label: "Flow Range", value: "0 – 60 SCFH" }, { label: "Gauge", value: "Encapsulated, shock resistant" }, { label: "Inlet", value: "CGA standard" }, { label: "Applications", value: "MIG / TIG shielding gas" }, ], features: ["Accurate repeatable gas flow", "Shock-resistant encapsulated gauge", "Colour-coded flow tube", "Reduces weld porosity"], }, { slug: "weiler-tiger-flap-disc", category: "quality-control", brand: "Weiler", name: "Tiger Ceramic Flap Disc", short: "Long-life ceramic flap disc for weld dressing and surface finishing.", overview: "Weiler Tiger ceramic flap discs cut faster and last longer on stainless and high-alloy steels, where weld dressing and blending are critical to final inspection. Self-sharpening ceramic grain maintains an aggressive cut rate across the life of the disc, improving finishing consistency.", image: IMG("1730584475795-f0be0efd606e"), gallery: ["1730584475795-f0be0efd606e", "1526634140919-468dc3ae3870", "1747999461210-a56f72294428"], specs: [ { label: "Abrasive", value: "Self-sharpening ceramic" }, { label: "Sizes", value: "115 / 125 / 178 mm" }, { label: "Grits", value: "40 / 60 / 80" }, { label: "Backing", value: "Trimmable phenolic" }, { label: "Max RPM", value: "Rated per size" }, { label: "Applications", value: "Weld dressing, finishing" }, ], features: ["Self-sharpening ceramic grain", "Fast cut on stainless", "Long service life", "Consistent finish quality"], }, ]; /* ---------------------------------------------------------------- LOOKUPS -----------------------------------------------------------------*/ function productsByCategory(slug) { return PRODUCTS.filter((p) => p.category === slug); } function getProduct(slug) { return PRODUCTS.find((p) => p.slug === slug); } function relatedProducts(product, n = 3) { return PRODUCTS.filter((p) => p.category === product.category && p.slug !== product.slug).slice(0, n); } /* ---------------------------------------------------------------- SHARED — small brand badge -----------------------------------------------------------------*/ function BrandBadge({ brand }) { const logo = CAT.brandLogo(brand); return (
{logo ? ( {brand} ) : ( {brand} )}
); } /* ---------------------------------------------------------------- PRODUCT LISTING — drop into a category page -----------------------------------------------------------------*/ function ProductListing({ category, eyebrow = "Product Catalogue", title, dark = false }) { const items = productsByCategory(category); if (!items.length) return null; const heading = title || "Browse the product range."; return (
{eyebrow}

{heading}

Browse representative products in this category. Download technical brochures or send an enquiry — our engineers respond within one business day.

{items.map((p) => ( ))}
); } function ProductCard({ product: p }) { const href = `#/product/${p.slug}`; return (

{p.name}

{p.short}

View Product
Brochure Enquire Now
); } /* ---------------------------------------------------------------- PRODUCT DETAIL PAGE — route: #/product/ -----------------------------------------------------------------*/ function ProductDetailPage() { const slug = (typeof window !== "undefined" ? window.location.hash : "").replace(/^#\/product\//, "").replace(/[?#].*$/, ""); const product = getProduct(slug); if (!product) return ; const cat = CATALOG_CATEGORIES[product.category] || {}; const [active, setActive] = useStateCat(0); const gallery = product.gallery && product.gallery.length ? product.gallery : [product.image]; const mainSrc = IMG(gallery[active]); const related = relatedProducts(product); return ( <> {/* Breadcrumb bar */}
{/* Gallery + Overview */}
{/* Gallery */}
{gallery.map((g, i) => ( ))}
{/* Overview */}
{cat.label}

{product.name}

{product.overview}

{product.features && (
    {product.features.map((f) => (
  • {f}
    • ))}
)} {/* CTAs */}
{/* Technical specifications */}
Technical Specifications

Specified for the field.

Full technical data is provided in the product brochure. Contact our engineers for sizing, certification documents and application support.

{product.specs.map((s, i) => ( ))}
{s.label} {s.value}
{/* Enquiry CTA */}
Request information

Enquire about the {product.name}.

Send us your specification and we will reply with documentation, availability and an engineer's recommendation — no obligation.

{/* Related products */} {related.length > 0 && (
Related Products

More in {cat.label}.

View all
{related.map((p) => )}
)} ); } /* ---------------------------------------------------------------- ALL PRODUCTS PAGE — route: #/products -----------------------------------------------------------------*/ const CATALOG_GROUPS = [ { group: "Safety", division: "#/safety", items: ["ppe", "footwear", "workwear", "fall-protection"] }, { group: "Welding", division: "#/welding", items: ["machines", "cutting", "automation", "quality-control"] }, ]; /* Sidebar category filter — sticky on desktop, grouped by division */ function CategorySidebar({ filter, setFilter }) { const rowBase = "w-full flex items-center justify-between gap-3 text-left rounded-lg px-3.5 py-2.5 text-[14px] transition"; const Count = ({ n, active }) => ( {n} ); return ( ); } /* Horizontal scrolling filter row — mobile / tablet only */ function MobileFilterBar({ filter, setFilter }) { const chips = [{ key: "all", label: "All Products" }].concat( CATALOG_GROUPS.flatMap((g) => g.items.map((key) => ({ key, label: CATALOG_CATEGORIES[key].label }))) ); return (
{chips.map((c) => { const activeF = filter === c.key; return ( ); })}
); } function AllProductsPage() { const initialFilter = (() => { const m = (typeof window !== "undefined" ? window.location.hash : "").match(/[?&]cat=([^&]+)/); return m && CATALOG_CATEGORIES[m[1]] ? m[1] : "all"; })(); const [filter, setFilter] = useStateCat(initialFilter); const items = filter === "all" ? PRODUCTS : productsByCategory(filter); const activeCat = filter === "all" ? null : CATALOG_CATEGORIES[filter]; return ( <>
{/* Left sidebar filter */} {/* Results column */}

{activeCat ? activeCat.label : "All Products"}

{items.length} {items.length === 1 ? "product" : "products"}
{items.map((p) => )}
); } Object.assign(window, { CATALOG_CATEGORIES, PRODUCTS, productsByCategory, getProduct, relatedProducts, ProductListing, ProductCard, ProductDetailPage, AllProductsPage, });