/* ============================================================== Jacksonville Site Works — Project Gallery + Testimonials ============================================================== */ /* ------------------------------------------------------------------ */ /* WORK GALLERY — filter + lightbox */ /* ------------------------------------------------------------------ */ function Work() { const projects = [ { id: "p01", title: "Mandarin homesite", county: "Duval", acres: "3.2", cat: "Clearing", year: "2025", ph: window.PHOTOS.p01, phLabel: "MANDARIN ⋅ 3.2 AC", notes: "Full clear-and-grub. Saved 14 mature oaks per owner request.", }, { id: "p02", title: "Twin Lakes mulching", county: "Clay", acres: "11.0", cat: "Mulching", year: "2025", ph: window.PHOTOS.p02, phLabel: "TWIN LAKES ⋅ 11 AC", notes: "Selective understory mulching for hunting lanes and firebreaks.", }, { id: "p03", title: "St. Johns subdivision", county: "St. Johns", acres: "42.5", cat: "Excavation", year: "2024", ph: window.PHOTOS.p03, phLabel: "ST. JOHNS ⋅ 42 AC ⋅ 28 PADS", notes: "Full clear + 28 building pads cut to grade in 6 weeks.", }, { id: "p04", title: "Storm response — Helene", county: "Duval", acres: "—", cat: "Tree Removal", year: "2024", ph: window.PHOTOS.p04, phLabel: "STORM CLEANUP ⋅ ATLANTIC BLVD", notes: "Emergency roadside cleanup along Atlantic Blvd after Helene. Crew on-site within 6 hours of call.", }, { id: "p05", title: "Pasture conversion", county: "Baker", acres: "27.0", cat: "Clearing", year: "2024", ph: window.PHOTOS.p05, phLabel: "MACCLENNY ⋅ 27 AC", notes: "Scrub-to-pasture conversion. Seeded for bahia within 30 days.", }, { id: "p06", title: "Driveway + pond", county: "Clay", acres: "6.4", cat: "Excavation", year: "2024", ph: window.PHOTOS.p06, phLabel: "MIDDLEBURG ⋅ 1/2 AC POND", notes: "800-ft driveway + half-acre stocked pond with overflow swale.", }, { id: "p07", title: "Commercial lot prep", county: "Duval", acres: "8.8", cat: "Clearing", year: "2023", ph: window.PHOTOS.p07, phLabel: "WESTSIDE JAX ⋅ 8.8 AC", notes: "Wooded commercial parcel cleared to bare pad in 9 working days.", }, { id: "p08", title: "Trail system", county: "St. Johns", acres: "55.0", cat: "Mulching", year: "2023", ph: window.PHOTOS.p08, phLabel: "HASTINGS ⋅ 4 MI TRAILS", notes: "Four miles of 12-ft equestrian trails through palmetto scrub.", }, ]; const cats = ["All", "Clearing", "Mulching", "Excavation", "Tree Removal"]; const [filter, setFilter] = useState("All"); const [open, setOpen] = useState(null); // project id const filtered = filter === "All" ? projects : projects.filter(p => p.cat === filter); // Keyboard nav for lightbox useEffect(() => { if (!open) return; const idx = filtered.findIndex(p => p.id === open); const onKey = (e) => { if (e.key === "Escape") setOpen(null); if (e.key === "ArrowRight") setOpen(filtered[(idx + 1) % filtered.length].id); if (e.key === "ArrowLeft") setOpen(filtered[(idx - 1 + filtered.length) % filtered.length].id); }; window.addEventListener("keydown", onKey); document.body.style.overflow = "hidden"; return () => { window.removeEventListener("keydown", onKey); document.body.style.overflow = ""; }; }, [open, filtered]); const openProject = filtered.find(p => p.id === open); return (
Recent work / 03

Dirt under
our nails.

A few jobs from the last two seasons. Every site is photographed daily — ask us for the full set during your quote.

FILTER ⋅
{cats.map(c => ( ))}
{filtered.length} project{filtered.length === 1 ? "" : "s"}
{filtered.map((p, i) => ( ))}
{openProject && (
setOpen(null)}>
e.stopPropagation()}>
{openProject.cat} ⋅ {openProject.county} County ⋅ {openProject.year}

{openProject.title}

Acreage
{openProject.acres === "—" ? "Residential" : `${openProject.acres} acres`}
Scope
{openProject.cat}
Completed
{openProject.year}

{openProject.notes}

← / → to browse ESC to close
)}
); } /* ------------------------------------------------------------------ */ /* TESTIMONIALS — large editorial quote w/ thumbnails to switch */ /* ------------------------------------------------------------------ */ function Reviews() { const reviews = [ { quote: "Showed up when they said they would, finished a day early, and the price didn't move a dime from the original quote. I've used three clearing outfits in 20 years — these guys are the only ones I'll call again.", name: "Ray Holcomb", role: "General Contractor", project: "12-acre commercial lot ⋅ Westside Jax", rating: 5, }, { quote: "Mulched 8 acres of palmetto and scrub oak in two days. Left the topsoil in shape to seed bahia immediately. No burn piles, no debris hauls, no headaches.", name: "Denise Faulkner", role: "Cattle owner", project: "Pasture conversion ⋅ Baker County", rating: 5, }, { quote: "Had a 90-foot pine on the house after Hurricane Helene. Called Tuesday at noon, crew was on-site Wednesday morning. Tree gone, roof tarped, debris hauled, all in one visit.", name: "Marcus & Lily Tate", role: "Homeowners", project: "Storm response ⋅ Fernandina Beach", rating: 5, }, { quote: "We bid out 42 acres to four contractors. JSW wasn't the cheapest — they were the most specific. Quote broke down every phase. Came in on budget on a six-week job.", name: "Cameron Liu", role: "Developer, Coastline Homes", project: "Subdivision prep ⋅ St. Johns County", rating: 5, }, ]; const [i, setI] = useState(0); const r = reviews[i]; // auto-advance useEffect(() => { const id = setInterval(() => setI(x => (x + 1) % reviews.length), 8000); return () => clearInterval(id); }, []); return (
{r.quote}
{r.name}
{r.role}
{r.project}
{reviews.map((_, n) => ( ))}
); } Object.assign(window, { Work, Reviews });