Proposal of a new area (banner area) on Card Component

Feedback summary

Improvements

In accordance with the decisions of the marketplace transformation and in order to use a component that reflects the new design of the Card component, we suggest making it possible to display an optional area at the top of the card.

Like a banner (e.g. <Card.BannerCap> or similar) so that we can show additional information about the card, such as the type of product (e.g. Certificate Program), "share" and "save for later" options or other components/text/links.

The idea is to standardize this area with regard to its positioning on the Card, making it possible to define the background color and content (like <Card.Section> where we can define its content).

As this banner can be optional, the Card's current design can still be used.

In the image below:
(left) current representation of the Card component
(right) template of the new Card component design with the banner area highlighted in red

Bugs

The issue does not name a file, test, or entry point. Start by reviewing the existing Card component and the attached design reference, then clarify the banner API, supported content and background styling. Done should mean an optional top banner can be standardized without changing the current Card representation when it is omitted.