const { useState, useEffect } = React; // ── Icons (filled / duotone style — different from previous outline set) ── const Ico = ({ n, s = 24 }) => { const d = { bus: <>, plane: <>, truck: <>, globe: <>, shield: <>, wrench: <>, heart: <>, medkit: <>, award: <>, check: <>, chevron: <>, phone: <>, mail: <>, pin: <>, arrow: <>, send: <>, fb: <>, ig: <>, li: <>, up: <>, users: <>, book: <>, clock: <>, tg: <>, wa: <>, vb: <>, }; return ( {d[n] || d.award} ); }; // ── Header ──────────────────────────────────────────────── const Header = ({ navigate, currentPage }) => { const [sc, setSc] = useState(false); const [open, setOpen] = useState(false); const c = window.CONTENT || {}; const hData = c.header || {}; useEffect(() => { const h = () => setSc(window.scrollY > 20); window.addEventListener('scroll', h); return () => window.removeEventListener('scroll', h); }, []); useEffect(() => { setOpen(false); }, [currentPage]); const links = (hData.navLinks && hData.navLinks.length) ? hData.navLinks.map(i => [i.path, i.label]) : [['/', 'Головна'], ['/about', 'Про нас'], ['/services', 'Послуги'], ['/documents', 'Документи'], ['/contact', 'Контакти']]; const isOn = p => p === '/' ? (currentPage === '/' || currentPage === '') : currentPage.startsWith(p); return ( <>
navigate('/')}> ЦРТК Логотип
{hData.logoTitle || 'Центр Розвитку'} {hData.logoSubtitle || 'Проф. Компетентностей'}
{hData.phone || '+38 (067) 264-10-41'}
{links.map(([p, l]) => ( { e.preventDefault(); navigate(p); setOpen(false); }}>{l} ))}
); }; // ── Footer ──────────────────────────────────────────────── const Footer = ({ navigate }) => { const c = window.CONTENT || {}; const f = c.footer || {}; const courses = (window.CONTENT?.services || []).map(s => [s.slug, s.title]); const navLinks = (c.header && c.header.navLinks && c.header.navLinks.length) ? c.header.navLinks : [ { path: '/', label: 'Головна' }, { path: '/about', label: 'Про нас' }, { path: '/services', label: 'Послуги' }, { path: '/documents', label: 'Документи' }, { path: '/contact', label: 'Контакти' }, ]; const partnerLinks = f.partnerLinks || []; return (
navigate('/')}> logo
{c.header?.logoTitle || 'Центр Розвитку'}
{c.header?.logoSubtitle || 'Професійних Компетентностей'}

{f.description || 'ТОВ «Центр Розвитку Професійних Компетентностей» — офіційний навчальний центр у сфері транспорту, безпеки та медичного забезпечення дорожнього руху.'}

{[['fb', '#'], ['ig', '#']].map(([ic, hr]) => ( ))}
{/*
{f.navTitle || 'Навігація'}
{navLinks.map(item => ( { e.preventDefault(); navigate(item.path); }}>{item.label} ))}
*/}
{f.coursesTitle || 'Програми'}
{f.contactsTitle || 'Контакти'}

Телефон:
{f.phone || '+38 (067) 264-10-41'}

Email:
{f.email || 'cdpc.tov@gmail.com'}

Графік:
{f.address || 'Пн–Пт: 09:00–18:00'}

{f.copyright || `© ${new Date().getFullYear()} ТОВ «ЦРПК». Усі права захищено.`}
{partnerLinks.map((item, i) => ( {item.label || ''} ))}
); }; // ── Course start date — reads from window.COURSE_START_DATES ── const CourseStartDate = ({ slug, variant = 'pill', size = 'md', label = 'Найближчий старт' }) => { const dateStr = window.formatCourseDate(slug, { withYear: false }); if (variant === 'inline') { return ( {label}: {dateStr} ); } if (variant === 'block') { return (
{label}
{dateStr}
); } return ( {label}: {dateStr} ); }; Object.assign(window, { Ico, Header, Footer, CourseStartDate });