Multi Variant Card
1. Three-in-One Design System
Switch between three distinct visual styles instantly:
Standard: Cinematic full-media background with customizable gradient overlays.
Glass: Ultra-modern Glassmorphism effect with high-intensity backdrop blur.
Mixed: A professional hybrid layout with media on top and a dedicated glass-content area below.
2. Advanced Media Engine
Hybrid Support: Use high-res Images or MP4 Videos as your background.
Video Pro: Pre-configured for autoplay, infinite looping, and muted playback.
Dynamic Blur: Adjustable background blur (0-20px) to ensure your text always pops.
3. Smart Avatar Stack (Social Proof)
Boost conversions with built-in social proof:
Interactive Stack: Supports up to 10 custom overlapping avatars.
Auto-Counter: Smart "N+" badge (e.g., "50+ Joined") for high-engagement displays.
Safe Fallback: Automatically uses elegant default avatars if no images are provided.
4. Seamless Popup & Interaction System
Detail View: A built-in modal that opens with a smooth scale + fade animation.
Rich Content: Popups support long descriptions, media headers, and dedicated Call-to-Action buttons.
Hover Physics: Premium "Lift-up" and dynamic shadow effects that respond to user movement.
Agung M
