{title}
-
{items.map((it) => (
- {it} ))}
{Array.from({ length: rows }).map((_, row) => {
const isRed = row % 2 === 1;
const offset = (row % 4) * -60;
// Slow drift, alternating direction by row, slight per-row
// duration variation so the rows don't lock-step.
const dir = row % 2 === 0 ? 'left' : 'right';
const duration = 1200 + (row % 5) * 150; // 1200s–1800s per cycle — barely perceptible
return (
);
}
/* ─── Where we added value — interactive WA map + site list ─────────
Self-contained: the Western Australia outline and every marker are
projected from real lat/long right here, so there are no external
map tiles, requests or trackers. Hovering or clicking a marker — or
a list row — highlights the matching site in both places. */
/* Coarse WA boundary, traced as [lng, lat] clockwise from the NT
border on the north coast. Deliberately simplified — recognisable,
not survey-grade. */
const BO_WA_OUTLINE = [
[129.0, -14.85], [128.2, -14.75], [127.8, -15.35], [127.4, -14.5],
[126.9, -13.75], [126.1, -14.2], [125.3, -14.6], [124.4, -15.6],
[123.9, -16.1], [123.0, -16.35], [122.6, -16.9], [122.2, -17.55],
[122.24, -17.96], [121.3, -18.9], [120.2, -19.6], [119.0, -19.95],
[118.6, -20.31], [117.2, -20.6], [116.8, -20.7], [116.0, -20.9],
[115.1, -21.64], [114.4, -21.5], [114.1, -21.8], [114.0, -22.6],
[113.8, -23.1], [113.66, -24.88], [113.4, -25.5], [113.16, -26.15],
[113.5, -26.6], [114.0, -27.0], [114.16, -27.71], [114.61, -28.77],
[115.0, -29.5], [115.3, -30.5], [115.74, -32.05], [115.5, -33.3],
[115.14, -34.37], [116.0, -34.85], [116.7, -35.0], [117.88, -35.02],
[118.6, -34.5], [119.9, -33.95], [121.0, -33.9], [121.89, -33.86],
[123.2, -33.95], [124.5, -32.95], [126.0, -32.3], [127.5, -31.9],
[128.88, -31.68], [129.0, -31.68],
];
/* Every site, with the coordinates researched for the map. */
const BO_SITES = [
{ id:'koodaideri', name:'Gudai-Darri (Koodaideri)', commodity:'Iron ore', region:'Pilbara', op:'Rio Tinto', lat:-22.54, lng:119.04 },
{ id:'westrange', name:'Western Range', commodity:'Iron ore', region:'Pilbara', op:'Rio Tinto', lat:-23.25, lng:117.58 },
{ id:'westangelas', name:'West Angelas', commodity:'Iron ore', region:'Pilbara', op:'Rio Tinto', lat:-23.17, lng:118.76 },
{ id:'mesaa', name:'Robe Valley — Mesa A', commodity:'Iron ore', region:'Pilbara', op:'Rio Tinto', lat:-21.67, lng:115.87 },
{ id:'mesah', name:'Robe Valley — Mesa H', commodity:'Iron ore', region:'Pilbara', op:'Rio Tinto', lat:-21.55, lng:116.15 },
{ id:'brockman', name:'Brockman Syncline 1', commodity:'Iron ore', region:'Pilbara', op:'Rio Tinto', lat:-22.45, lng:117.30 },
{ id:'karara', name:'Karara', commodity:'Iron ore', region:'Mid West', op:'Magnetite', lat:-29.19, lng:116.76 },
{ id:'wodgina', name:'Wodgina', commodity:'Lithium', region:'Pilbara', op:null, lat:-21.18, lng:118.68 },
{ id:'mtmarion', name:'Mt Marion', commodity:'Lithium', region:'Goldfields', op:null, lat:-31.05, lng:121.20 },
{ id:'baldhill', name:'Bald Hill', commodity:'Lithium', region:'Goldfields', op:null, lat:-31.51, lng:122.19 },
{ id:'mtholland', name:'Mt Holland', commodity:'Lithium', region:'Forrestania', op:null, lat:-32.10, lng:119.77 },
{ id:'mtcattlin', name:'Mt Cattlin', commodity:'Lithium', region:'Ravensthorpe', op:null, lat:-33.56, lng:120.04 },
{ id:'dalgaranga', name:'Dalgaranga', commodity:'Gold', region:'Murchison', op:null, lat:-27.83, lng:117.30 },
{ id:'goldduke', name:'Gold Duke', commodity:'Gold', region:'Mid West', op:null, lat:-26.70, lng:119.80 },
{ id:'marblebar', name:'Marble Bar Road Upgrade', commodity:'Civil', region:'Pilbara', op:null, lat:-21.17, lng:119.75 },
{ id:'coongan', name:'Coongan Gorge Road Upgrade',commodity:'Civil', region:'Pilbara', op:null, lat:-21.02, lng:119.62 },
];
const BO_COMMODITY_GROUPS = [
{ key:'Iron ore', sub:'RTIO + Karara' },
{ key:'Lithium', sub:'Hard-rock spodumene' },
{ key:'Gold', sub:null },
{ key:'Civil', sub:'Pilbara roadworks' },
];
const BO_COMMODITY_COLORS = {
'Iron ore': '#c8161d', // red (your current bo-red)
'Lithium': '#22c55e', // green
'Gold': '#eab308', // yellow
'Civil': '#ff8c42', // orange
};
/* Equirectangular projection with a cos(lat) correction so WA keeps
its true proportions. Both the outline and the markers run through
this single function, so they always line up. */
const BO_MAP = (() => {
const LNG_MIN = 112.8, LNG_MAX = 129.45;
const LAT_TOP = -13.2, LAT_BOT = -35.6;
const KX = Math.cos((-24.4 * Math.PI) / 180);
const SCALE = 46;
const project = (lng, lat) => ({
x: (lng - LNG_MIN) * KX * SCALE,
y: (LAT_TOP - lat) * SCALE,
});
const w = (LNG_MAX - LNG_MIN) * KX * SCALE;
const h = (LAT_TOP - LAT_BOT) * SCALE;
const path = BO_WA_OUTLINE
.map(([lng, lat], i) => {
const { x, y } = project(lng, lat);
return `${i === 0 ? 'M' : 'L'}${x.toFixed(1)} ${y.toFixed(1)}`;
})
.join(' ') + ' Z';
const graticule = [];
[116, 120, 124, 128].forEach((lng) => {
graticule.push([project(lng, -13), project(lng, -36)]);
});
[-16, -20, -24, -28, -32].forEach((lat) => {
graticule.push([project(112, lat), project(130, lat)]);
});
return { project, w, h, path, graticule };
})();
function V4Selected() {
// `selected` persists on click; `hovered` is transient. The effective
// active marker is whichever is hovered, falling back to the selection.
const [selected, setSelected] = React.useState(null);
const [hovered, setHovered] = React.useState(null);
const activeId = hovered != null ? hovered : selected;
const activeSite = BO_SITES.find((s) => s.id === activeId) || null;
const toggle = (id) => setSelected((cur) => (cur === id ? null : id));
return (
{'BLAST · ONCE · '.repeat(24)}
{'BLAST · ONCE · '.repeat(24)}
);
})}
Where Blast Once
added value.
Sixteen sites across iron ore, lithium and gold — plus civil roadworks. Tap a marker on the map, or any site in the list, to place it.
{BO_COMMODITY_GROUPS.map((group, gi) => {
const sites = BO_SITES.filter((s) => s.commodity === group.key);
return (
{sites.map((s) => (
);
}
function V4SiteRow({ site, active, selected, onHover, onSelect }) {
return (
);
}
/* ─── Closing / Contact ───────────────────────────── */
function V4Closing() {
return (
{group.key}
{sites.length} site{sites.length === 1 ? '' : 's'} {group.sub ? <> · {group.sub} : null}
Is it time to Polish
your operation?
Technical services support, statutory coverage, D&B tenders across Western Australia and beyond.
{[
{ icon:
{l}
{v}
{n}
{title}
Section · {n}
);
}
Object.assign(window, { V4Page, V4Marquee, V4Letterhead, V4Footer });