/* ═══════════════ Closink · SHARED (atoms, nav, footer, legal shell) ═══════════════ */ const { useState, useEffect, useRef, useCallback } = React; const HOME = 'index.html'; /* ----- icon factory (lucide-style, inline SVG) ----- */ const Ic = ({ d, s = 22, c = 'currentColor', sw = 1.7, fill = 'none', style }) => ( {d} ); const IconShield = (p) => } />; const IconShieldOk = (p) => } />; const ShieldFill = ({ s = 22, c = '#fff' }) => ; const IconLock = (p) => } />; const IconMapPin = (p) => } />; const IconHeart = (p) => } />; const HeartFill = ({ s = 22, c = '#EF4444' }) => ; const IconBell = (p) => } />; const IconCheck = (p) => } />; const IconArrowR = (p) => } />; const IconArrowL = (p) => } />; const IconEye = (p) => } />; const IconEyeOff = (p) => } />; const IconUsers = (p) => } />; const IconSpark = (p) => } />; const IconStar = ({ s = 16, c = '#E6B450' }) => ; const IconFinger = (p) => } />; const IconGlobe = (p) => } />; const IconMail = (p) => } />; const IconPhone = (p) => } />; const IconClock = (p) => } />; const IconDoc = (p) => } />; const IconKey = (p) => } />; const IconServer = (p) => } />; const IconLayers = (p) => } />; const IconCookie = (p) => } />; const IconScale = (p) => } />; const IconShare = (p) => } />; const IconFlag = (p) => } />; const IconMinimize = (p) => } />; /* ----- shared atoms ----- */ const Eyebrow = ({ children, color = '#3678F9', dot = true }) => ( {dot && } {children} ); const Glass = ({ children, className = '', style }) => (
{children}
); const PillBadge = ({ icon, children, tone = 'cyan' }) => { const map = { cyan: ['rgba(56,189,248,.14)', 'rgba(56,189,248,.36)', '#0369A1'], green: ['rgba(34,197,94,.14)', 'rgba(34,197,94,.38)', '#15803D'], gold: ['rgba(230,180,80,.16)', 'rgba(230,180,80,.46)', '#B45309'], red: ['rgba(239,68,68,.12)', 'rgba(239,68,68,.4)', '#DC2626'], blue: ['rgba(54,120,249,.12)', 'rgba(54,120,249,.34)', '#1D4ED8'], }[tone]; return ( {icon}{children} ); }; /* ----- aurora / mesh background blobs ----- */ const Aurora = ({ variant = 'blue' }) => { const sets = { blue: [['#1D4ED8', '8%', '6%', 560], ['#38BDF8', '78%', '14%', 460], ['#7C5CFC', '52%', '70%', 520]], cyan: [['#38BDF8', '70%', '4%', 520], ['#1D4ED8', '6%', '40%', 560]], gold: [['#E6B450', '50%', '0%', 540], ['#1D4ED8', '14%', '60%', 460]], rose: [['#E11D48', '60%', '8%', 520], ['#7C5CFC', '10%', '64%', 460]], }[variant]; return ( ); }; /* ----- hooks ----- */ function useInView() { const ref = useRef(null); const [seen, setSeen] = useState(false); useEffect(() => { const el = ref.current; if (!el) return; const vh = window.innerHeight || 800; const inView = () => { const r = el.getBoundingClientRect(); return r.top < vh * 0.94 && r.bottom > 0; }; if (inView()) { setSeen(true); return; } if (typeof IntersectionObserver === 'undefined') { setSeen(true); return; } const ob = new IntersectionObserver((es) => { if (es.some((e) => e.isIntersecting)) { setSeen(true); ob.disconnect(); } }, { threshold: 0.08, rootMargin: '0px 0px -6% 0px' }); ob.observe(el); return () => ob.disconnect(); }, []); return [ref, seen]; } const Reveal = ({ children, delay = 0, className = '', as: Tag = 'div', style }) => { const dc = delay ? ` d${delay}` : ''; return {children}; }; /* ----- brand logo lockup ----- */ const Logo = ({ s = 30 }) => (
Closink
); /* ----- store badges ----- */ const AppleBadge = () => ( İNDİR App Store ); const GoogleBadge = () => ( İNDİR Google Play ); /* ════ NAVBAR (sub-page) ════ */ const Navbar = ({ active }) => { const [solid, setSolid] = useState(false); useEffect(() => { const on = () => setSolid(window.scrollY > 40); on(); window.addEventListener('scroll', on, { passive: true }); return () => window.removeEventListener('scroll', on); }, []); const links = [['Özellikler', HOME + '#ozellikler'], ['Sinematik', HOME + '#sinematik'], ['SOS', HOME + '#sos'], ['Mahremiyet', HOME + '#mahremiyet'], ['Planlar', HOME + '#planlar']]; return (
); }; /* small back link for use inside hero */ const BackHome = () => ( ANA SAYFA ); /* ════ FOOTER ════ */ const Footer = () => (

Ailenin huzuru, avucunda. Türkiye'de tasarlanan, mahremiyet-öncelikli aile güvenliği uygulaması.

{['IG', 'X', 'in', 'TT'].map(s => ( {s} ))}
{[ ['Ürün', [['Özellikler', HOME + '#ozellikler'], ['Sinematik Rapor', HOME + '#sinematik'], ['SOS', HOME + '#sos'], ['Planlar', HOME + '#planlar']]], ['Şirket', [['Hakkımızda', 'hakkimizda.html'], ['Manifesto', 'manifesto.html'], ['İletişim', 'iletisim.html']]], ['Yasal', [['Gizlilik (KVKK)', 'gizlilik.html'], ['Kullanım Şartları', 'kullanim-sartlari.html'], ['Çerezler', 'cerezler.html'], ['Güvenlik', 'guvenlik.html']]], ].map(([h, items]) => (
{h}
    {items.map(([it, href]) =>
  • {it}
    • )}
))}
© 2026 Closink · closink.com · Tüm hakları saklıdır. Konum verini asla satmayız.
); /* ════ PAGE SHELL — grain + nav + page bg + footer ════ */ const Shell = ({ children }) => (
{children}
); Object.assign(window, { React, ReactDOM, useState, useEffect, useRef, useCallback, HOME, Ic, IconShield, IconShieldOk, ShieldFill, IconLock, IconMapPin, IconHeart, HeartFill, IconBell, IconCheck, IconArrowR, IconArrowL, IconEye, IconEyeOff, IconUsers, IconSpark, IconStar, IconFinger, IconGlobe, IconMail, IconPhone, IconClock, IconDoc, IconKey, IconServer, IconLayers, IconCookie, IconScale, IconShare, IconFlag, IconMinimize, Eyebrow, Glass, PillBadge, Aurora, useInView, Reveal, Logo, AppleBadge, GoogleBadge, Navbar, BackHome, Footer, Shell, });