Design and implement card component

### Description

We would like to add a card component to highlight the different content in a new way on the front page and the documentation pages.

There might be a design and component in the design system that we can use, if not the component needs to be designed.

Some explorations of the design has been started here (not real content on sketch) : https://www.figma.com/file/RuHbS1INvy5WNQCtGdepBi/Docs?type=design&node-id=15%3A1108&mode=design&t=h4hXdIJhz1oBueNO-1

### Additional Information

_No response_

### Tasks

- [ ] Check if there is a component to be used from the design system

### Acceptance Criterias

_No response_

Start by reviewing the linked Figma exploration and checking whether the design system already provides a reusable card component. Confirm the design and intended content variations before implementation; done means the card is available on the front page and documentation pages with the agreed visual treatment.

Written by the indexing model from the issue text.