From b4b4820e46a9726b250205b77b98178bf9f7d192 Mon Sep 17 00:00:00 2001
From: syntaxbullet <syntaxbullet@protonmail.com>
Date: Mon, 22 Jun 2026 12:57:42 +0200
Subject: [PATCH] feat: manage splash logo media via payload

---
 src/spa/components/layout/Layout.tsx    |  8 +++++++-
 src/spa/components/ui/LoadingScreen.tsx | 16 ++++++++++++----
 2 files changed, 19 insertions(+), 5 deletions(-)

diff --git a/src/spa/components/layout/Layout.tsx b/src/spa/components/layout/Layout.tsx
index 6e753f6..fb7038b 100644
--- a/src/spa/components/layout/Layout.tsx
+++ b/src/spa/components/layout/Layout.tsx
@@ -156,7 +156,13 @@ const Layout: React.FC<LayoutProps> = ({ children, header = defaultHeaderData, f
       style={{ paddingTop: 60, paddingLeft: 0 }}
       className="min-h-screen flex flex-col bg-background text-foreground font-body"
     >
-      {showLoader && <LoadingScreen onDone={() => setShowLoader(false)} />}
+      {showLoader && (
+        <LoadingScreen
+          logoAlt={header.logo?.alt || header.overlayLogoAlt}
+          logoSrc={logo}
+          onDone={() => setShowLoader(false)}
+        />
+      )}
 
       {/* ── GLOBAL BAYERN CSS ────────────────────────── */}
       <style>{`
diff --git a/src/spa/components/ui/LoadingScreen.tsx b/src/spa/components/ui/LoadingScreen.tsx
index b7de822..75ebf91 100644
--- a/src/spa/components/ui/LoadingScreen.tsx
+++ b/src/spa/components/ui/LoadingScreen.tsx
@@ -12,7 +12,15 @@ const SHARDS = [
   { clip: 'polygon(50% 50%, 100% 50%, 100% 100%, 50% 100%)', tx:  60, ty:  60 },
 ];
 
-export default function LoadingScreen({ onDone }: { onDone: () => void }) {
+export default function LoadingScreen({
+  logoAlt,
+  logoSrc,
+  onDone,
+}: {
+  logoAlt: string
+  logoSrc: string
+  onDone: () => void
+}) {
   const [phase, setPhase] = useState<'logo' | 'progress' | 'shatter' | 'gone'>('logo');
   const called = useRef(false);
 
@@ -56,8 +64,8 @@ export default function LoadingScreen({ onDone }: { onDone: () => void }) {
               alignItems: 'center', justifyContent: 'center', gap: 36,
             }}>
               <motion.img
-                src="/bmp-logo.png"
-                alt="BMP"
+                src={logoSrc}
+                alt={logoAlt}
                 initial={{ opacity: 0, scale: 0.86, y: 16 }}
                 animate={{ opacity: 1, scale: 1, y: 0 }}
                 transition={{ duration: 0.7, ease: [0.22, 1, 0.36, 1] }}
@@ -122,7 +130,7 @@ export default function LoadingScreen({ onDone }: { onDone: () => void }) {
               display: 'flex', alignItems: 'center', justifyContent: 'center',
             }}>
               <Image unoptimized
-                src="/bmp-logo.png"
+                src={logoSrc}
                 alt=""
                 aria-hidden
                 style={{ width: 'clamp(260px, 32vw, 480px)', height: 'auto', opacity: 0.9 }}