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
import CardaqConcierge from "@/components/ui/mastercard-component";
export default function DemoOne() {
return <CardaqConcierge />;
}