Roofers SEO
Cards
The category and title sit on a gradient scrim over the cover image, editorial-style — pick a scrim dark enough to keep the text readable
See how to use it on your page, then copy the component file itself.
| Prop | Type | Default | Description |
|---|---|---|---|
| href | string | "#" | Link the card navigates to |
| image | string | null | null | Cover image URL - shows a gradient placeholder if missing |
| imageAlt | string | null | null | Alt text for the cover image - falls back to the title if omitted |
| category | string | null | null | Small tag shown over the image, if set |
| title | string | — | Card title, overlaid on the image |
| meta | string | null | null | Small text shown under the title, e.g. a date, if set |
| accentColor | string | "#5C7CFE" | Accent color for the category tag |