nuxt-x-affiliate
Press Logos
As seen in
Press Logos
The XAFPressLogos component renders an "As seen in" row or grid of media logos — useful for E-E-A-T trust signals on the home page, About page, and product reviews. Logos are grayscale by default and colorize on hover for a polished press-section look.
Components
<XAFPressLogos />
<XAFPressLogos
title="As seen in"
layout="row"
:logos="[
{ name: 'The Verge', src: '/press/verge.svg', href: 'https://www.theverge.com/article' },
{ name: 'Wirecutter', text: 'Wirecutter' },
{ name: 'TechCrunch', src: '/press/tc.svg' },
{ name: 'Engadget', src: '/press/engadget.svg' },
]"
/>
Props
| Prop | Type | Default | Description |
|---|---|---|---|
logos | PressLogo[] | required | Each logo: { name, src?, text?, href? }. Use text for wordmarks without an image file. |
title | string | "As seen in" | Section heading. |
layout | 'row' | 'grid' | 'row' | Flex row or 2–4 column grid. |
Logo shape
interface PressLogo {
name: string
src?: string
text?: string // Fallback wordmark when no image is available
href?: string // Wraps the logo in a link
}
AI Context
component: XAFPressLogos
package: "@xenterprises/nuxt-x-affiliate"
use-when: "As seen in" media logos row or grid with grayscale-to-color hover for E-E-A-T trust signals.