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>