/* =====================================================================
Future Consulting — shared React shell
- I18nProvider / useI18n / useT hook
- useReveal IntersectionObserver hook
- , , ,
- , , etc — minimal Lucide-style strokes
===================================================================== */
const { useState, useEffect, useRef, useContext, createContext, useCallback, useMemo } = React;
/* ---------- i18n ---------- */
const I18nContext = createContext({ lang: 'hu', t: window.FCS_I18N.hu, setLang: () => {} });
function I18nProvider({ children }) {
const [lang, setLang] = useState(() => {
try { return localStorage.getItem('fcs-lang') || 'hu'; } catch { return 'hu'; }
});
useEffect(() => {
try { localStorage.setItem('fcs-lang', lang); } catch {}
document.documentElement.lang = lang;
}, [lang]);
const value = useMemo(() => ({ lang, t: window.FCS_I18N[lang], setLang }), [lang]);
return React.createElement(I18nContext.Provider, { value }, children);
}
function useI18n() { return useContext(I18nContext); }
/* ---------- Reveal-on-scroll ---------- */
function useReveal(options = {}) {
const ref = useRef(null);
useEffect(() => {
const el = ref.current;
if (!el) return;
const obs = new IntersectionObserver(
(entries) => {
entries.forEach((e) => {
if (e.isIntersecting) {
el.classList.add('in');
obs.unobserve(el);
}
});
},
{ threshold: 0.15, rootMargin: '0px 0px -10% 0px', ...options }
);
obs.observe(el);
return () => obs.disconnect();
}, []);
return ref;
}
/* ---------- Icons (Lucide-style, 1.75 stroke) ---------- */
const Icon = ({ children, size = 18, className = '', style = {} }) => (
);
const ArrowRight = (p) => ;
const ArrowUpRight = (p) => ;
const Plus = (p) => ;
const Check = (p) => ;
const Spark = (p) => ;
const Network = (p) => ;
const Server = (p) => ;
const Monitor = (p) => ;
const Activity = (p) => ;
const Layers = (p) => ;
const Compass = (p) => ;
const Globe = (p) => ;
const Menu = (p) => ;
const X = (p) => ;
window.FCSIcons = { Icon, ArrowRight, ArrowUpRight, Plus, Check, Spark, Network, Server, Monitor, Activity, Layers, Compass, Globe, Menu, X };
/* ---------- Logo (mark only — orbital wing reproduction) ---------- */
function LogoMark({ size = 36 }) {
return (
);
}
/* ---------- Logo (full lockup) ---------- */
function LogoLockup({ markSize = 28 }) {
return (
futureconsulting
);
}
/* ---------- Language toggle ---------- */
function LanguageToggle() {
const { lang, setLang } = useI18n();
return (
·
);
}
/* ---------- Nav ---------- */
function Nav({ active = 'home' }) {
const { t } = useI18n();
const [scrolled, setScrolled] = useState(false);
const [open, setOpen] = useState(false);
useEffect(() => {
const onScroll = () => setScrolled(window.scrollY > 12);
onScroll();
window.addEventListener('scroll', onScroll, { passive: true });
return () => window.removeEventListener('scroll', onScroll);
}, []);
const items = [
{ id: 'services', label: t.nav.services, href: 'services.html' },
{ id: 'fusion', label: t.nav.fusion, href: 'fusion.html' },
{ id: 'cases', label: t.nav.cases, href: 'cases.html' },
{ id: 'contact', label: t.nav.contact, href: 'kapcsolat.html' },
];
return (
);
}
/* ---------- Footer ---------- */
function Footer() {
const { t } = useI18n();
const sections = t.footer.sections;
return (
);
}
/* ---------- Cookie banner ---------- */
function CookieBanner() {
const { t } = useI18n();
const cb = t.cookies_banner;
const [visible, setVisible] = useState(false);
useEffect(() => {
try {
const consent = localStorage.getItem('fcs-consent');
if (!consent) setTimeout(() => setVisible(true), 600);
} catch {}
}, []);
const setConsent = (level) => {
try {
localStorage.setItem('fcs-consent', JSON.stringify({
level: level, // 'all' | 'necessary'
ts: new Date().toISOString(),
}));
} catch {}
setVisible(false);
};
if (!visible || !cb) return null;
return (
);
}
/* Export to window so other Babel scripts can use them */
Object.assign(window, {
I18nProvider, useI18n, useReveal,
LogoMark, LogoLockup, LanguageToggle, Nav, Footer, CookieBanner,
ArrowRight, ArrowUpRight, Plus, Check, Spark, Network, Server, Monitor, Activity, Layers, Compass, Globe, Menu, X, Icon,
});