/* ============================================================ SALES MEDİKAL — paylaşılan UI bileşenleri → window ============================================================ */ const { useState, useEffect, useRef } = React; /* ---------- Brand mark (geometric, lacivert) ---------- */ function Mark({ size = 34, color = 'var(--navy)', mono }) { return ( ); } function Logo({ light, onClick, compact }) { const mark = light ? '#fff' : '#1790d5'; const word = light ? '#fff' : 'var(--navy)'; const h = compact ? 30 : 34; return ( ); } /* ---------- Crown (altın taç) ---------- */ function Crown({ w = 34, color = 'var(--gold)' }) { return ( ); } /* ---------- Icon set (line) ---------- */ function Icon({ name, s = 26, c = 'currentColor', sw = 1.6 }) { const p = { adhesive: <>, hydro: <>, cpap: <>, latex: <>, shield: <>, baby: <>, leaf: <>, award: <>, pin: <>, mail: <>, phone: <>, web: <>, clock: <>, check: <>, arrow: <>, plus: <>, ruler: <>, sparkle: <>, }[name]; return ( ); } /* ---------- Reveal on scroll ---------- */ function Reveal({ children, delay = 0, as = 'div', className = '', style }) { const ref = useRef(null); useEffect(() => { const el = ref.current; if (!el) return; const show = () => el.classList.add('in'); const vh = window.innerHeight || 800; // already in (or above) the viewport → reveal right away if (el.getBoundingClientRect().top < vh * 0.92) { show(); return; } const io = new IntersectionObserver((es) => { es.forEach((e) => { if (e.isIntersecting) { show(); io.unobserve(el); } }); }, { threshold: 0.12, rootMargin: '0px 0px -8% 0px' }); io.observe(el); // safety net if IO never reports (offscreen iframe / capture contexts) const tid = setTimeout(show, 1400); return () => { io.disconnect(); clearTimeout(tid); }; }, []); const Tag = as; return {children}; } /* ---------- Cert strip ---------- */ function CertStrip({ dark }) { const items = window.SM.CERTS; return (
{items.map((it, i) => (
{it.tag} {it.label}
))}
); } /* ---------- Header (3 switchable designs) ---------- */ const HEADER_LINKS = [ ['home', 'Ana Sayfa'], ['products', 'Ürünler'], ['catalog', 'Katalog', 'katalog.pdf'], ['about', 'Hakkımızda'], ['contact', 'İletişim'], ]; function NavLinks({ route, go, underline }) { return ( ); } function Burger({ open, setOpen, color = 'var(--navy)' }) { return ( ); } function Header({ route, nav, variant = 'island' }) { const [open, setOpen] = useState(false); const [solid, setSolid] = useState(false); useEffect(() => { const onScroll = () => setSolid(window.scrollY > 24); onScroll(); window.addEventListener('scroll', onScroll, { passive: true }); return () => window.removeEventListener('scroll', onScroll); }, []); useEffect(() => { setOpen(false); }, [route]); const go = (e, page) => { e.preventDefault(); nav(page); }; const C = window.SM.COMPANY; const Cta = ({ small }) => ( go(e, 'contact')} className="btn btn-primary nav-desk" style={{ padding: small ? '10px 20px' : '11px 22px', fontSize: 14, fontFamily: 'var(--font-nav)' }}> Bilgi Al ); const mobileMenu = ( ); /* ---- ISLAND: floating glass pill ---- */ if (variant === 'island') { return (
go(e, 'home')} compact />
{mobileMenu}
); } /* ---- TOPBAR: two-tier corporate ---- */ if (variant === 'topbar') { return (
Çukurova / Adana {C.email} CE · MD Tıbbi Cihaz
go(e, 'home')} compact />
{mobileMenu}
); } /* ---- CLASSIC ---- */ return (
go(e, 'home')} compact />
{mobileMenu}
); } /* ---------- Footer ---------- */ function Footer({ nav }) { const C = window.SM.COMPANY; const go = (e, page) => { e.preventDefault(); nav(page); }; return ( ); } Object.assign(window, { Mark, Logo, Crown, Icon, Reveal, CertStrip, Header, Footer });