// Client/Server Component // "use client" // uncomment when required for: hooks, event handlers, browser APIs /** * @name Awards 02 * @description A compact awards display with rating highlights and certifications. * Great for showcasing ratings, rankings, and compliance badges. * * @slots awards, awards-container, awards-header, awards-badge, * awards-heading, awards-highlights, awards-highlight-item, * awards-highlight-icon, awards-highlight-value, awards-highlight-title, * awards-highlight-description, awards-certifications, awards-certifications-title, * awards-certification-item, awards-certification-icon * @variant compact * * @registryDependencies badge * @dependencies lucide-react */ import * as React from "react" import { Award, CheckCircle2 } from "lucide-react" import { cn } from "@/registry/lib/utils" import { Badge } from "@/registry/ui/badge" // ============================================================================ // TYPES // ============================================================================ interface Certification { /** Unique identifier */ id: string /** Certification name */ name: string /** Issuing body */ issuer: string } interface AwardHighlight { /** Unique identifier */ id: string /** Award title */ title: string /** Award value or ranking */ value: string /** Description */ description: string } interface Awards02Props { /** Section badge text */ badge?: string /** Section heading */ heading?: string /** Award highlights */ highlights?: AwardHighlight[] /** Certifications list */ certifications?: Certification[] /** Additional CSS classes */ className?: string } // ============================================================================ // DEFAULT DATA // ============================================================================ const defaultHighlights: AwardHighlight[] = [ { id: "highlight-1", title: "G2 Rating", value: "4.9/5", description: "Based on 500+ reviews", }, { id: "highlight-2", title: "Capterra", value: "#1", description: "In category leader", }, { id: "highlight-3", title: "Gartner", value: "Leader", description: "Magic Quadrant 2024", }, { id: "highlight-4", title: "TrustRadius", value: "Top Rated", description: "Enterprise software", }, ] const defaultCertifications: Certification[] = [ { id: "cert-1", name: "SOC 2 Type II", issuer: "AICPA" }, { id: "cert-2", name: "ISO 27001", issuer: "ISO" }, { id: "cert-3", name: "GDPR Compliant", issuer: "EU" }, { id: "cert-4", name: "HIPAA", issuer: "HHS" }, ] // ============================================================================ // COMPONENT // ============================================================================ function Awards02({ badge = "Trusted & Certified", heading = "Industry recognition & compliance", highlights = defaultHighlights, certifications = defaultCertifications, className, }: Awards02Props) { return (

{/* Header */}

{badge}

{heading}

{/* Award Highlights */}

{highlights.map((highlight) => (

))}

{/* Certifications */}

Security & Compliance Certifications

{certifications.map((cert) => (

))}

) } export default Awards02 export { Awards02, type Awards02Props, type AwardHighlight, type Certification }