export type ThumbnailIcon =
    | "gauge"
    | "bottleneck"
    | "plugin"
    | "shield"
    | "cookie"
    | "cloud"
    | "lock"
    | "chart"
    | "leaf"
    | "price"
    | "prototype"
    | "gear"
    | "hourglass"
    | "code"
    | "responsive"
    | "server"
    | "template"
    | "sync";

export interface BlogThumbnailConfig {
    icon: ThumbnailIcon;
    accent: string;
    keyword: string;
}

/**
 * Mapping of blog post slugs to their unique thumbnail configuration.
 * Each entry defines the abstract SVG illustration style for a given post.
 * Updated to match the new MDX slugs.
 */
export const blogThumbnails: Record<string, BlogThumbnailConfig> = {
    // Group 1: Pain Points & Troubleshooting
    "why-pagespeed-fails": {
        icon: "gauge",
        accent: "#ef4444",
        keyword: "SPEED",
    },
    "slow-loading-costs-customers": {
        icon: "gauge",
        accent: "#f97316",
        keyword: "LATENCY",
    },
    "why-agencies-are-slow": {
        icon: "bottleneck",
        accent: "#8b5cf6",
        keyword: "PROCESS",
    },
    "hidden-costs-of-wordpress-plugins": {
        icon: "plugin",
        accent: "#ec4899",
        keyword: "PLUGINS",
    },
    "why-websites-break-after-updates": {
        icon: "shield",
        accent: "#f59e0b",
        keyword: "STABILITY",
    },

    // Group 2: Sovereignty & Law
    "website-without-cookie-banners": {
        icon: "cookie",
        accent: "#10b981",
        keyword: "PRIVACY",
    },
    "no-us-cloud-platforms": {
        icon: "cloud",
        accent: "#3b82f6",
        keyword: "SOVEREIGN",
    },
    "gdpr-conformity-system-approach": {
        icon: "shield",
        accent: "#06b6d4",
        keyword: "DSGVO",
    },
    "builder-systems-threaten-independence": {
        icon: "lock",
        accent: "#f43f5e",
        keyword: "LOCK-IN",
    },
    "analytics-without-tracking": {
        icon: "chart",
        accent: "#8b5cf6",
        keyword: "ANALYTICS",
    },

    // Group 3: Efficiency & Investment
    "green-it-sustainable-web": {
        icon: "leaf",
        accent: "#22c55e",
        keyword: "GREEN",
    },
    "fixed-price-digital-projects": {
        icon: "price",
        accent: "#0ea5e9",
        keyword: "PRICING",
    },
    "build-first-digital-architecture": {
        icon: "prototype",
        accent: "#a855f7",
        keyword: "PROTOTYPE",
    },
    "maintenance-for-headless-systems": {
        icon: "gear",
        accent: "#64748b",
        keyword: "MAINTAIN",
    },
    "digital-longevity-architecture": {
        icon: "hourglass",
        accent: "#0d9488",
        keyword: "LONGEVITY",
    },

    // Group 4: Tech & Craft
    "clean-code-for-business-value": {
        icon: "code",
        accent: "#2563eb",
        keyword: "QUALITY",
    },
    "responsive-design-high-fidelity": {
        icon: "responsive",
        accent: "#7c3aed",
        keyword: "ADAPTIVE",
    },
    "professional-hosting-operations": {
        icon: "server",
        accent: "#475569",
        keyword: "INFRA",
    },
    "why-no-templates-matter": {
        icon: "template",
        accent: "#e11d48",
        keyword: "CUSTOM",
    },
    "crm-synchronization-headless": {
        icon: "sync",
        accent: "#0891b2",
        keyword: "SYNC",
    },
};
