# Mastercard Component

> CardaqConcierge – Elegant Concierge Hero Layout for Luxury Services CardaqConcierge is a beautifully crafted, mobile-responsive hero and landing component designed for luxury brands, concierge services, and high-end travel platforms. With thoughtful layout, subtle gradients, and expressive SVG illustrations, this component delivers a refined, aspirational user experience.  ✨ Features 🌸 Branded Hero Header: Includes a unique SVG rose emblem, clean typography, and premium branding.  🍽️ Service Cards: Two interactive account options (Private & Corporate), styled for discoverability and hover interactions.  ✈️ Airport Lounge Promo Section: Right-aligned promotional block with custom airplane illustration and dotted flight path SVG.  💳 Mastercard Logo Treatment: Minimal, accurate logo implementation with blend-mode styling.  📱 Responsive Design: Fully responsive across screen sizes with adaptive spacing, font sizes, and layout shifts.  🎨 Soft Gradient Palette: Pastel-pink backgrounds and rounded card components reflect luxury and warmth.  🔧 Tech Stack React (Client Component)  Tailwind CSS  SVG Illustrations (custom icons & paths)  🧩 Ideal Use Cases Concierge & travel startup landing pages  Premium lifestyle membership portals  High-touch banking or private account platforms  Mobile-optimized intro for elite service offerings

- Author: [Sonu](https://21st.dev/@uniquesonu)
- License: unknown
- Live preview: https://21st.dev/@uniquesonu/components/mastercard-component

## Install

```bash
npx shadcn@latest add "https://21st.dev/r/uniquesonu/mastercard-component?api_key=$API_KEY_21ST"
```

Requires a 21st API key (generate one at https://21st.dev/mcp) passed as `API_KEY_21ST`. Free accounts get a limited number of installs per day; unlimited on a paid plan — see https://21st.dev/pricing.

Full component directory: https://21st.dev/llms.txt