const { useState, useEffect, useRef } = React; /* ------------------------------------------------------------------ */ /* DATA */ /* ------------------------------------------------------------------ */ const PHONE = "(725) 321-5492"; const PHONE_RAW = "+17253215492"; const SERVICES = [ { id: "electrician", title: "Electricians", blurb: "Panel work, wiring, lighting & emergency repairs.", img: "assets/electrician.jpg" }, { id: "handyman", title: "Handymen", blurb: "Drywall, mounting, assembly — every small fix.", img: "assets/handyman.jpg" }, { id: "garage", title: "Garage Door", blurb: "Springs, openers, rollers, and full replacements.", img: "assets/garage.jpg" }, { id: "locksmith", title: "Locksmith", blurb: "Lockouts, rekeys, smart locks & deadbolt installs.", img: "assets/locksmith.jpg" }, { id: "plumber", title: "Plumbers", blurb: "Leaks, drains, water heaters, fixture swaps.", img: "assets/plumber.jpg" }, { id: "hvac", title: "AC Duct Cleaning", blurb: "HVAC tune-ups, filter & duct deep cleans.", img: "assets/hvac.jpg" }, { id: "carpet", title: "Carpet Cleaning", blurb: "Steam, stain & odor treatment for every room.", img: "assets/carpet.jpg" }, { id: "construction", title: "Construction", blurb: "Remodels, framing, custom builds & finishes.", img: "assets/construction.jpg" }, ]; /* ------------------------------------------------------------------ */ /* ICONS */ /* ------------------------------------------------------------------ */ const Icon = { phone: (p) => ( ), arrow: (p) => ( ), check: (p) => ( ), send: (p) => ( ), star: (p) => ( ), shield: (p) => ( ), dollar: (p) => ( ), clock: (p) => ( ), menu: (p) => ( ), }; /* ------------------------------------------------------------------ */ /* LOGO */ /* ------------------------------------------------------------------ */ function Logo({ light = false }) { const fg = light ? "#fff" : "#152136"; const accent = "#F58220"; return (
Service4free Free service call
); } /* ------------------------------------------------------------------ */ /* TOP BAR */ /* ------------------------------------------------------------------ */ function TopBar({ onCallClick }) { const [scrolled, setScrolled] = useState(false); useEffect(() => { const onScroll = () => setScrolled(window.scrollY > 24); window.addEventListener("scroll", onScroll, { passive: true }); return () => window.removeEventListener("scroll", onScroll); }, []); return (
{PHONE}
); } /* ------------------------------------------------------------------ */ /* HERO */ /* ------------------------------------------------------------------ */ function Hero() { return (
Available 24 / 7 · Nationwide network

Free service call.
One call away.

We connect homeowners with vetted local pros — electricians, plumbers, HVAC techs, locksmiths and more. No service fees. No hidden costs. We bill the trade, never you.

12+
Years matching pros
to homeowners
4.9 / 5 · 2,300+ jobs
completed this year
); } /* ------------------------------------------------------------------ */ /* TICKER */ /* ------------------------------------------------------------------ */ function Ticker() { const items = [ "FULLY VETTED PROS", "INSURED & LICENSED", "NO SERVICE FEES", "AVAILABLE 24/7", "SAME-DAY DISPATCH", "NATIONWIDE", ]; const row = [...items, ...items]; return (
{row.map((t, i) => ( {t} ))}
); } /* ------------------------------------------------------------------ */ /* SERVICES */ /* ------------------------------------------------------------------ */ function Services() { const [active, setActive] = useState(null); return (
Our services

Eight trades. One number.

Whatever broke at home, we have a specialist for it. Pick what you need or just call us — we'll route you.

{SERVICES.map((s, i) => (
setActive(s.id)} onMouseLeave={() => setActive(null)} style={{ "--i": i }} >
0{i + 1}

{s.title}

{s.blurb}

Call a pro
))}
); } /* ------------------------------------------------------------------ */ /* WHY US */ /* ------------------------------------------------------------------ */ function Why() { const items = [ { icon: , title: "Free service call", body: "The technician's visit to diagnose your problem is on us — you only pay for the actual work if you decide to move forward." }, { icon: , title: "Vetted & insured", body: "Every contractor on our network is background-checked, licensed, and carries liability insurance." }, { icon: , title: "Same-day dispatch", body: "Most calls are matched within the hour. Emergency? Press 1 — we'll route you to an on-call tech." }, ]; return (
Why homeowners call us

The only call you'll need to make.

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

{it.title}

{it.body}

))}
); } /* ------------------------------------------------------------------ */ /* BOOK FORM */ /* ------------------------------------------------------------------ */ function BookForm() { const [v, setV] = useState({ name: "", phone: "", address: "", zip: "", service: "" }); const [errors, setErrors] = useState({}); const [sent, setSent] = useState(false); const set = (k) => (e) => setV((p) => ({ ...p, [k]: e.target.value })); const submit = (e) => { e.preventDefault(); const next = {}; if (v.name.trim().length < 2) next.name = "Please enter your name"; if (!/^[\d\s()+-]{7,}$/.test(v.phone)) next.phone = "Enter a valid phone"; if (v.address.trim().length < 4) next.address = "Address required"; if (!/^\d{4,6}$/.test(v.zip)) next.zip = "Valid zip code"; if (!v.service) next.service = "Pick a service"; setErrors(next); if (Object.keys(next).length === 0) setSent(true); }; return (
Homeowners

Interested in a free service call?
Leave your details.

A real human will call you back within 15 minutes during business hours — and dispatch a pro to your address.

  • Free service call — no visit fee
  • Licensed & insured techs only
  • Same-day & after-hours available
Or skip the form — {PHONE}
{!sent ? ( <>
{errors.service && {errors.service}}

By submitting you agree to our terms. We'll never share your info.

) : (

Got it, {v.name.split(" ")[0] || "friend"}!

We'll call you at {v.phone} within 15 minutes to confirm and dispatch your {SERVICES.find((s)=>s.id===v.service)?.title || "service"} pro.

)}
); } function Field({ label, type = "text", v, onChange, err }) { return (
{err && {err}}
); } /* ------------------------------------------------------------------ */ /* PRO FORM */ /* ------------------------------------------------------------------ */ function ProsForm() { const [v, setV] = useState({ name: "", phone: "", trade: "", message: "" }); const [sent, setSent] = useState(false); const set = (k) => (e) => setV((p) => ({ ...p, [k]: e.target.value })); const submit = (e) => { e.preventDefault(); if (v.name && v.phone) setSent(true); }; return (
For experts

Are you a pro?
Join the network.

We send 2,300+ pre-qualified jobs every month to our partners. No bidding, no lead farms — just real work in your zip code.

  • Exclusive jobs in your area
  • Paid weekly, no chasing
  • You set your own schedule
{!sent ? ( <>

Apply to join