<div class="fixed bottom-0 left-0 z-40 w-full p-6" :class="{'hidden': !open }" x-data="{ open: true }">
<div class="container mx-auto px-4">
<div class="bg-black rounded-2xl p-6 relative overflow-hidden flex items-center justify-between gap-4 flex-wrap">
<p class="trakcing-tight text-white">
<span>We use cookies to enhance your browser experience. By using this website you agree to our</span>
<span class="underline">Cookie Policy.</span>
</p>
<a href="#" x-on:click.prevent="open = false">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
<path d="M6 18L18 6M6 6L18 18" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>
</a>
<div class="absolute bottom-0 left-0 right-0">
<div class="bg-orange-400 w-full h-1"></div>
</div>
<div class="absolute top-1/2 right-28 transform -translate-y-1/2 h-full">
<img class="h-full" src="consulty-assets/cookies/shapes1.svg" alt="">
</div>
</div>
</div>
</div>
Can't find the right component?
Describe it and Shuffle AI builds it in seconds, ready to edit and export.
Free to start
Generate with AI
