import type { LucideIcon } from "lucide-react";
import { Globe, LayoutDashboard, Smartphone, Store } from "lucide-react";

export interface HelpServiceTopic {
  id: string;
  label: string;
  description: string;
  categorySlug: string;
  href: string;
  pageHref: string;
  icon: LucideIcon;
  accent: string;
  articleCountLabel: string;
}

/** Temas alinhados às páginas de serviço e categorias do help desk. */
export const helpServiceTopics: HelpServiceTopic[] = [
  {
    id: "app",
    label: "Criação de aplicativo",
    description: "iOS, Android, publicação nas lojas, planejamento e desenvolvimento.",
    categorySlug: "criacao-de-aplicativo",
    href: "/ajuda?categoria=criacao-de-aplicativo",
    pageHref: "/apps",
    icon: Smartphone,
    accent: "#3DDC84",
    articleCountLabel: "50 perguntas",
  },
  {
    id: "ecommerce",
    label: "Criação de e-commerce",
    description: "Loja virtual, checkout, pagamentos, frete e SEO por produto.",
    categorySlug: "criacao-de-ecommerce",
    href: "/ajuda?categoria=criacao-de-ecommerce",
    pageHref: "/ecommerce",
    icon: Store,
    accent: "#F472B6",
    articleCountLabel: "50 perguntas",
  },
  {
    id: "sistema",
    label: "Criação de sistema",
    description: "ERP, CRM, dashboards, integrações e sistemas sob medida.",
    categorySlug: "criacao-de-sistema",
    href: "/ajuda?categoria=criacao-de-sistema",
    pageHref: "/sistemas",
    icon: LayoutDashboard,
    accent: "#22D3EE",
    articleCountLabel: "50 perguntas",
  },
  {
    id: "site",
    label: "Criação de site",
    description: "Sites Next.js, SEO, performance, landing pages e conversão.",
    categorySlug: "criacao-de-site",
    href: "/ajuda?categoria=criacao-de-site",
    pageHref: "/sites",
    icon: Globe,
    accent: "#009BFF",
    articleCountLabel: "50 perguntas",
  },
];