// Header.jsx — Tschense Bestattungen
// Utility-Bar (Kupfer, 50 px) + Haupt-Navigation (Weiß, 70 px) + Telefon-CTA rechts
const PhoneIcon = ({ size = 16, color = "currentColor" }) => (
);
const ClockIcon = ({ size = 16 }) => (
);
const HelpIcon = ({ size = 14 }) => (
);
const ChevronDown = ({ size = 12 }) => (
);
function PhoneCTA({ dark = false }) {
return (
e.currentTarget.style.transform='translateY(-2px)'}
onMouseLeave={e=>e.currentTarget.style.transform='translateY(0)'}>
05361 · 4 22 22
24h erreichbar
);
}
function UtilityBar({ onNav = ()=>{} }) {
return (
{e.preventDefault();onNav('faq')}} style={{
display:'inline-flex', alignItems:'center', gap:8,
color:'var(--accent-trauerfall)', textDecoration:'none',
font:'600 10px/1 var(--f-body)', letterSpacing:'var(--ls-caps-md)', textTransform:'uppercase',
paddingBottom:2, borderBottom:'1px solid rgba(168,48,45,.35)',
}}>Hilfe & häufige Fragen
);
}
function NavBar({ current = 'home', onNav = ()=>{} }) {
const items = [
{ id:'home', label:'Home' },
{ id:'trauerfall', label:'Im Trauerfall' },
{ id:'vorsorge', label:'Vorsorge' },
{ id:'leistungen', label:'Leistungen', hasMenu:true },
{ id:'service', label:'Service', hasMenu:true, noRoute:true, menu:[
{ id:'friedhoefe', label:'Wolfsburger Friedhöfe' },
{ id:'kostenplaner', label:'Kostenrechner' },
]},
{ id:'about', label:'Über Uns' },
{ id:'kontakt', label:'Kontakt' },
];
return (
);
}
function Header({ current, onNav }) {
return (
);
}
Object.assign(window, { Header, NavBar, UtilityBar, PhoneCTA, PhoneIcon, ChevronDown });
![Tschense Bestattungen]({window._r(window._r("assets/tschense-logo.png"))}){kind=logo}