/* global React */ const { useState, useEffect, useRef } = React; // ── Icons (inline SVG, simple geometric only) ─────────────────────────────── const Icon = { Phone: (p) => ( ), Arrow: (p) => ( ), Check: (p) => ( ), Shield: (p) => ( ), Clock: (p) => ( ), Star: (p) => ( ), Award: (p) => ( ), }; const StarRow = ({ n = 5 }) => ( {Array.from({ length: n }).map((_, i) => )} ); // ── Top Nav ───────────────────────────────────────────────────────────────── function Nav({ phone }) { const [scrolled, setScrolled] = useState(false); const [open, setOpen] = useState(false); useEffect(() => { const onScroll = () => setScrolled(window.scrollY > 40); onScroll(); window.addEventListener('scroll', onScroll, { passive: true }); return () => window.removeEventListener('scroll', onScroll); }, []); useEffect(() => { document.body.style.overflow = open ? 'hidden' : ''; return () => { document.body.style.overflow = ''; }; }, [open]); const close = () => setOpen(false); return ( ); } // ── Hero ──────────────────────────────────────────────────────────────────── function Hero({ phone, headline, sub, mobileLayout = 'overlay' }) { return (
{/* Swap this for a
4.9 · 480+ Google reviews

{sub}

✓NSW Lic. 123456C ✓Fully insured ✓24/7 emergency

); } // ── Trust Bar ─────────────────────────────────────────────────────────────── function TrustBar() { const items = [ { icon: , label: 'NSW Fair Trading', strong: 'Lic. 123456C' }, { icon: , label: 'Master Plumbers', strong: 'Member since 2014' }, { icon: , label: 'Google Reviews', strong: '4.9 · 480+ reviews' }, { icon: , label: 'On the tools since', strong: '2011' }, { icon: , label: 'Fully insured', strong: '$20M public liability' }, ]; return (
{items.map((it, i) => (
{it.icon} {it.label} · {it.strong}
))}
); } // ── Services ──────────────────────────────────────────────────────────────── function Services() { const services = [ { num: '01', title: 'Emergency plumbing', body: 'Burst pipes, overflows, blocked toilets at 2am. We answer the phone, dispatch within the hour across our service area.', from: 'Call out from $145' }, { num: '02', title: 'Blocked drains', body: 'Camera inspection, high-pressure jetting, root cutting. Most jobs cleared same-day with a 12-month no-blockage promise.', from: 'From $189' }, { num: '03', title: 'Hot water systems', body: 'Repair, replace or upgrade. Gas, electric, heat pump and solar. Stocked vans means most replacements done in a single visit.', from: 'From $1,290 installed' }, { num: '04', title: 'Gas fitting', body: 'Licensed gas fitters for cooktops, ovens, hot water and outdoor connections. Compliance certificates issued on the spot.', from: 'From $320' }, { num: '05', title: 'Leak detection', body: 'Acoustic and thermal leak detection. We find it without tearing up your floor — or we don\'t charge for the search.', from: 'From $440' }, { num: '06', title: 'Bathroom renovations', body: 'Full plumbing rough-in and finishing for bathroom renos. Working alongside your builder, or end-to-end with our trusted partners.', from: 'Quoted on-site' }, ]; return (
Services

The work we do, and what it costs to start.

We don't do everything. We do residential plumbing, properly, in older Sydney homes. If it's outside our wheelhouse we'll tell you, and recommend someone good.

{services.map((s) => ( {s.num}

{s.title}

{s.body}

{s.from}
))}
); } // ── How it works ──────────────────────────────────────────────────────────── function HowItWorks() { const steps = [ { n: '01', t: 'Chat or book online, 24/7.', b: 'Our assistant takes your details, asks the right diagnostic questions, and books you into the next available window — in under two minutes.' }, { n: '02', t: 'We arrive in your window.', b: 'On time, in uniform, in a sign-written van. We diagnose the job and give you a fixed quote on-site, before any work starts.' }, { n: '03', t: 'Job done, guaranteed.', b: 'Tidy site, tested twice, photos sent to your inbox. 12-month workmanship guarantee on every job we do.' }, ]; return (
How it works

Three steps. No surprises.

{steps.map((s) => (
{s.n}

{s.t}

{s.b}

))}
); } // ── Pricing ───────────────────────────────────────────────────────────────── function Pricing() { const rows = [ { job: 'Blocked drain (single)', desc: 'Camera, jet, clear. Most clear in under 90 minutes.', from: '$189' }, { job: 'Burst pipe repair', desc: 'Standard copper or PEX repair, accessible location.', from: '$245' }, { job: 'Toilet replacement', desc: 'Like-for-like swap, includes pan collar and seal.', from: '$420' }, { job: 'Hot water system (electric)', desc: '50L–315L Rheem or Vulcan, fully installed.', from: '$1,290' }, { job: 'Hot water system (gas)', desc: 'Continuous flow, Rinnai or Bosch, fully installed.', from: '$1,890' }, { job: 'Gas cooktop install', desc: 'Includes compliance cert, regulator, leak test.', from: '$320' }, { job: 'Tap or mixer replacement', desc: 'Standard kitchen or bathroom mixer, your hardware.', from: '$165' }, { job: 'After-hours call out', desc: 'Weeknights 6pm–7am, weekends, public holidays.', from: '$285' }, ]; return (
Pricing

No surprises. Here's what things actually cost.

Every job gets a fixed quote on-site before we lift a tool. These starting prices are real — what we typically charge for the most common version of each job in 2026.

{rows.map((r) => (
{r.job}
{r.desc}
from {r.from}
))}
All prices include GST, parts, travel within service area, and clean-up. Quoted on-site, never over the phone.
); } // ── Service area + map ────────────────────────────────────────────────────── function Areas() { const regions = [ { h: 'Inner West', subs: ['Balmain', 'Leichhardt', 'Annandale', 'Glebe', 'Marrickville', 'Newtown', 'Stanmore', 'Petersham'] }, { h: 'Eastern Suburbs', subs: ['Paddington', 'Woollahra', 'Bondi', 'Bondi Junction', 'Bronte', 'Coogee', 'Randwick', 'Double Bay'] }, { h: 'Lower North Shore', subs: ['Mosman', 'Cremorne', 'Neutral Bay', 'Kirribilli', 'Cammeray', 'Lane Cove', 'Crows Nest', 'Northbridge'] }, { h: 'Inner City', subs: ['Surry Hills', 'Darlinghurst', 'Potts Point', 'Pyrmont', 'Ultimo', 'Redfern', 'Waterloo', 'Alexandria'] }, ]; return (
Service area

If you can see the harbour bridge, we cover you.

We stay close so we can stay fast. If you're outside the map we'll still take the call, but we'll be straight with you about response time.

{regions.map((r) => (
{r.h}
    {r.subs.map((s) =>
  • {s}
    • )}
))}
); } // Stylised harbour map (abstract, not an actual geo render) function SydneyMap() { return ( {/* Harbour water — abstracted */} {/* Coverage circles */} {/* Pins */} {[ {x:120,y:195,l:'Inner West'}, {x:290,y:200,l:'Eastern'}, {x:225,y:105,l:'North Shore'}, {x:200,y:170,l:'Inner City'}, ].map((p,i)=>( {p.l} ))} {/* HQ marker */} HQ — LEICHHARDT ); } // ── How we work (replaces Team) ───────────────────────────────────────────── function Team() { const values = [ { n: '01', t: 'Family-owned, on the tools since 2014.', b: 'Started out of a single van in the Inner West. Still independent, still answering our own phone.' }, { n: '02', t: 'No subbies. No rotating crews.', b: 'Every plumber on a Mock Plumb Co. job is on our books — fully licensed, uniformed, in a sign-written van.' }, { n: '03', t: 'Properly licensed, properly insured.', b: 'NSW Lic. 123456C. Master Plumbers member. $20M public liability cover on every job, every time.' }, { n: '04', t: 'We say no when it isn\'t our work.', b: 'Commercial, civil, septic — not us. We\'ll tell you straight up and point you to someone we\'d use ourselves.' }, ]; return (
How we work

A small Sydney plumber, doing the basics properly.

Mock Plumb Co. is a family-run residential plumbing business based in Leichhardt. Four principles run every job — they're why people book us, and why they keep booking us.

{values.map((v) => (
{v.n}

{v.t}

{v.b}

))}
); } // ── Reviews ───────────────────────────────────────────────────────────────── function Reviews() { const reviews = [ { stars:5, q:"Hot water system died on a Sunday night. The team had someone at our place by 8am Monday with a replacement on the van. Fixed price quoted before they started — no upsell, no surprises. The bathroom was tidier when they left than when they arrived.", n:"Eleanor M.", s:"Paddington · Hot water replacement" }, { stars:5, q:"We had three plumbers tell us they'd need to dig up the hallway to find a slab leak. Mock Plumb Co. found it in 40 minutes with acoustic gear, behind the laundry wall. Saved us thousands and a week of demolition. Worth every cent.", n:"David & Anh L.", s:"Mosman · Leak detection" }, { stars:5, q:"Used them for a full ensuite renovation rough-in. They worked alongside our builder, came back exactly when they said they would, and the inspection passed first try. Charged us what they quoted, to the dollar. Have already booked them for the kitchen.", n:"Sarah K.", s:"Annandale · Bathroom reno" }, { stars:5, q:"Blocked drain at 6pm with guests arriving at 7. They had someone there in 35 minutes. Cleared it, jetted it, and threw in a camera inspection because they'd been quicker than expected. Kind of plumber you tell your friends about.", n:"James O'Reilly", s:"Bondi · Blocked drain" }, ]; return (
Reviews

Long reviews are the honest ones.

Pulled directly from Google. No carousels, no cherry-picked star quotes. If you want to read all 480, the link's in the footer.

{reviews.map((r,i)=>(
"{r.q}"
{r.n} {r.s}
))}
4.9 average across 480+ Google reviews · Read all on Google →
); } // ── Guarantee ─────────────────────────────────────────────────────────────── function Guarantee() { return (
The guarantee

If we did it, we stand behind it. For twelve months. No excuses.

If something we installed or repaired fails within 12 months, we come back and fix it. No call-out fee, no diagnostic charge, no debate about whose fault it is.

11 times we've had to use the guarantee in the last four years.
Out of roughly 6,400 jobs.
12 Month guarantee
); } // ── Booking form ──────────────────────────────────────────────────────────── function Booking({ phone }) { const [form, setForm] = useState({ name:'', suburb:'', phoneN:'', service:'', problem:'' }); const [errors, setErrors] = useState({}); const [submitted, setSubmitted] = useState(false); const update = (k) => (e) => setForm({ ...form, [k]: e.target.value }); const submit = (e) => { e.preventDefault(); const errs = {}; if (!form.name.trim()) errs.name = 'We need to know who to ask for.'; if (!form.suburb.trim()) errs.suburb = 'So we know if we can get there fast.'; if (!/^[\d\s+()-]{8,}$/.test(form.phoneN.trim())) errs.phoneN = 'Please enter a valid phone number.'; if (!form.problem.trim()) errs.problem = 'A sentence is plenty.'; setErrors(errs); if (Object.keys(errs).length === 0) { setSubmitted(true); } }; return (
Book

Tell us what's going on. We'll be in touch within the hour.

  • Reply within the hour. Every booking gets a confirmation and a window, fast.
  • Fixed quote on-site. Always before any work starts.
  • Same-day where we can. If we can't, we tell you straight up.
Burst pipe right now?
{phone}
24/7 emergency line. We answer within two rings.
{submitted ? (

Got it, {form.name.split(' ')[0]}.

We'll be in touch on {form.phoneN} within the hour to confirm a window. If it's urgent, ring us on {phone}.

) : (
{errors.name}
{errors.suburb}
{errors.phoneN}
{errors.problem}

We'll never share your details. We'll only call about your job.

)}
); } // ── Footer ────────────────────────────────────────────────────────────────── function Footer({ phone }) { return ( ); } Object.assign(window, { Nav, Hero, TrustBar, Services, HowItWorks, Pricing, Areas, Team, Reviews, Guarantee, Booking, Footer });