G-Loot DS — empty state with image

by Augustin Hiebel

HTML

<div className="surface rounded-lg px-4 py-8 text-center">
   <div className="max-w-xs mx-auto">
     <img className="mx-auto" src="https://res.cloudinary.com/gloot/image/upload/v1659691391/Marketing/2022_prototype/Decoration-chat.webp" width="220" height="auto" alt="" />
     <div className="mt-2 mb-6">
       <p className="text-sm text-ui-400">Chat with your clan</p>
       <p className="text-lg text-ui-300">
         Coordinate and have fun together!
       </p>
     </div>
   </div>
 </div>