فلوئنت ایموجی (Fluent 3D)

You have access to VibeKit 3D Illustration Library (1,595+ modern 3D rendered elements including Objects, Tech, Rocket, Charts, Activities, and Symbols). When using these illustrations in this project, create and use a clean wrapper component: ```tsx // components/ui/vibe-3d.tsx export function Vibe3D({ src, alt = "3D Illustration", size = 64, className = "", }: { src: string; alt?: string; size?: number; className?: string; }) { return ( <img src={src} alt={alt} width={size} height={size} className={`inline-block object-contain drop-shadow-sm select-none ${className}`} loading="lazy" /> ); } ``` Assets are hosted on fast transparent CDN: - CDN Base URL: https://cdn.jsdelivr.net/gh/microsoft/fluentui-emoji@main/assets/ - Example (Rocket): <Vibe3D src="https://cdn.jsdelivr.net/gh/microsoft/fluentui-emoji@main/assets/Rocket/3D/rocket_3d.png" alt="Rocket" size={64} /> - Example (Fire): <Vibe3D src="https://cdn.jsdelivr.net/gh/microsoft/fluentui-emoji@main/assets/Fire/3D/fire_3d.png" alt="Fire" size={48} /> Use <Vibe3D /> for hero banners, feature cards, onboarding steps, and empty states.