Add interactive school map to homepage
Some checks failed
Build and Deploy / deploy (push) Has been cancelled

Replace the text list of schools with a Leaflet map showing anonymous
orange pins for 110 customer schools across Australia. Includes build-time
Airtable fetch script with Nominatim geocoding and gradient glow effect
on clustered pins.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
Tim Hadwen
2026-03-06 22:37:37 +10:00
parent 2dfdefbdf4
commit bb2a56e7c1
10 changed files with 1501 additions and 23 deletions

View File

@@ -0,0 +1,14 @@
"use client";
import dynamic from "next/dynamic";
const SchoolMap = dynamic(() => import("@/components/SchoolMap"), {
ssr: false,
loading: () => (
<div className="h-[400px] w-full animate-pulse bg-foreground/5 sm:h-[480px]" />
),
});
export default function SchoolMapLoader() {
return <SchoolMap />;
}