The living source of truth for this build: the roadmap, the full page plan (sitemap), components,
brand palette, type scale, and the complete image library.
Roadmap
Four stages from foundation to launch.
Currently in Stage 01 · Foundation.
01FoundationIn progress
02Site build-outPlanned
03Tracking & securityPlanned
04LaunchPlanned
01
Stage 01
Foundation
In progress
The design system, the homepage and the build's tooling, plus an early contact page and tools, signed off at client design approval.
8/10
Astro 5 app + monorepo (web, api, cms)
Design tokens + scoped-CSS architecture
Image pipeline + 253 named WebP assets
This /dev console (roadmap, sitemap, components, gallery)
All 12 homepage sections built
Homepage polished to final (spacing, motion, responsive)
Header + footer navigation (links wired to real page URLs)
Contact page (lead form wired to the API)
Tools archive + generator sizing calculator
Client design approvalApproval gate
02
Stage 02
Site build-out
Planned
Every content URL from the sitemap, rebuilt on the approved design.
All 68 planned pages from the sitemap
Templated kVA hire pages (one engine, 14 sizes)
Service, type, location and sales landing pages
Industries hub + sector landing pages
Repeated UI promoted into library/
03
Stage 03
Tracking & security
Planned
The ancillaries, locked in before we go live: analytics, ad tracking and hardening.
Google Tag Manager container
Google Analytics 4
Google Ads conversion tracking (account connected)
Security headers + HTTPS hardening
04
Stage 04
Launch
Planned
Go live on egh.net.au with the old site's SEO preserved.
SEO pass + 301 redirects (preserve old URLs)
Blog content migration
Staging review, then production cutover
Deploy to Coolify (egh.net.au)
Sitemap & page plan
Curated from the egh.net.au sitemap: rebuild every content URL for SEO, skip only WooCommerce and
WP/Divi internals. Source of truth: src/lib/pages.ts.
88 URLs4 done68 planned16 skipped
Core 6
done/Home
planned/about-us/About Us
done/contact/Contact
planned/projects/Projects — New for the rebuild — past-work showcase (top-nav link). Placeholder; 404s until built.
planned/privacy-policy/Privacy Policy
planned/thank-you/Thank You (form confirmation)
Service lines 6
planned/servicing/Servicing
planned/generator-delivery/Generator Delivery
planned/emergency-generator-hire/Emergency Generator Hire
planned/generator-installation/Generator Installation — New for the rebuild — footer service link. Placeholder; 404s until built.
Industries 5
New for the rebuild — an industries hub + a landing page per sector (linked from the header mega-menu + footer, no longer home-page anchors). Placeholders for now; they 404 until built.
planned/industries/Industries (hub)
planned/industries/construction/Construction
planned/industries/industrial/Industrial
planned/industries/facilities-government/Facilities & Government
skip/product-category/generators/new-generators/Product Category: New Generators
Excluded — WordPress/Divi internals 8
Builder taxonomies auto-generated by the old theme — never real pages.
skip/layout_type/layout/layout_type: layout
skip/layout_type/module/layout_type: module
skip/layout_type/row/layout_type: row
skip/layout_type/section/layout_type: section
skip/module_width/regular/module_width: regular
skip/scope/global/scope: global
skip/scope/non_global/scope: non_global
skip/scope/not_global/scope: not_global
Components
Live blocks from src/library/ — the same files the site renders, not copies.
Engines are wdg.*; locked-in presets are cmp.*. Edit a file and
this tab updates with it.
Badge graphic: the Available 24/7 seal. It's a badge, not an icon, so it lives here in Components and is kept out of the Gallery.
Available 24/7 seal egh-ico-available-24-7-badge-1x1-1000x1000.webp
Cursors public/cursors
Custom mouse cursors saved as assets, not wired up anywhere yet. Hi-vis yellow with a
black outline so they read on light, dark and yellow surfaces. SVG cursors work in Chrome, Edge and
Firefox; Safari falls back to the default arrow.
From event-day hire to permanent industrial backup, choose the size, we handle the rest.
Diagonal stripe .eg-stripe
Patterns wdg.Pattern
dotsgridhazarddiagonalcrosshatchmonogram
Recolourable + scalable via props (ink, size, opacity, fade) — zero image weight.
Four full-bleed raster textures (blueprint / dot / diamond / hazard) also live in the Gallery, from scripts/generate-patterns.mjs.
Lightbox wdg.Lightbox
Click any image in the Gallery to open it full-size with prev/next.
Reusable anywhere: drop <Lightbox /> on the page and add
data-lightbox="group" to any trigger. Demo:
Stat wdg.Stat
60dB
at 7 metres
20–80kVA
hire range
15+
years
24/7
hours running
1000kVA
max output
Image frame wdg.ImageFrame
The editorial photo treatment: a hazard-stripe block behind the image. Drop a corner tag/badge into the slot. corner picks which corner the block pokes from.
Family-run business.Direct line to the people who own and operate the company.
Qualified A-grade technicians.Electricians, mechanics and fitters, in-house.
Chips wdg.Chip
DieselUp to 4000kVAIndustrial
Hybrid-readySilent
Form fields wdg.Field
Same engine, two themes. Dark = white-on-black for dark panels; light = black-on-white for light surfaces — so the labels and text are always legible against the surface.
The global benchmark for diesel power. Industrial-grade reliability.
DieselUp to 4000kVAIndustrial
Himoinsa
Spanish-engineered, hybrid-ready. The smart choice for events and telecoms.
Hybrid-ready20–3000kVASilent
Testimonial cmp.Testimonial
Great service and advice. Awesome rates. Wouldn’t go anywhere else.
Rod made things easy and stress-free. Amazing customer service.
Lead form cmp.LeadForm
One form, three surfaces: black, white, and a caution variant with the hazard-tape strip. (Showcase copies are static — the live form is on the homepage.)
Pick a main title font to preview it across the whole site. The choice sticks on this
device (dev preview only) — open the homepage in another tab to see it live. Reset to
EGH Original to return to the real brand.
Safe
Bolder — a bit out there
Scale
--t-hero —Power when you need it most
--t-5xl —Power when you need it most
--t-4xl —Power when you need it most
--t-3xl —Power when you need it most
--t-2xl —Power when you need it most
--t-xl —Power when you need it most
--t-lg —Power when you need it most
--t-md —Power when you need it most
--t-base —Power when you need it most
--t-sm —Power when you need it most
--t-xs —Power when you need it most
Numerals (Anton)
1500kVA · 24/7 · 15+ YEARS
Icons
Lucide (MIT), rendered live via wdg.Icon, stroke 2. The labels are the design-system
brand mapping. Use the toggles to preview each disc treatment against a light or dark surface.
Browse all 332 images, search and filter, and star the ones you like. Use Copy favourites to share your shortlist.
Heads up: the favourites service is offline right now. Your selections are saved on this device so you won't lose them, but please contact Trade Magnet to bring syncing back online.
