// site-sections.jsx — Liam & Rich homepage sections. // Uses the Industrial Monogram (Lockup) brand: deep navy + rust + concrete + sand. const LR = { navy: '#0d1f2a', navyDeep: '#081620', rust: '#d4773a', rustDeep: '#b85f25', sand: '#f0e8d8', sandLight: '#f7f1e3', concrete: '#c9b89c', concreteLight: '#e2d7c0', iron: '#4a5a6a', ironLight: '#7a8694', }; function useResponsive() { const getViewport = () => ({ isMobile: window.innerWidth < 760, isTablet: window.innerWidth >= 760 && window.innerWidth < 1024, }); const [viewport, setViewport] = React.useState(getViewport); React.useEffect(() => { const onResize = () => setViewport(getViewport()); window.addEventListener('resize', onResize); return () => window.removeEventListener('resize', onResize); }, []); return viewport; } // ─── Reusable: logomark for nav (smaller version) ────────── function NavLogomark({ size = 36 }) { return ( ); } function Wordmark({ display, weight = 700, size = 22, color = '#0d1f2a', spacing = -0.03 }) { return ( LIAM & RICH ); } // ─── Section label ───────────────────────────────────────── function SectionLabel({ children, mono, color = LR.rust }) { return (
{children}
); } // ─── Sticky Nav ──────────────────────────────────────────── function Nav({ display, body, mono }) { const { isMobile, isTablet } = useResponsive(); const links = ['How it works', 'What we claim', 'Pricing', 'Stories', 'FAQ']; return ( ); } // ─── Hero ────────────────────────────────────────────────── function Hero({ display, body, mono }) { const { isMobile, isTablet } = useResponsive(); return (
{/* concrete grid bg */}
For commercial subcontractors · Victoria first

Turn messy variation
records into claim-ready
evidence.

Upload the emails, photos, drawings, diaries and messages behind a disputed variation. We organise chronology, deadlines and source evidence into a pack your team can review before sending.

Start a claim pack → How it works
✓ Source-linked evidence packs ✓ Variations of any size ✓ Not legal advice or entitlement decisions
{/* HERO SIDE: output preview card */}
Example output preview
Draft pack
Variation file
structured for review
Chronology, contract clauses, notice dates, evidence links and missing-info flags in one auditable pack.
Included
Timeline by date
Evidence map by source
Draft claim structure
Needs input
Missing dayworks
Instruction confirmations
Final subcontract annexures
); } // ─── Stats strip ─────────────────────────────────────────── function Stats({ display, body, mono }) { const { isMobile, isTablet } = useResponsive(); return (
Victoria security of payment changes
Are your variation records ready?

Victoria's Security of Payment rules changed on 15 April 2026. The old excluded-amounts limits were removed, which means disputed variations and time-related costs can now form part of payment claims in a way they often could not before.

That makes the paperwork matter more: dates, instructions, drawings, photos, emails and site notes need to line up before a claim goes out.

); } // ─── Problem section ─────────────────────────────────────── function Problem({ display, body, mono }) { const { isMobile, isTablet } = useResponsive(); return (
The problem

Variations are how subbies get burned.

The job changed. The drawings changed. The scope crept. You did the extra work because the build couldn't wait. And now the head contractor is asking for "more detail" on your claim — for the third time.

Reality on site
Messy records

Most teams have enough proof to support a claim, but it is split across inboxes, chats, photos and site notes. The problem is assembly, traceability and timing.

); } Object.assign(window, { LR, useResponsive, NavLogomark, Wordmark, SectionLabel, Nav, Hero, Stats, Problem });