KinCulture
ROOTED IN PEOPLE
KinCulture
ROOTED IN PEOPLE
);
// ---------- Top Nav ----------
const NAV_ITEMS = [
{ href: "index.html", label: "Home", key: "home" },
{ href: "about.html", label: "About", key: "about" },
{ href: "courses.html", label: "Courses", key: "courses" },
{ href: "benefits.html", label: "Benefits", key: "benefits" },
{ href: "contact.html", label: "Contact", key: "contact" },
];
const TopNav = ({ active }) => {
const [scrolled, setScrolled] = useState(false);
const [open, setOpen] = useState(false);
useEffect(() => {
const onScroll = () => setScrolled(window.scrollY > 20);
onScroll();
window.addEventListener("scroll", onScroll, { passive: true });
return () => window.removeEventListener("scroll", onScroll);
}, []);
return (
);
};
// ---------- Footer ----------
const FOOTER_LINKS = {
Program: [["About", "about.html"], ["Courses", "courses.html"], ["Benefits", "benefits.html"]],
Buyers: [["For Leadership", "benefits.html"], ["For Behavioral Health Advocates", "benefits.html"], ["Reserve a spot", "contact.html"]],
Resources:[["The credential", "courses.html#credential"], ["The voice of the supervisor", "#"]],
Company: [["Contact", "contact.html"], ["Founder", "about.html#founder"]],
};
const Footer = () => (
);
// ---------- Hero claymation illustration (KC custom, not GTM one) ----------
const KCHeroArt = ({ variant = "mountain" }) => {
return (
);
};
// ---------- Photo placeholder (warm-toned blocks) ----------
const PhotoPlaceholder = ({ label = "Photo placeholder", tone = "sage", src }) => {
if (src) {
return (