/* ============================================================ FLOREA GRUP — Shared components, hooks, icons, routing ============================================================ */ const { useState, useEffect, useRef, useContext, createContext, useCallback } = React; /* ---------- Language ---------- */ const LangCtx = createContext("ro"); function useL() { const lang = useContext(LangCtx); const L = useCallback((o) => (o == null ? "" : (typeof o === "object" && ("ro" in o || "en" in o) ? o[lang] : o)), [lang]); return { lang, L }; } /* ---------- Icons (UI only — simple strokes) ---------- */ const Ic = { arrow: (p) => , arrowDown: (p) => , plus: (p) => , minus: (p) => , menu: (p) => , close: (p) => , phone: (p) => , mail: (p) => , pin: (p) => , ext: (p) => , leaf: (p) => , star: (p) => , check: (p) => , }; /* ---------- Routing (hash) ---------- */ function useHashRoute() { const parse = () => { let h = window.location.hash.replace(/^#\/?/, ""); const parts = h.split("/").filter(Boolean); return { page: parts[0] || "home", id: parts[1] || null }; }; const [route, setRoute] = useState(parse); useEffect(() => { const on = () => { setRoute(parse()); window.scrollTo(0, 0); }; window.addEventListener("hashchange", on); return () => window.removeEventListener("hashchange", on); }, []); return route; } function go(page, id) { window.location.hash = "#/" + page + (id ? "/" + id : ""); } /* ---------- Reveal on scroll (fail-safe: content defaults visible) ---------- */ function useInView() { const ref = useRef(null); const [seen, setSeen] = useState(true); // visible by default — never stuck hidden React.useLayoutEffect(() => { const el = ref.current; if (!el) return; if (window.matchMedia("(prefers-reduced-motion: reduce)").matches) return; const vh = window.innerHeight || document.documentElement.clientHeight || 800; const r = el.getBoundingClientRect(); // Already in (or above) the viewport → leave visible, no entrance animation. if (r.top <= vh * 0.88) return; // Below the fold → hide now (pre-paint, no flash) then reveal on scroll. setSeen(false); const io = new IntersectionObserver(([e]) => { if (e.isIntersecting) { setSeen(true); io.disconnect(); } }, { threshold: 0.1, rootMargin: "0px 0px -8% 0px" }); io.observe(el); const t = setTimeout(() => setSeen(true), 1600); // safety return () => { io.disconnect(); clearTimeout(t); }; }, []); return [ref, seen]; } function Reveal({ children, d, as, className = "", ...rest }) { const [ref, seen] = useInView(); const Tag = as || "div"; return {children}; } /* ---------- Animated counter ---------- */ function Counter({ value, suffix = "", dur = 1600, immediate = false }) { const [ref, seenRaw] = useInView(); const seen = immediate || seenRaw; const [n, setN] = useState(0); useEffect(() => { if (!seen) return; let raf, start; const tick = (t) => { if (!start) start = t; const p = Math.min((t - start) / dur, 1); const eased = 1 - Math.pow(1 - p, 3); setN(Math.round(eased * value)); if (p < 1) raf = requestAnimationFrame(tick); }; raf = requestAnimationFrame(tick); return () => cancelAnimationFrame(raf); }, [seen, value]); const fmt = n.toLocaleString("ro-RO"); return {fmt}{suffix}; } /* ---------- Placeholder image ---------- */ function Ph({ label, ratio, className = "", dark, red, style }) { const cls = "ph" + (dark ? " ph--dark" : "") + (red ? " ph--red" : "") + (className ? " " + className : ""); const st = { ...(ratio ? { aspectRatio: ratio } : {}), ...(style || {}) }; return ; } /* ---------- Eyebrow ---------- */ function Eyebrow({ children, plain }) { return {children}; } /* ---------- Section header ---------- */ function SectionHead({ kicker, title, lead, align = "left", light }) { return (
{kicker && {kicker}}

{title}

 {lead &&

{lead}

}
); } /* ---------- Navigation ---------- */ function Nav({ lang, setLang }) { const { L } = useL(); const U = FG.UI; const route = useHashRoute(); const [open, setOpen] = useState(false); const [scrolled, setScrolled] = useState(false); const onHome = route.page === "home"; useEffect(() => { const on = () => setScrolled(window.scrollY > 40); on(); window.addEventListener("scroll", on, { passive: true }); return () => window.removeEventListener("scroll", on); }, []); useEffect(() => { setOpen(false); }, [route.page, route.id]); const links = [ ["about", U.nav_about], ["divisions", U.nav_divisions], ["projects", U.nav_projects], ["sustainability", U.nav_sustain], ["hospitality", U.nav_hospitality], ["careers", U.nav_careers], ["news", U.nav_news], ]; const solid = scrolled || !onHome || open; return (
Florea Grup
/
{L(U.cta_contact)}
{links.concat([["contact", U.nav_contact]]).map(([p, lab]) => ( {L(lab)} ))}
); } /* ---------- Footer ---------- */ function Footer() { const { L } = useL(); const U = FG.UI; const quick = [["about", U.nav_about], ["divisions", U.nav_divisions], ["projects", U.nav_projects], ["careers", U.nav_careers], ["contact", U.nav_contact]]; return ( ); } Object.assign(window, { LangCtx, useL, Ic, useHashRoute, go, useInView, Reveal, Counter, Ph, Eyebrow, SectionHead, Nav, Footer });