<div class="fixed top-0 inset-x-0 z-50" x-data="{ open: true }" :class="{ 'hidden': !open }">
<div class="container px-4 mx-auto mt-8">
<div class="p-8 bg-gray-500 rounded-lg">
<h3 class="mb-2 text-2xl font-bold text-white">Cookie Policy</h3>
<p class="mb-4 text-sm text-gray-50 leading-loose">We use cookies to personalise content, to provide social media features and to analyse our traffic. We also share information about your use of our site with our social media, advertising and analytics partners. If you want to change your cookie setting, please see the ‘how to reject cookies' section of our . Otherwise, if you agree to our use of cookies, please continue to use our website.</p>
<a x-on:click.prevent="open=false" class="inline-block px-6 py-2 mr-4 text-sm leading-loose bg-gray-50 hover:bg-gray-100 text-gray-500 font-semibold rounded" href="#">Allow</a><a x-on:click.prevent="open=false" class="inline-block px-6 py-2 text-sm leading-loose bg-transparent text-gray-50 font-semibold border hover:border-gray-50 rounded" href="#">Decline</a>
</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
