Add interactive school map to homepage
Some checks failed
Build and Deploy / deploy (push) Has been cancelled
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:
14
src/components/SchoolMapLoader.tsx
Normal file
14
src/components/SchoolMapLoader.tsx
Normal 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 />;
|
||||
}
|
||||
Reference in New Issue
Block a user