<div class="fixed bottom-0 inset-x-0 z-50" x-data="{ open: true }" :class="{ 'hidden': !open }">
<div class="container px-4 mx-auto mb-8">
<div class="py-10 px-16 bg-blue-900">
<h3 class="mb-2 text-2xl font-bold text-white">Cookie Policy</h3>
<p class="mb-4 text-sm text-blue-200 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-8 py-5 mr-2 text-sm uppercase bg-yellow-500 hover:bg-yellow-400 text-blue-900 font-bold border-2 border-transparent" href="#">Accept</a>
<a x-on:click.prevent="open=false" class="inline-block px-8 py-5 text-sm uppercase leading-normal bg-transparent text-white font-bold border-2 border-white hover:text-blue-100" 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
