);
}
const NAV_PAGES = [
{ label: 'Hakkımızda', href: 'hakkimizda.html', color: 'teal' },
{ label: 'Eğitim', color: 'orange', children: [
{ label: 'Genel Program', href: 'program.html' },
{ label: 'Sınıflarımız', href: 'siniflarimiz.html' },
{ label: 'Yaz Okulu', href: 'yaz-okulu.html' },
]},
{ label: 'Destek', href: 'destek.html', color: 'rose' },
{ label: 'Kadro', href: 'kadro.html', color: 'grape' },
{ label: 'Bir Gün', href: 'bir-gun.html', color: 'sky' },
{ label: 'Galeri', href: 'galeri.html', color: 'grass' },
{ label: 'SSS', href: 'sss.html', color: 'sun' },
{ label: 'İletişim', href: 'iletisim.html', color: 'coral' },
];
function Nav({ active }) {
const [open, setOpen] = useState(false);
// Item active mı? (kendi label'ı veya children'dan birinin label'ı eşleşirse)
const isItemActive = (item) => {
if (item.label === active) return true;
if (item.children && item.children.some(c => c.label === active)) return true;
return false;
};
// Mobilde her parent için ayrı open state — aktif parent default açık
const [openParents, setOpenParents] = useState(() => {
const initial = {};
NAV_PAGES.forEach(item => {
if (item.children && isItemActive(item)) initial[item.label] = true;
});
return initial;
});
const toggleParent = (label) => setOpenParents(prev => ({ ...prev, [label]: !prev[label] }));
useEffect(() => {
document.body.style.overflow = open ? 'hidden' : '';
return () => { document.body.style.overflow = ''; };
}, [open]);
useEffect(() => {
if (!open) return;
const onKey = (e) => { if (e.key === 'Escape') setOpen(false); };
window.addEventListener('keydown', onKey);
return () => window.removeEventListener('keydown', onKey);
}, [open]);
const close = () => setOpen(false);
return (
);
}
function PageHero({ kicker, title, lede, accent }) {
return (
{lede}
}