# Cards

- [Banner Cards](https://designsystem.dubai.ae/components/cards/banner-cards.md): Banner cards use interactive and clickable features to engage users, enhancing the presentation of content effectively.
- [Event Card](https://designsystem.dubai.ae/components/cards/event-card.md): Event cards provide a compact, visually engaging way to display key details about upcoming events, enabling quick discovery, interaction, and navigation.
- [Group Card](https://designsystem.dubai.ae/components/cards/group-card.md): Group cards provide a concise, visually structured summary of a team or group, enabling users to review key details and take action with clarity and confidence.
- [Pricing Card](https://designsystem.dubai.ae/components/cards/pricing-card.md): The Pricing Card is a flexible UI component designed to present pricing-based content or listings — such as real estate, SaaS plans, or subscription offerings — in a visually engaging and informative
- [Team Member Card](https://designsystem.dubai.ae/components/cards/team-member-card.md): Team Member Cards provide a quick, visually organized snapshot of an individual’s identity, role, and status within a team, helping users easily recognize and understand team composition at a glance.
- [Team Section Card](https://designsystem.dubai.ae/components/cards/team-section-card.md): Team Section Cards provide a clean, visual introduction to individual team members by highlighting their image, name, and role, helping users quickly recognize key personnel and understand organizatio
- [Video Card](https://designsystem.dubai.ae/components/cards/video-card.md): Video cards deliver key video content with supporting details and actions in a compact, engaging layout.
- [Custom Cards](https://designsystem.dubai.ae/components/cards/custom-cards.md): Custom cards provide a flexible, user-driven layout that allows full control over the card’s appearance and content. Ideal for showcasing a variety of data types or visuals, these cards can be styled,


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://designsystem.dubai.ae/components/cards.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.
