This page showcases the custom thumbnails for each intelligence category. These thumbnails are designed to provide visual consistency across the platform.
To use these thumbnails in your components, import the CategoryThumbnail component:
import { CategoryThumbnail } from "@/components/category-thumbnail"
// Basic usage
<CategoryThumbnail category="osint" />
// With custom size
<CategoryThumbnail category="strategic-intelligence" size="lg" />
// With label
<CategoryThumbnail category="tactical-intelligence" showLabel={true} />
// With custom class and click handler
<CategoryThumbnail
category="operational-intelligence"
className="my-custom-class"
onClick={() => console.log("Clicked!")}
/>