// Homeowner experience — Huly-grade // === HERO === const Hero = () => { const [postcode, setPostcode] = React.useState(''); return (
£7,500 GOVERNMENT GRANT · APPLIED FOR YOU · DERBY · NOTTS · SHEFFIELD

A warmer home,
half the bill,
without the salesman.

We're a small team of MCS-certified engineers. We size your heat pump properly, install it tidily, and answer the phone for the next ten years. No call-centres, no commission, no jargon.

setPostcode(e.target.value.toUpperCase())} placeholder="Your postcode — e.g. DE22 2HP" style={{ flex: 1, border: 'none', outline: 'none', background: 'transparent', padding: '0 18px', color: 'var(--fg)', fontSize: 15 }} />
✓ Free survey · no obligation ✓ Fixed price · no surprises ✓ Reply within 4 working hours
{[ { v: 847, s: '', l: 'Homes warmed since 2019' }, { v: 612, p: '£', l: 'Average yearly saving' }, { v: 4.2, d: 1, s: '', l: 'Real efficiency · 4× a boiler' }, { v: 38, s: 'dB', l: 'Quieter than your fridge' }, ].map((s, i) => (
{s.l}
))}
); }; // === Accreditations strip — instant trust === const Accreditations = () => (
Certified by
{['MCS', 'TrustMark', 'HIES', 'NICEIC', 'Daikin D1+', 'Vaillant Advanced', 'Which? Trusted Trader'].map(b => ( {b} ))}
); // === Marquee === const Marquee = () => (
{[1,2].map(k => ['£612 saved · Mosley · Allestree', '38 dB · Patel · Sheffield', '2-day install · Wilson · Beeston', '4.32 SCOP · Khan · West Bridgford'].map((t, i) => ( {t} )))}
); // === Features grid (Huly tile style) === const Features = () => { const tiles = [ { n: '01', t: 'Heat loss to MCS spec', d: 'Room-by-room calculation. U-values, exposed walls, glazing. We measure before we quote.' }, { n: '02', t: 'Sized to your weather', d: 'Local design temperature, real wind exposure, your hot water habits. Not a spreadsheet default.' }, { n: '03', t: 'Quieter than a fridge', d: '38 dB at 1m. Anti-vibration mounts. Sited away from bedrooms. Your neighbours stay friends.' }, { n: '04', t: '10-year guarantee', d: 'Parts, labour, and call-outs. We monitor remotely and usually catch issues before you notice.' }, { n: '05', t: 'Manufacturer-trained', d: 'Daikin D1+, Vaillant Advanced, Mitsubishi Ecodan accredited. Real certification, not a weekend course.' }, { n: '06', t: 'Tidy, on time', d: 'Two days on average. Old boiler out, new system in. Floors covered, garden raked, no mess.' }, ]; return (
03 / What's different

Six obsessions
that change the result.

Most heat pumps are installed badly because they're sized in five minutes from a kitchen table. We do it properly — which is why ours run quieter, cheaper, and longer.

{tiles.map((t, i) => (
{t.n}

{t.t}

{t.d}

 ))}
); }; // === Savings calculator (clean, dark) === const SavingsCalc = () => { const [house, setHouse] = React.useState('semi'); const [age, setAge] = React.useState('1980-2000'); const [insulation, setInsulation] = React.useState('average'); const hf = { flat: 0.55, terrace: 0.75, semi: 1.0, detached: 1.4, bungalow: 0.85 }[house]; const af = { 'pre-1930': 1.25, '1930-1980': 1.05, '1980-2000': 0.85, 'post-2000': 0.65 }[age]; const inf = { poor: 1.2, average: 1.0, good: 0.8 }[insulation]; const heat = Math.round(11000 * hf * af * inf); const newCost = Math.round((heat / 3.6) * 0.265); const oldCost = Math.round(heat * 0.062 / 0.86 + 200); const saving = Math.max(0, oldCost - newCost); const installCost = Math.round(13800 * hf); const net = Math.max(0, installCost - 7500); const Pill = ({ value, set, options }) => (
{options.map(o => ( ))}
); return (
05 / Savings · live

Real numbers,
your home.

Estimates use Ofgem's April 2026 cap and a conservative SCOP of 3.6 — what we actually deliver, not what manufacturers print.

ASSUMPTIONS
{[['Electricity','£0.265/kWh'],['Gas','£0.062/kWh'],['Boiler efficiency','86%'],['Heat pump SCOP','3.60']].map(r => (
{r[0]}{r[1]}
))}
YEARLY SAVING
£{saving.toLocaleString()}
vs. gas at current cap
Heat demand{(heat/1000).toFixed(1)}k kWh
New running£{newCost}/yr
Install£{installCost.toLocaleString()}
BUS grant−£7,500
You pay£{net.toLocaleString()}
); }; // === Process / Journey === const Process = () => { const steps = [ { n: 'Step 01', t: 'Enquire', d: 'A real engineer calls within 4 working hours.', meta: 'Day 0' }, { n: 'Step 02', t: 'Survey', d: 'Room-by-room heat loss, U-values, photos, full pack.', meta: 'Day 7' }, { n: 'Step 03', t: 'Design', d: 'You approve flow temps, COP target, radiator plan.', meta: 'Day 14' }, { n: 'Step 04', t: 'Install', d: 'Two days on site. Boiler out, heat pump in. Floors covered.', meta: 'Day 28' }, { n: 'Step 05', t: 'Commission', d: 'We balance, tune, walk you through every setting.', meta: 'Day 30' }, { n: 'Step 06', t: 'Service', d: 'Annual visit, refrigerant check, performance review.', meta: 'Day 365' }, ]; return (
07 / The process

From first call
to first warm winter.

{/* Continuous timeline line behind the steps */}
{steps.map((s, i) => (
{s.n}
{/* Marker on the timeline */}

{s.t}

{s.d}

{s.meta.toUpperCase()}
 ))}
); }; // === Testimonials === const Stories = () => { const items = [ { q: "We expected a few days of disruption. We got a quiet new system and a tidy garden. Bills down 38% in our first winter.", who: "The Mosley family", where: "Allestree, Derby", saved: 612 }, { q: "HiLooks didn't try to sell us anything. They told us to insulate the loft first, then call back. We did. Best decision.", who: "Sara & Tom", where: "Beeston, Notts", saved: 540 }, { q: "Three companies quoted. HiLooks was the only one who actually surveyed every radiator before quoting.", who: "Dr. Patel", where: "Sheffield S11", saved: 790 }, ]; const [i, setI] = React.useState(0); React.useEffect(() => { const id = setInterval(() => setI(v => (v + 1) % items.length), 7000); return () => clearInterval(id); }, []); return (
10 / Stories

A few hundred
warmer winters.

{items.map((_, k) => (
{items.map((t, k) => (

"{t.q}"

{t.who}
{t.where}
£{t.saved}
SAVED / YR
))}
); }; // === FAQ === const FAQ = () => { const items = [ { q: 'Will it actually heat my old house?', a: 'Yes — if it\'s sized properly. Most installs that fail were undersized or paired with the wrong radiators. We do a proper room-by-room calculation and tell you the truth if your home isn\'t ready.' }, { q: 'How loud is it?', a: 'Daikin and Vaillant units run at 35–42 dB at 1m. Quieter than a fridge. We site them away from bedrooms with anti-vibration mounts.' }, { q: 'What if it breaks?', a: 'Our 10-year guarantee covers parts, labour, and call-outs. We monitor remotely and usually catch issues before you notice them.' }, { q: 'Can I really get it for £0 upfront?', a: 'Yes — between the £7,500 BUS grant and our 0% finance over up to 10 years, most homes pay nothing on day one and the monthly cost is offset by the lower bill.' }, { q: 'Will I need new radiators?', a: 'Sometimes — heat pumps work best at lower flow temperatures, which means slightly larger radiators in a few rooms. Your design pack tells you exactly which.' }, ]; const [open, setOpen] = React.useState(0); return (
11 / FAQ

The honest
answers.

{items.map((it, i) => (

{it.a}

))}
); }; // === Pull-quote interlude (between Stories and FAQ) === const PullQuoteInterlude = () => (

We measure before we quote.
We come back when it counts.
We answer the phone in February.

); // === Final CTA — cinematic close === const FinalCTA = () => (
NEXT-WEEK SURVEYS · 4 SLOTS REMAINING IN DERBY Ready when you are

Replace your boiler.
Keep your weekend.

Free survey, fixed quote, no hard sell. Reply within four working hours.

{[ ['No call-centres', 'Engineer answers'], ['No commission', 'Honest sizing'], ['No surprises', 'Fixed quote'], ].map((c, i) => (
{c[0]}
{c[1].toUpperCase()}
))}
); const Homeowner = () => (