// Client/Server Component // "use client" // uncomment when required for: hooks, event handlers, browser APIs /** * @name Social Proof 05 * @description Press and media mentions section with publication logos and quotes. * Great for showcasing press coverage and building credibility. * * @slots social-proof, social-proof-container, social-proof-header, * social-proof-heading, social-proof-logos, social-proof-logo, * social-proof-quotes, social-proof-quote-card, social-proof-quote-text, * social-proof-quote-source, social-proof-quote-publication * @variant press-mentions * * @registryDependencies * @dependencies lucide-react */ import * as React from "react" import { cn } from "@/registry/lib/utils" // ============================================================================ // TYPES // ============================================================================ interface PublicationItemConfig { /** Unique identifier for list key */ id: string /** Publication name */ name: string /** Publication logo URL */ logo: string } interface PressQuoteItemConfig { /** Unique identifier for list key */ id: string /** Quote text */ quote: string /** Publication name */ publication: string } interface SocialProof05Props { /** Section heading */ heading?: string /** Publication logos to display */ publications?: PublicationItemConfig[] /** Press quotes */ quotes?: PressQuoteItemConfig[] /** Additional CSS classes */ className?: string /** Multi-instance safety: base for generating DOM ids */ idBase?: string } // ============================================================================ // DEFAULT DATA // ============================================================================ const DEFAULT_PUBLICATIONS: PublicationItemConfig[] = [ { id: "pub-techcrunch", name: "TechCrunch", logo: "/assets/placeholders/logo-placeholder.svg" }, { id: "pub-forbes", name: "Forbes", logo: "/assets/placeholders/logo-placeholder.svg" }, { id: "pub-wired", name: "Wired", logo: "/assets/placeholders/logo-placeholder.svg" }, { id: "pub-verge", name: "The Verge", logo: "/assets/placeholders/logo-placeholder.svg" }, { id: "pub-fastco", name: "Fast Company", logo: "/assets/placeholders/logo-placeholder.svg" }, ] const DEFAULT_QUOTES: PressQuoteItemConfig[] = [ { id: "quote-techcrunch", quote: "A game-changer for modern teams. This platform sets a new standard for what productivity software can achieve.", publication: "TechCrunch", }, { id: "quote-forbes", quote: "One of the most innovative solutions we've seen this year. It's clear why leading companies are making the switch.", publication: "Forbes", }, { id: "quote-wired", quote: "Beautifully designed and incredibly powerful. This is what the future of work looks like.", publication: "Wired", }, ] // ============================================================================ // COMPONENT // ============================================================================ function SocialProof05({ heading = "As featured in", publications = DEFAULT_PUBLICATIONS, quotes = DEFAULT_QUOTES, className, idBase, }: SocialProof05Props) { const headingId = `${idBase ?? "social-proof-05"}-heading` return (

{/* Header */}

{heading}

{/* Publication Logos */}

{publications.map((publication) => (

))}

{/* Press Quotes */} {quotes && quotes.length > 0 && (

{quotes.map((quote) => (

“{quote.quote}”

— {quote.publication}

))}

)}

) } export default SocialProof05 export { SocialProof05, type SocialProof05Props, type PublicationItemConfig, type PressQuoteItemConfig }