// Datakor wordmark — trail-line mark + bold wordmark + sublabel underneath.
// No italics anywhere. Sublabel is indented to align with the wordmark
// start, so the mark+wordmark and sublabel form a cohesive lockup.
const DatakorMark = ({ height = 32, color = 'currentColor' }) => {
const w = Math.round(height * 1.05);
return (
);
};
const DatakorWordmark = ({ size = 'md', inverse = false, sublabel }) => {
// mark is sized to roughly match the wordmark cap-height so they sit flush.
const cfg = {
sm: { word: 22, sub: 8.5, mark: 22, gap: 7, subGap: 4 },
md: { word: 30, sub: 9.5, mark: 28, gap: 9, subGap: 5 },
lg: { word: 40, sub: 11, mark: 36, gap: 11, subGap: 6 },
xl: { word: 56, sub: 13, mark: 50, gap: 13, subGap: 8 },
}[size] || { word: 30, sub: 9.5, mark: 28, gap: 9, subGap: 5 };
const main = inverse ? '#fff' : 'var(--ink)';
const accent = 'var(--brand)';
const sub = inverse ? 'rgba(255,255,255,0.72)' : 'var(--muted)';
const finalSub = sublabel ?? 'Siber Güvenlik · Yönetilen IT';
const indent = cfg.mark + cfg.gap; // sublabel sits under wordmark, indented past mark
return (
);
};
// Reusable phone icon — cleaner than the ☎ unicode glyph (whose baseline
// varies wildly per font and causes optical misalignment in buttons).
const PhoneIcon = ({ size = 16, color = 'currentColor' }) => (
);
const MailIcon = ({ size = 16, color = 'currentColor' }) => (
);
const WhatsIcon = ({ size = 16, color = 'currentColor' }) => (
);
Object.assign(window, { DatakorWordmark, DatakorMark, PhoneIcon, MailIcon, WhatsIcon });