// pages.jsx — Inner pages for Enginuity (corporate engineering consultancy style) // About, Capabilities (index + detail), Markets, Projects, Insights, Contact, 404 const { useState: useState_p, useEffect: useEffect_p } = React; // ── EPCM disciplines — full service lists ─────────────────────────────────── // Mechanical / Electrical / Civil / Bulk reuse the detailed Plant Explorer lists; // Process & Mining are the client-supplied lists. const EPCM_DISCIPLINES = [ { id: 'mechanical', label: 'Mechanical', tag: 'Design · FEA · Equipment', tone: 'industrial', blurb: 'Mechanical equipment and systems design — from equipment selection and materials engineering through FEA verification, piping layout and design reviews that keep every package buildable and compliant.', services: [ 'Mechanical equipment design & specification', 'Static & rotating equipment selection', 'Materials selection & corrosion assessment', 'Piping design support & layout development', 'Pressure vessel & tank design support', 'Structural & mechanical interface definition', 'Design for manufacture & assembly (DFMA)', 'Finite element analysis (FEA) & structural verification', 'Fatigue, vibration & thermal stress assessments', 'Mechanical design reviews & compliance checks', ], }, { id: 'electrical', label: 'Electrical & Control', tag: 'MV · LV · I&C', tone: 'sky', blurb: 'Medium-voltage reticulation, protection coordination, MCCs, drive packages and SCADA integration — for greenfield builds and live brownfield upgrades.', services: [ 'Medium-voltage reticulation (11 / 22 / 33 kV)', 'Protection coordination & arc-flash studies', 'Motor control centres & VSD packages', 'Cable routing, racking & containment', 'Substation & transformer design', 'SCADA, PLC & instrumentation', 'Power-quality & harmonic studies', 'Earthing & lightning protection', ], }, { id: 'process', label: 'Process', tag: 'Flowsheets · PFDs · P&IDs', tone: 'studio', blurb: 'Flowsheet development, mass and energy balances, equipment sizing and the diagrams that turn a concept into a buildable, operable plant — fully integrated with every other discipline.', services: [ 'Geological & geotechnical studies', 'Process flow diagrams (PFD) development', 'Piping & instrumentation diagrams (P&IDs)', 'Mass & energy balances', 'Equipment sizing & specifications', 'Process simulation & performance modelling', 'Control philosophy & instrumentation definition', 'Utility & off-site system definition', 'Hazard identification & operability studies (HAZOP)', 'Process design criteria & bases of design', 'Integration with mechanical, electrical & civil disciplines', ], }, { id: 'civil', label: 'Civil & Structural', tag: 'Foundations · Steel · Concrete', tone: 'earth', blurb: 'Earthworks through to the steel and concrete that carries the plant. Heavy industrial structures designed to category-4 standards.', services: [ 'Earthworks, bulk & detail', 'Reinforced-concrete foundations', 'Heavy industrial steel structures', 'Mill, crusher & tank foundations', 'Conveyor gantries & support trestles', 'Buildings, control rooms & substations', 'Stormwater & containment', 'Geotechnical interface design', ], }, { id: 'mining', label: 'Mining', tag: 'Open pit · Underground · Planning', tone: 'plant', blurb: 'Open-pit and underground mine design, planning and optimisation — from concept studies through to fleet productivity and operational improvement.', services: [ 'Open-pit & underground mine design', 'Mine planning, scheduling & production optimisation', 'Drill & blast design and optimisation', 'Geotechnical & ground-control support', 'Haulage, materials handling & mine infrastructure layout', 'Equipment selection & fleet-productivity assessment', 'Mining studies (concept, pre-feasibility, feasibility)', 'Operational improvement & cost-reduction studies', 'Integration with processing plants & surface infrastructure', ], }, { id: 'bulk', label: 'Bulk Material Handling', tag: 'Conveyors · Crushing · Equipment', tone: 'industrial', blurb: 'Materials handling and processing equipment from ROM tip through to product stockpile — conveying, crushing and screening, mills, pumps, tanks and the reclaim and dust systems around them.', services: [ 'Conveyor design (CEMA / DIN 22101)', 'Transfer chute engineering (DEM analysis)', 'Crushing — primary, secondary, tertiary', 'Screening & classification', 'Cyclone clusters & classification', 'Mill packages (SAG, ball, regrind)', 'Feeders, hoppers & surge bins', 'Static equipment — tanks, vessels, hoppers', 'Slurry & process pump systems', 'Thickeners & clarifiers', 'Leach & CIL / CIP adsorption circuits', 'Elution & electrowinning circuits', 'Stockpile geometry & reclaim systems', 'Stackers & boom conveyors', 'Piping, valves, FEA & CFD', 'Dust management & enclosure', ], }, ]; // ── R&D programmes ────────────────────────────────────────────────────────── const RD_AREAS = [ { id: 'microwave', label: 'High-power microwave technology', tag: '915 MHz · 100–800 kW', tone: 'studio', img: 'assets/rd-microwave.jpg', summary: 'Over more than eight years we have designed, built and field-deployed some of the highest-power industrial microwave systems in operation — multi-hundred-kilowatt 915 MHz plants that heat mineral-rich rock volumetrically to induce thermal cracking ahead of mechanical excavation.', detail: 'The same physics, hardware and safe-operation discipline now anchor our space and recycling research: volumetric dielectric heating, articulated waveguide applicators, Faraday shielding and closed-loop thermal control.', points: [ ['100 kW → 800 kW', 'Installed microwave power, modular solid-state to in-situ rigs'], ['≈ 280–300 mm', 'Effective in-situ treatment depth on hard rock'], ['> 100% gain', 'Penetration / cutting-rate improvement from volumetric heating'], ['HFSS + MATLAB', 'Field-distribution modelling validated against field results'], ], }, { id: 'lunar', label: 'Lunar surface construction', tag: 'In-situ ISRU · Patent pending', tone: 'industrial', img: 'assets/rd-lunar.png', summary: 'A microwave method for converting loose lunar regolith into solid, load-bearing surfaces directly on the Moon — using only in-situ material, with no binders, water or aggregate shipped from Earth.', detail: 'Regolith\u2019s iron- and titanium-bearing minerals couple strongly to microwave fields, so energy is deposited throughout the volume and the material sinters and melts into a coherent solid without contact — tolerant of hard vacuum and abrasive, charged dust. Our first trial achieved coalescence to 280 mm in a single three-minute 915 MHz exposure.', points: [ ['Landing & ascent pads', 'Thick load-bearing slabs that suppress descent-plume ejecta'], ['Roads & rover traverses', 'Stable, dust-controlled routes between sites'], ['Foundation pads', 'Level bearing surfaces for habitats and equipment'], ['Dust-mitigation zones', 'Stabilised crusts protecting seals, optics and suits'], ], }, { id: 'testing', label: 'Space-environment simulation & testing', tag: 'Vacuum · Thermal · Radiation', tone: 'sky', img: 'assets/rd-testing.png', summary: 'A deep-shaft environmental chamber that reproduces the conditions space hardware must survive — hard vacuum, extreme thermal cycling, altered gravity and radiation — so products can be qualified against representative lunar and orbital conditions in-house.', detail: 'Operating our own test facility closes the develop–test–iterate loop before any flight commitment, and lets us qualify both our own systems and partners\u2019 hardware. Separately patent pending.', points: [ ['Hard vacuum', 'Representative lunar and orbital pressure regimes'], ['Thermal extremes', 'Hundreds of degrees of diurnal cycling'], ['Altered gravity', 'Deep-shaft architecture for reduced-g regimes'], ['Radiation', 'Environmental exposure for materials and electronics'], ], }, { id: 'recycling', label: 'Recycling & circular-process systems', tag: 'Material recovery · Beneficiation', tone: 'plant', img: 'assets/rd-recycling.jpeg', summary: 'Flow-sheets for recovering value from secondary and waste streams — beneficiation of complex feeds, developed from laboratory through pilot scale and into full circular-process design for the resource sector.', detail: 'The same microwave, process and simulation tools we apply to ore and regolith carry directly into closing material loops: drying, separation, breakage reduction and recovery of secondary streams.', points: [ ['Material recovery', 'Flow-sheets for secondary & waste streams'], ['Beneficiation', 'Upgrading of complex and low-grade feeds'], ['Lab → pilot', 'De-risked scale-up before commitment'], ['Circular design', 'Closing loops across the process'], ], }, ]; // ── About ────────────────────────────────────────────────────────────────── function AboutPage({ onNav }) { return ( <>
Our story Built to close the gap between design and delivery.

Enginuity was founded in 2017 by engineers who had grown frustrated with the gap between conceptual design and the realities of execution. Plans that looked good on paper failed in the field — and the firms that designed them weren't there to fix it.

We do it differently. The same engineers who do the simulation work also walk the site during commissioning. Our R&D programme — including world-class microwave technology research conducted from our St Gallen office — feeds directly into the EPCM projects we deliver across Africa.

Today the team operates from Centurion, South Africa, with a research office in St Gallen, Switzerland. We work with clients and partners including Anglo American, Black Chrome Mine, Aurex Constructors, General Kinematics, Iritron and R&R Quantity Surveyors.

Offices Two offices, one team.

Headquartered in South Africa with a research arm in Switzerland — so the R&D bench and the EPCM delivery floor stay connected.

{[ { tag: 'South Africa', city: 'Centurion', role: 'Engineering & EPCM headquarters', detail: ['Limeroc Business Park', 'Mini Factory Unit 27, Magner Street', 'Knoppieslaagte 385-JR, Centurion 0157'], img: 'assets/office-centurion.jpeg', pos: 'center', tone: 'earth' }, { tag: 'Switzerland', city: 'St Gallen', role: 'Research & technology development', detail: ['Lerchenfeldstrasse 3', '9014 St Gallen', 'Switzerland'], img: 'assets/office-stgallen.jpeg', pos: 'center 40%', tone: 'sky' }, ].map((o, i) => (
{o.tag} {o.city}

{o.role}

    {o.detail.map((line, j) => (
  • {line}
    • ))}
))}
); } // ── Capabilities index ───────────────────────────────────────────────────── function CapabilitiesIndex({ onNav }) { return ( <>
{CAPABILITIES.map((c) => ( ))}
); } // ── Capability detail ────────────────────────────────────────────────────── function CapabilityDetail({ id, onNav }) { const cap = CAPABILITIES.find((c) => c.id === id); if (!cap) return ; const others = CAPABILITIES.filter((c) => c.id !== id); return ( <>
What we deliver
{cap.label}.

{cap.blurb}

{cap.services.map(([label, detail], i) => (
{ e.currentTarget.style.background = 'var(--bg2)'; }} onMouseLeave={(e) => { e.currentTarget.style.background = 'var(--bg)'; }} > {String(i + 1).padStart(2, '0')} {label}

{detail}

))}
Continue exploring Other services
{others.map((c) => ( ))}
); } // ── Markets index ────────────────────────────────────────────────────────── function MarketsPage({ onNav }) { return ( <>
{MARKETS.map((m, i) => { const spans = [3, 3, 2, 2, 2]; return ; })}
); } // ── Projects ─────────────────────────────────────────────────────────────── function WorkPage({ onNav }) { const [filter, setFilter] = useState_p('all'); const FILTERS = [ { id: 'all', label: 'All' }, { id: 'Mechanical', label: 'Mechanical' }, { id: 'Process', label: 'Process' }, { id: 'MV Electrical', label: 'Electrical' }, { id: 'R&D', label: 'R&D' }, { id: 'EPCM', label: 'EPCM' }, ]; const visible = filter === 'all' ? PROJECTS : PROJECTS.filter((p) => p.discipline.some((d) => d === filter)); return ( <>
Filter by discipline {FILTERS.map((f) => ( ))}
{visible.map((p) => )}
); } // ── Insights index ───────────────────────────────────────────────────────── function InsightsPage({ onNav }) { const { items } = useInsights(); const feat = items.find((i) => i.featured) || items[0] || null; return ( <>
{/* Featured */} {feat && (
Featured · {feat.kind} {feat.title}

{feat.featuredBlurb || feat.blurb}

{feat.href && (
window.open(feat.href, '_blank', 'noopener')}>Read the full article
)}
)}
{items.map((it) => ( ))}
); } // ── Contact ──────────────────────────────────────────────────────────────── function ContactPage({ onNav }) { const [form, setForm] = useState_p({ name: '', org: '', email: '', stage: 'Design', message: '' }); const [sent, setSent] = useState_p(false); const submit = async (e) => { e.preventDefault(); setSent(true); await sendEnginuityForm({ subject: `Project enquiry — ${form.name || 'Website'}`, fields: { Name: form.name, Organisation: form.org, Email: form.email, 'Project stage': form.stage, Brief: form.message, }, }); }; return ( <>
{/* Direct contact column */}
Get in touch Speak with an engineer.

Expect a response from an engineer — not a sales rep — within two business days.

{[ ['Email', 'karla.naude@engn.co.za'], ['Phone', '+27 (12) 030 3843'], ['LinkedIn', '@engnza'], ].map(([k, v]) => (
{k} {v}
))}
{[ { tag: 'ZA · South Africa', city: 'Centurion', addr: ['Limeroc Business Park', 'Unit 27, Magner Street', 'Knoppieslaagte 385-JR'] }, { tag: 'CH · Switzerland', city: 'St Gallen', addr: ['Lerchenfeldstrasse 3', '9014 St Gallen', 'Switzerland'] }, ].map((o) => (
{o.tag} {o.city}
    {o.addr.map((line, j) => (
  • {line}
    • ))}
))}
{/* Form column */} {!sent ? (
Send a brief Tell us what you're building.
setForm((f) => ({ ...f, name: v }))} /> setForm((f) => ({ ...f, org: v }))} />
setForm((f) => ({ ...f, email: v }))} type="email" />
Project stage
{['Ideation', 'Design', 'Execution', 'Monitoring'].map((s) => ( ))}
setForm((f) => ({ ...f, message: v }))} multiline />
Response within 2 business days
) : (
Brief received Thanks{form.name ? `, ${form.name.split(' ')[0]}` : ''}. We will be in touch.

Your brief has been received. Expect a response from an engineer within two business days.

)}
); } function Field({ label, value, onChange, type = 'text', multiline = false }) { const [focus, setFocus] = useState_p(false); const Tag = multiline ? 'textarea' : 'input'; return ( ); } // ── Services landing — choose EPCM or R&D ─────────────────────────────────── function ServicesLanding({ onNav, tweaks }) { const style = (tweaks && tweaks.servicesLanding) || 'split'; const choices = [ { id: 'epcm', target: 'capabilities/epcm', tone: 'industrial', eyebrow: 'Delivery', title: 'EPCM', line: 'Engineering, procurement and construction management — every discipline under one accountable team.', meta: 'Mechanical · Electrical · Process · Civil · Mining · Bulk', img: 'assets/epcm-hero.jpeg', }, { id: 'rd', target: 'capabilities/rd', tone: 'studio', eyebrow: 'Innovation', title: 'R&D', line: 'Frontier research — high-power microwave, lunar surface construction, space-environment testing and circular-process systems.', meta: 'Microwave · Space · Recycling', img: 'assets/rd-hero.jpeg', }, ]; if (style === 'split') { return ( <> ); } // 'cards' and 'editorial' share the PageHero then differ below return ( <>
{style === 'editorial' ? (
{choices.map((c, i) => )}
) : (
{choices.map((c) => )}
)}
); } function SplitChoice({ choices, onNav }) { const [hover, setHover] = useState_p(null); return (
{choices.map((c) => { const active = hover === c.id; const dim = hover && hover !== c.id; return ( ); })}
); } function ChoiceCard({ c, onNav }) { const [h, setH] = useState_p(false); return (
setH(true)} onMouseLeave={() => setH(false)} onClick={() => onNav(c.target)} style={{ background: 'var(--bg)', cursor: 'pointer', border: '1px solid var(--hair)', transition: 'box-shadow .25s, transform .25s', display: 'flex', flexDirection: 'column', boxShadow: h ? '0 12px 32px rgba(0,0,0,0.08)' : '0 1px 0 rgba(0,0,0,0.02)', transform: h ? 'translateY(-2px)' : 'translateY(0)', }}>
{c.title}
{c.eyebrow}

{c.line}

{c.meta}
{ e?.stopPropagation && e.stopPropagation(); onNav(c.target); }}>Explore {c.title}
); } function EditorialChoice({ c, n, onNav }) { return (
onNav(c.target)} style={{ display: 'grid', gridTemplateColumns: 'auto minmax(0, 1fr) auto', gap: 'clamp(24px, 4vw, 64px)', alignItems: 'center', padding: '40px 0', borderTop: '1px solid var(--hair)', cursor: 'pointer', }} className="enq-edch">
{c.title}
{c.eyebrow}

{c.line}

{c.meta}
→
); } // ── EPCM page — all disciplines, one team ─────────────────────────────────── function EPCMPage({ onNav }) { return ( <> {/* Intro — how the disciplines combine */}
The EPCM difference Good EPCM is disciplines that don't hand off.

A plant is not a stack of separate engineering packages — it is one system where the process flowsheet sets the mechanical duty, the mechanical layout sets the civil loads, and the electrical reticulation has to reach all of it. When those disciplines are split across firms, the gaps between them become the project's risk.

We hold all of them in-house. Mechanical, electrical, process, civil, mining and bulk materials-handling engineers sit together — co-location, not coordination meetings — and the same team carries the project through procurement, construction management and commissioning. We validate in software before steel is ordered, and stay on site through ramp-up.

{[ ['One team', 'A single accountable team from study through handover — no interfaces lost between vendors.'], ['Simulation-first', 'ANSYS, SolidWorks, Nastran, Aspen and ETAP. Every discipline validated digitally before procurement.'], ['On the ground', 'The engineers who design the plant stay through construction and commissioning.'], ].map(([t, d]) => (
{t}

{d}

))}
{/* LiDAR workflow */} {/* Disciplines flow */}
Disciplines What each discipline delivers.
{EPCM_DISCIPLINES.map((d, i) => ( ))}
); } // ── LiDAR → 3D workflow ───────────────────────────────────────────────────── // A reality-capture pipeline: scan the live site, register the point cloud, // rebuild the plant in 3D, then engineer directly on the as-built model. const LIDAR_STEPS = [ { tag: 'Capture', tool: 'Terrestrial + drone', title: 'Scan the live site', body: 'We survey the working asset — mines, plants and processing facilities — with both tripod-mounted (terrestrial) and drone-borne LiDAR, capturing millions of points to millimetre accuracy.', tone: 'industrial', img: 'assets/lidar-capture.jpeg', caption: 'Drone LiDAR survey over plant', }, { tag: 'Register', tool: 'Autodesk ReCap Pro', title: 'Build the point cloud', body: 'Individual scans are imported into Autodesk ReCap Pro and registered into a single, measurable point cloud — cleaned, aligned and ready for analysis.', tone: 'studio', img: 'assets/lidar-register.png', caption: 'Registered point cloud in ReCap', }, { tag: 'Model', tool: 'AutoCAD Plant 3D', title: 'Replicate in 3D', body: 'The point cloud is rebuilt as a true-to-life model in Plant 3D (or equivalent) — every pipe, structure and equipment item recreated as intelligent, as-built geometry.', tone: 'sky', img: 'assets/lidar-model.png', caption: 'As-built model over point cloud', }, { tag: 'Engineer', tool: 'Autodesk Inventor', title: 'Design against reality', body: 'Our engineers design directly on the as-built 3D model. Brownfield tie-ins, modifications and new works fit first time — because they are built against the real plant, not assumptions.', tone: 'earth', img: 'assets/lidar-engineer.jpg', caption: 'Engineering design on 3D model', }, ]; function LiDARFlow() { return (
Reality capture From live site to a 3D model you can engineer on.

For brownfield work we don't guess at the as-built condition — we measure it. LiDAR scanning turns a working plant into a dimensionally-accurate 3D model, so design happens against reality from the first line.

{LIDAR_STEPS.map((s, i) => (
{i < LIDAR_STEPS.length - 1 && ( → )}
{String(i + 1).padStart(2, '0')} {s.tag}
{s.title}
{s.tool}

{s.body}

))}
); } function DisciplineBlock({ d, n }) { return (
{String(n).padStart(2, '0')} {d.tag}
{d.label}

{d.blurb}

    {d.services.map((s, i) => (
  • {s}
    • ))}
); } // ── R&D page ──────────────────────────────────────────────────────────────── function RDPage({ onNav }) { return ( <>
Why we research The same physics, pushed further.

Our R&D is not separate from our engineering — it is the same volumetric-microwave, process and simulation capability, applied to problems no one has solved yet. What we prove in the lab feeds directly into the plants we deliver, and the discipline of building high-power, safety-critical hardware for mining carries straight into our space work.

{RD_AREAS.map((a, i) => ( ))}
); } function RDBlock({ a, n, flip }) { const media = (
); const body = (
{String(n).padStart(2, '0')} {a.tag}
{a.label}

{a.summary}

{a.detail}

{a.points.map(([k, v], i) => (
{k}
{v}
))}
); return (
{flip ? <>{body}{media} : <>{media}{body}}
); } // ── 404 ──────────────────────────────────────────────────────────────────── function NotFound({ onNav }) { return (
404 Page not found.

We couldn't find that page. Let's get you back to something we built on purpose.

); } Object.assign(window, { AboutPage, CapabilitiesIndex, CapabilityDetail, MarketsPage, WorkPage, InsightsPage, ContactPage, NotFound, Field, ServicesLanding, EPCMPage, RDPage, EPCM_DISCIPLINES, RD_AREAS, });