Privacy & Compliance
GDPR/CCPA compliant consent management using existing Sparkles privacy-consent.css components.
Cookie Consent Banner
Standard Cookie Banner
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="sparkles-consent-banner show">
<div class="sparkles-consent-banner-content">
<div class="sparkles-consent-banner-title">We value your privacy</div>
<div class="sparkles-consent-banner-description">
We use cookies to enhance your experience.
</div>
<div class="sparkles-consent-banner-actions">
<button class="sparkles-consent-btn sparkles-consent-btn-accept">
Accept All
</button>
<button class="sparkles-consent-btn sparkles-consent-btn-reject">
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="btn-primary">
I am 18 or older
</button>
<button class="btn-secondary">
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 mb-4">
<!-- Icon -->
</div>
<h4>Access My Data</h4>
<p>Request a copy of all personal data</p>
<button class="w-full btn-primary">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