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>