import { useEffect, useState } from "react";
import { ArkLogoMark } from "./ArkLogoMark";
const HERO_JPEG = "/assets/ark-library/media/jpeg/hero.jpg";
/** Hero: branded JPEG when present; otherwise gold mark + glow (previous behaviour). */
export function HeroVisual() {
const [usePhoto, setUsePhoto] = useState(false);
useEffect(() => {
const im = new Image();
im.onload = () => setUsePhoto(true);
im.onerror = () => setUsePhoto(false);
im.src = HERO_JPEG;
}, []);
if (usePhoto) {
return (
setUsePhoto(false)}
/>
);
}
return (
);
}