// Brosis Enstitü — Belgelendirme Sayfası // Hızlı Erişim (4 büyük) + Bilgi Sayfaları (9 küçük kart) // Stil: açık bg, grid düzeni, özel SVG ikonlar function BelgelendirmePage() { const colors = { primary: '#0F2747', accent: '#3DB8E8', soft: '#EAF6FB', deep: '#081530', bg: '#F7F9FC', border: '#E5E9F0', }; const hizliErisim = [ { id: 'online-basvuru', label: 'Online Başvuru', desc: 'Sınav başvurunuzu hızlıca online yapın, belge yükleyin.', href: 'https://brosisenstitu.voc-tester.com/giris', external: true, icon: , featured: true, }, { id: 'sinav-takvimi', label: 'Sınav Takvimi', desc: 'Yaklaşan sınav tarihlerini ve kontenjanları görüntüleyin.', href: 'https://brosisenstitu.voc-tester.com/web', external: true, icon: , }, { id: 'sinav-sonuclari', label: 'Sınav Sonuçları', desc: 'TC kimlik numaranızla sınav sonuçlarınızı sorgulayın.', href: 'https://brosisenstitu.voc-tester.com/giris', external: true, icon: , }, { id: 'belge-sorgulama', label: 'Belge Sorgulama', desc: 'MYK sicil sistemi üzerinden belge geçerliliğini doğrulayın.', href: '/belge-sorgula', icon: , }, ]; const bilgiSayfalar = [ { id: 'basvuru-sartlari', label: 'Başvuru Şartları', desc: 'Kimler başvurabilir? Gerekli belgeler nelerdir?', href: '/basvuru-sartlari', icon: , }, { id: 'sinav-ucretleri', label: 'Sınav Ücretleri', desc: 'Güncel sınav ve belgelendirme ücret tarifesi.', href: '/sinav-ucretleri', icon: , }, { id: 'sinav-kurallari', label: 'Sınav Kuralları', desc: 'Sınav günü uyulması gereken kurallar ve prosedürler.', href: '/sinav-kurallari', icon: , }, { id: 'degerlendirme-sureci', label: 'Başvuru Değerlendirme Süreci', desc: 'Başvurunuz nasıl değerlendirilir? Adım adım süreç.', href: '/degerlendirme-sureci', icon: , }, { id: 'ilgili-dokumanlar', label: 'İlgili Dökümanlar', desc: 'Formlar, kılavuzlar ve indirilebilir belgeler.', href: '/ilgili-dokumanlar', icon: , }, { id: 'hesap-numaralari', label: 'Hesap Numaraları', desc: 'Ödeme yapılacak banka hesap numaraları ve IBAN.', href: '/hesap-numaralari', icon: , }, { id: 'birim-birlestirme', label: 'Birim Birleştirme', desc: 'Farklı birimlerden alınan puanların birleştirilmesi.', href: '/birim-birlestirme', icon: , }, { id: 'itiraz-sikayet', label: 'İtiraz ve Şikayet', desc: 'Sınav sonuçlarına itiraz ve şikayet süreçleri.', href: '/itiraz-sikayet', icon: , }, { id: 'engelli-hizmetler', label: 'Engellilere Sağlanan Hizmetler', desc: 'Engelli adaylara yönelik özel düzenlemeler ve haklar.', href: '/engelli-hizmetler', icon: , }, ]; return (
{/* ── HERO HEADER ─────────────────────────────────────────── */}
{/* Deco rings */}
MYK YETKİLİ · TÜRKAK AKREDİTE

Belgelendirme
Hizmetleri

Online başvurudan sınav sonuçlarına, belge sorgulama ve bilgi sayfalarına kadar tüm belgelendirme hizmetlerine buradan ulaşabilirsiniz.

{/* Trust kart */}
{[ { label: 'TÜRKAK Akreditasyon No', value: 'AB-0169-P', color: '#C8102E' }, { label: 'MYK Yetki No', value: 'YB-0166', color: colors.accent }, { label: 'ISO Standardı', value: 'ISO/IEC 17024', color: '#10B981' }, ].map((b, i) => (
{b.label}
{b.value}
))}
{/* ── HIZLI ERİŞİM ─────────────────────────────────────────── */}
Hızlı Erişim

En çok kullanılan{' '} işlemler.

{hizliErisim.map((item) => ( ))}
{/* ── BİLGİ SAYFALARI ──────────────────────────────────────── */}
Bilgi Sayfaları

Süreci{' '} detaylıca {' '}öğrenin.

{bilgiSayfalar.map((item) => ( ))}
); } // ── HIZLI ERİŞİM KARTI ─────────────────────────────────────────────────────── function HizliErisimCard({ item, colors }) { const [hovered, setHovered] = React.useState(false); return ( setHovered(true)} onMouseLeave={() => setHovered(false)} style={{ display: 'flex', flexDirection: 'column', padding: '32px 28px', background: hovered ? colors.primary : '#fff', border: `1px solid ${hovered ? colors.primary : colors.border}`, borderRadius: 18, textDecoration: 'none', color: hovered ? '#fff' : colors.primary, transition: 'all 220ms cubic-bezier(0.2,0.7,0.2,1)', transform: hovered ? 'translateY(-6px)' : 'none', boxShadow: hovered ? `0 20px 48px ${colors.primary}25` : 'none', cursor: 'pointer', minHeight: 240, position: 'relative', overflow: 'hidden', }} > {hovered && ( )} {/* İkon */}
{item.icon}
{item.label}

{item.desc}

Devam et
); } // ── BİLGİ SAYFASI KARTI ────────────────────────────────────────────────────── function BilgiCard({ item, colors }) { const [hovered, setHovered] = React.useState(false); return ( setHovered(true)} onMouseLeave={() => setHovered(false)} style={{ display: 'flex', alignItems: 'flex-start', gap: 18, padding: '24px 24px', background: hovered ? '#fff' : '#fff', border: `1px solid ${hovered ? colors.accent + '70' : colors.border}`, borderRadius: 14, textDecoration: 'none', color: colors.primary, transition: 'all 200ms ease', transform: hovered ? 'translateY(-3px)' : 'none', boxShadow: hovered ? `0 10px 28px ${colors.primary}10` : 'none', cursor: 'pointer', }} > {/* İkon */}
{item.icon}
{item.label}

{item.desc}

İncele
); } window.BelgelendirmePage = BelgelendirmePage;