Privacy & Compliance
GDPR/CCPA compliant consent management using existing Sparkles privacy-consent.css components.
Cookie Consent Banner
Standard Cookie Banner
Privacy Preferences
Necessary Cookies
These cookies are essential for the website to function properly.
Analytics Cookies
Help us understand how visitors interact with our website.
Marketing Cookies
Used to track visitors across websites for advertising purposes.
Preference Cookies
Remember your preferences and personalize your experience.
Privacy Policy Components
Privacy Policy Summary
Data Collection
We collect minimal data necessary for service functionality. Learn more
Your Rights
You have the right to access, modify, or delete your personal data at any time.
Data Security
We use industry-standard security measures to protect your information.
Terms of Service
Service Usage
Guidelines for acceptable use of our services and platform.
Prohibited Activities
Activities that are not permitted when using our services.
Liability
Limitation of liability and disclaimer of warranties.
Consent Forms
Age Verification
Age Verification Required
You must be 18 or older to access this content.
✓ Age verification confirmed. You may proceed.
Newsletter Consent
Marketing Communications
Choose how you'd like to receive updates from us:
You can unsubscribe at any time. See our Privacy Policy for details.
Data Rights Management
Access My Data
Request a copy of all personal data we have about you
Update My Data
Correct or update any inaccurate personal information
Delete My Data
Request permanent deletion of your personal data
Usage Examples
<div class="fixed inset-x-0 bottom-0 z-[999] border-t border-gray-200 bg-white p-4 shadow-2xl">
<div class="mx-auto flex max-w-7xl flex-wrap items-center gap-4 px-4">
<div class="section-mb-xs font-semibold text-secondary">We value your privacy</div>
<div class="text-sm leading-5 text-gray-700">
We use cookies to enhance your experience.
</div>
<div class="flex flex-wrap items-center gap-2">
<button class="sparkles-btn sparkles-btn-primary sparkles-btn-sm">
Accept All
</button>
<button class="sparkles-btn sparkles-btn-secondary sparkles-btn-sm">
Reject All
</button>
</div>
</div>
</div><div x-data="{ ageVerified: false }">
<div class="text-center">
<h5>Age Verification Required</h5>
<p>You must be 18 or older to access this content.</p>
<div class="flex gap-3">
<button @click="ageVerified = true"
class="sparkles-btn sparkles-btn-primary flex-1">
I am 18 or older
</button>
<button class="sparkles-btn sparkles-btn-secondary flex-1">
I am under 18
</button>
</div>
</div>
</div><div class="grid md:grid-cols-3 gap-6">
<div class="text-center">
<div class="w-12 h-12 bg-blue-100 rounded-full mx-auto section-mb-md">
<!-- Icon -->
</div>
<h4>Access My Data</h4>
<p>Request a copy of all personal data</p>
<button class="sparkles-btn sparkles-btn-primary w-full">Request Data</button>
</div>
<!-- More data rights cards -->
</div>Performance & Accessibility
Performance Features
- • Cookie consent banners load asynchronously to not block page rendering
- • Consent preferences stored locally to reduce server requests
- • Privacy policy components use progressive disclosure to reduce DOM size
- • Data request forms include validation to prevent unnecessary submissions
Accessibility Support
- • All consent forms include proper labels and clear instructions
- • Cookie banners support keyboard navigation and screen reader announcements
- • Age verification forms provide clear error messaging and guidance
- • Data rights interfaces use semantic markup and descriptive button text