elreco
<body class="bg-gray-100 font-sans leading-normal tracking-normal h-screen flex items-center justify-center">
<div class="bg-white shadow-lg rounded-lg p-8 max-w-md w-full">
<h1 class="text-2xl font-bold mb-6 text-center">Cookie Preferences</h1>
<form>
<div class="mb-4">
<label class="block text-gray-700 mb-2">Essential Cookies</label>
<p class="text-gray-600 mb-2">These cookies are necessary for the website to function and cannot be switched off in our systems.</p>
<label class="flex items-center">
<input type="checkbox" class="form-checkbox" checked disabled>
<span class="ml-2 text-gray-700">Enabled</span>
</label>
</div>
<div class="mb-4">
<label class="block text-gray-700 mb-2">Performance Cookies</label>
<p class="text-gray-600 mb-2">These cookies allow us to count visits and traffic sources so we can measure and improve the performance of our site.</p>
<label class="flex items-center">
<input type="checkbox" class="form-checkbox">
<span class="ml-2 text-gray-700">Enabled</span>
</label>
</div>
<div class="mb-4">
<label class="block text-gray-700 mb-2">Functional Cookies</label>
<p class="text-gray-600 mb-2">These cookies enable the website to provide enhanced functionality and personalization.</p>
<label class="flex items-center">
<input type="checkbox" class="form-checkbox">
<span class="ml-2 text-gray-700">Enabled</span>
</label>
</div>
<div class="mb-6">
<label class="block text-gray-700 mb-2">Targeting Cookies</label>
<p class="text-gray-600 mb-2">These cookies may be set through our site by our advertising partners to build a profile of your interests and show you relevant adverts on other sites.</p>
<label class="flex items-center">
<input type="checkbox" class="form-checkbox">
<span class="ml-2 text-gray-700">Enabled</span>
</label>
</div>
<button type="submit" class="w-full bg-blue-500 text-white p-2 rounded hover:bg-blue-400">Save Preferences</button>
</form>
</div>
</body>