// "use client" // uncomment when required for: hooks, event handlers, browser APIs /** * @name Awards 06 * @description Logo cloud with awards and recognition organizations. * Great for displaying trust badges and awarding organization logos. * * @slots awards, awards-container, awards-header, awards-badge, awards-heading, * awards-description, awards-logos, awards-logo, awards-logo-image, * awards-logo-name, awards-logo-award, awards-cta, awards-cta-button * @variant logo-cloud * * @registryDependencies badge button-link * @dependencies lucide-react */ import * as React from "react" import { Trophy, ArrowRight } from "lucide-react" import { Badge } from "@/registry/ui/badge" import { ButtonLink } from "@/registry/ui/button-link" import { cn } from "@/registry/lib/utils" // ============================================================================ // TYPES // ============================================================================ interface AwardingOrganization { id: string name: string award: string logoText?: string } interface CtaConfig { text: string href: string } interface Awards06Props { badge?: string heading?: string description?: string organizations?: AwardingOrganization[] cta?: CtaConfig className?: string idBase?: string } // ============================================================================ // DEFAULT DATA // ============================================================================ const defaultOrganizations: AwardingOrganization[] = [ { id: "org-1", name: "TechCrunch", award: "Best SaaS 2024", logoText: "TC" }, { id: "org-2", name: "Forbes", award: "Top 50 Startups", logoText: "F" }, { id: "org-3", name: "Gartner", award: "Magic Quadrant Leader", logoText: "G" }, { id: "org-4", name: "G2 Crowd", award: "#1 Rated", logoText: "G2" }, { id: "org-5", name: "Product Hunt", award: "Golden Kitty Winner", logoText: "PH" }, { id: "org-6", name: "Awwwards", award: "Site of the Day", logoText: "Aw" }, { id: "org-7", name: "Fast Company", award: "Most Innovative", logoText: "FC" }, { id: "org-8", name: "Inc. 5000", award: "Fastest Growing", logoText: "Inc" }, ] // ============================================================================ // COMPONENT // ============================================================================ function Awards06({ badge = "Trusted By", heading = "Recognized by industry leaders", description = "Our commitment to excellence has been acknowledged by the world's most respected organizations.", organizations = defaultOrganizations, cta = { text: "View all awards", href: "#" }, className, idBase = "awards-06", }: Awards06Props) { const headingId = `${idBase}-heading` return (

{/* Header */}

{heading}

{description && (

{description}

)}

{/* Logo Grid */}

{organizations.map((org) => (

{/* Logo Placeholder */}

{org.logoText || org.name.slice(0, 2)}

{org.name}

{org.award}

))}

{/* CTA */} {cta && (

{cta.text}

)}

) } export default Awards06 export { Awards06, type Awards06Props }