| <!DOCTYPE html> |
| <html lang="en"> |
| <head> |
| <meta charset="UTF-8"> |
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> |
| <title>Privacy Policy | BundleBlitz</title> |
| <meta name="description" content="Privacy Policy for BundleBlitz - AI-powered product bundling for Shopify merchants."> |
| <link rel="icon" type="image/svg+xml" href="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%234f46e5' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='2' y='7' width='20' height='14' rx='2' ry='2'/%3E%3Cpath d='M16 21V5a2 2 0 0 0-2-2h-4a2 2 0 0 0-2 2v16'/%3E%3C/svg%3E"> |
| |
| <script src="https://cdn.tailwindcss.com"></script> |
| <script> |
| tailwind.config = { |
| theme: { |
| extend: { |
| colors: { |
| primary: { |
| 50: '#eef2ff', |
| 100: '#e0e7ff', |
| 200: '#c7d2fe', |
| 300: '#a5b4fc', |
| 400: '#818cf8', |
| 500: '#6366f1', |
| 600: '#4f46e5', |
| 700: '#4338ca', |
| 800: '#3730a3', |
| 900: '#312e81', |
| }, |
| secondary: { |
| 50: '#f8fafc', |
| 100: '#f1f5f9', |
| 200: '#e2e8f0', |
| 300: '#cbd5e1', |
| 400: '#94a3b8', |
| 500: '#64748b', |
| 600: '#475569', |
| 700: '#334155', |
| 800: '#1e293b', |
| 900: '#0f172a', |
| } |
| }, |
| fontFamily: { |
| sans: ['Inter', 'system-ui', '-apple-system', 'sans-serif'], |
| } |
| } |
| } |
| } |
| </script> |
| |
| <link rel="stylesheet" href="style.css"> |
| <script src="https://unpkg.com/feather-icons"></script> |
| <script src="https://cdn.jsdelivr.net/npm/feather-icons/dist/feather.min.js"></script> |
| |
| <link rel="preconnect" href="https://fonts.googleapis.com"> |
| <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> |
| <link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap" rel="stylesheet"> |
| </head> |
| <body class="bg-secondary-50 text-secondary-800 font-sans antialiased selection:bg-primary-100 selection:text-primary-900"> |
|
|
| <legal-header></legal-header> |
|
|
| <main class="relative"> |
| |
| <section class="bg-white border-b border-secondary-200 relative overflow-hidden"> |
| <div class="absolute inset-0 bg-gradient-to-br from-primary-50 via-transparent to-transparent opacity-70"></div> |
| <div class="absolute top-0 right-0 -mt-20 -mr-20 w-80 h-80 bg-primary-100 rounded-full blur-3xl opacity-50"></div> |
| |
| <div class="relative max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-16 lg:py-24"> |
| <div class="text-center max-w-3xl mx-auto"> |
| <div class="inline-flex items-center gap-2 px-4 py-2 rounded-full bg-primary-50 text-primary-700 text-sm font-medium mb-6 border border-primary-100"> |
| <i data-feather="shield" class="w-4 h-4"></i> |
| <span>Last Updated: January 31, 2026</span> |
| </div> |
| <h1 class="text-4xl lg:text-5xl font-bold text-secondary-900 tracking-tight mb-6"> |
| Privacy Policy |
| </h1> |
| <p class="text-lg lg:text-xl text-secondary-600 leading-relaxed"> |
| BundleBlitz ("we," "our," or "the App") provides AI-powered product bundling services to merchants who use Shopify. This Privacy Policy describes how personal information is collected, used, and shared when you install or use the App. |
| </p> |
| </div> |
| </div> |
| </section> |
|
|
| |
| <section class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-12 lg:py-20"> |
| <div class="lg:grid lg:grid-cols-12 lg:gap-12"> |
| |
| |
| <aside class="hidden lg:block lg:col-span-3 relative"> |
| <nav class="sticky top-24 space-y-1" id="toc"> |
| <h3 class="text-xs font-semibold text-secondary-400 uppercase tracking-wider mb-4 px-3">Contents</h3> |
| <a href="#collection" class="toc-link flex items-center gap-3 px-3 py-2 text-sm font-medium rounded-lg text-secondary-600 hover:text-primary-600 hover:bg-primary-50 transition-colors"> |
| <i data-feather="database" class="w-4 h-4"></i> |
| Information We Collect |
| </a> |
| <a href="#usage" class="toc-link flex items-center gap-3 px-3 py-2 text-sm font-medium rounded-lg text-secondary-600 hover:text-primary-600 hover:bg-primary-50 transition-colors"> |
| <i data-feather="cpu" class="w-4 h-4"></i> |
| How We Use Information |
| </a> |
| <a href="#sharing" class="toc-link flex items-center gap-3 px-3 py-2 text-sm font-medium rounded-lg text-secondary-600 hover:text-primary-600 hover:bg-primary-50 transition-colors"> |
| <i data-feather="share-2" class="w-4 h-4"></i> |
| Sharing Information |
| </a> |
| <a href="#rights" class="toc-link flex items-center gap-3 px-3 py-2 text-sm font-medium rounded-lg text-secondary-600 hover:text-primary-600 hover:bg-primary-50 transition-colors"> |
| <i data-feather="shield" class="w-4 h-4"></i> |
| Your Rights |
| </a> |
| <a href="#retention" class="toc-link flex items-center gap-3 px-3 py-2 text-sm font-medium rounded-lg text-secondary-600 hover:text-primary-600 hover:bg-primary-50 transition-colors"> |
| <i data-feather="trash-2" class="w-4 h-4"></i> |
| Data Retention |
| </a> |
| <a href="#security" class="toc-link flex items-center gap-3 px-3 py-2 text-sm font-medium rounded-lg text-secondary-600 hover:text-primary-600 hover:bg-primary-50 transition-colors"> |
| <i data-feather="lock" class="w-4 h-4"></i> |
| Security |
| </a> |
| <a href="#contact" class="toc-link flex items-center gap-3 px-3 py-2 text-sm font-medium rounded-lg text-secondary-600 hover:text-primary-600 hover:bg-primary-50 transition-colors"> |
| <i data-feather="mail" class="w-4 h-4"></i> |
| Contact Us |
| </a> |
| </nav> |
| </aside> |
|
|
| |
| <div class="lg:col-span-9"> |
| <div class="bg-white rounded-2xl shadow-sm border border-secondary-200 overflow-hidden"> |
| <div class="p-6 lg:p-10 space-y-12"> |
| |
| |
| <article id="collection" class="policy-section scroll-mt-24"> |
| <div class="flex items-start gap-4 mb-4"> |
| <div class="flex-shrink-0 w-10 h-10 rounded-xl bg-primary-50 flex items-center justify-center text-primary-600"> |
| <i data-feather="database" class="w-5 h-5"></i> |
| </div> |
| <div> |
| <h2 class="text-2xl font-bold text-secondary-900 mb-4">1. Personal Information the App Collects</h2> |
| <div class="prose prose-secondary max-w-none text-secondary-600"> |
| <p class="mb-4">When you install the App, we automatically access certain information from your Shopify account:</p> |
| |
| <div class="grid md:grid-cols-3 gap-4 not-prose my-6"> |
| <div class="bg-secondary-50 rounded-xl p-4 border border-secondary-100"> |
| <h4 class="font-semibold text-secondary-900 mb-2 flex items-center gap-2"> |
| <i data-feather="store" class="w-4 h-4 text-primary-500"></i> |
| Store Information |
| </h4> |
| <p class="text-sm text-secondary-600">Primary domain, email, and owner info for account management.</p> |
| </div> |
| <div class="bg-secondary-50 rounded-xl p-4 border border-secondary-100"> |
| <h4 class="font-semibold text-secondary-900 mb-2 flex items-center gap-2"> |
| <i data-feather="package" class="w-4 h-4 text-primary-500"></i> |
| Product Information |
| </h4> |
| <p class="text-sm text-secondary-600">Product titles, images, and prices for AI-driven bundle suggestions.</p> |
| </div> |
| <div class="bg-secondary-50 rounded-xl p-4 border border-secondary-100"> |
| <h4 class="font-semibold text-secondary-900 mb-2 flex items-center gap-2"> |
| <i data-feather="shopping-bag" class="w-4 h-4 text-primary-500"></i> |
| Order Data |
| </h4> |
| <p class="text-sm text-secondary-600">Anonymized purchase patterns for AI recommendations. No individual customer identities stored.</p> |
| </div> |
| </div> |
| </div> |
| </div> |
| </div> |
| </article> |
|
|
| <hr class="border-secondary-100"> |
|
|
| |
| <article id="usage" class="policy-section scroll-mt-24"> |
| <div class="flex items-start gap-4 mb-4"> |
| <div class="flex-shrink-0 w-10 h-10 rounded-xl bg-primary-50 flex items-center justify-center text-primary-600"> |
| <i data-feather="cpu" class="w-5 h-5"></i> |
| </div> |
| <div> |
| <h2 class="text-2xl font-bold text-secondary-900 mb-4">2. How Do We Use Your Personal Information?</h2> |
| <div class="prose prose-secondary max-w-none text-secondary-600"> |
| <p class="mb-4">We use the information to:</p> |
| <ul class="space-y-3 list-none pl-0"> |
| <li class="flex items-start gap-3"> |
| <span class="flex-shrink-0 w-6 h-6 rounded-full bg-primary-100 text-primary-600 flex items-center justify-center text-xs font-bold mt-0.5">1</span> |
| <span>Generate and display product bundles on your storefront.</span> |
| </li> |
| <li class="flex items-start gap-3"> |
| <span class="flex-shrink-0 w-6 h-6 rounded-full bg-primary-100 text-primary-600 flex items-center justify-center text-xs font-bold mt-0.5">2</span> |
| <span>Optimize the AI engine for your specific product catalog.</span> |
| </li> |
| <li class="flex items-start gap-3"> |
| <span class="flex-shrink-0 w-6 h-6 rounded-full bg-primary-100 text-primary-600 flex items-center justify-center text-xs font-bold mt-0.5">3</span> |
| <span>Communicate with you regarding app performance or account updates.</span> |
| </li> |
| <li class="flex items-start gap-3"> |
| <span class="flex-shrink-0 w-6 h-6 rounded-full bg-primary-100 text-primary-600 flex items-center justify-center text-xs font-bold mt-0.5">4</span> |
| <span>Facilitate discount code creation through Shopify's API.</span> |
| </li> |
| </ul> |
| </div> |
| </div> |
| </div> |
| </article> |
|
|
| <hr class="border-secondary-100"> |
|
|
| |
| <article id="sharing" class="policy-section scroll-mt-24"> |
| <div class="flex items-start gap-4 mb-4"> |
| <div class="flex-shrink-0 w-10 h-10 rounded-xl bg-primary-50 flex items-center justify-center text-primary-600"> |
| <i data-feather="share-2" class="w-5 h-5"></i> |
| </div> |
| <div> |
| <h2 class="text-2xl font-bold text-secondary-900 mb-4">3. Sharing Your Personal Information</h2> |
| <div class="prose prose-secondary max-w-none text-secondary-600"> |
| <div class="space-y-4"> |
| <div class="bg-blue-50 border-l-4 border-blue-400 p-4 rounded-r-lg"> |
| <div class="flex items-start gap-3"> |
| <i data-feather="shopping-cart" class="w-5 h-5 text-blue-600 flex-shrink-0 mt-0.5"></i> |
| <div> |
| <h4 class="font-semibold text-blue-900 mb-1">Shopify</h4> |
| <p class="text-blue-800 text-sm">We share data with Shopify to sync info and display widgets.</p> |
| </div> |
| </div> |
| </div> |
| <div class="bg-amber-50 border-l-4 border-amber-400 p-4 rounded-r-lg"> |
| <div class="flex items-start gap-3"> |
| <i data-feather="alert-circle" class="w-5 h-5 text-amber-600 flex-shrink-0 mt-0.5"></i> |
| <div> |
| <h4 class="font-semibold text-amber-900 mb-1">Legal Compliance</h4> |
| <p class="text-amber-800 text-sm">We may share info to comply with applicable laws or protect our rights.</p> |
| </div> |
| </div> |
| </div> |
| </div> |
| </div> |
| </div> |
| </div> |
| </article> |
|
|
| <hr class="border-secondary-100"> |
|
|
| |
| <article id="rights" class="policy-section scroll-mt-24"> |
| <div class="flex items-start gap-4 mb-4"> |
| <div class="flex-shrink-0 w-10 h-10 rounded-xl bg-primary-50 flex items-center justify-center text-primary-600"> |
| <i data-feather="shield" class="w-5 h-5"></i> |
| </div> |
| <div> |
| <h2 class="text-2xl font-bold text-secondary-900 mb-4">4. Your Rights (GDPR / CCPA)</h2> |
| <div class="prose prose-secondary max-w-none text-secondary-600"> |
| <p>European residents have the right to access, correct, or delete personal information. As an app provider, we act as a <strong>Data Processor</strong>; the Merchant is the <strong>Data Controller</strong>.</p> |
| <div class="mt-4 p-4 bg-secondary-50 rounded-lg border border-secondary-200 text-sm"> |
| <p class="mb-0"><strong>Note:</strong> To exercise your rights, please contact the merchant (store owner) directly, or reach out to us at <a href="mailto:hello@moneyed28.com" class="text-primary-600 hover:text-primary-700 font-medium">hello@moneyed28.com</a>.</p> |
| </div> |
| </div> |
| </div> |
| </div> |
| </article> |
|
|
| <hr class="border-secondary-100"> |
|
|
| |
| <article id="retention" class="policy-section scroll-mt-24"> |
| <div class="flex items-start gap-4 mb-4"> |
| <div class="flex-shrink-0 w-10 h-10 rounded-xl bg-primary-50 flex items-center justify-center text-primary-600"> |
| <i data-feather="trash-2" class="w-5 h-5"></i> |
| </div> |
| <div> |
| <h2 class="text-2xl font-bold text-secondary-900 mb-4">5. Data Retention & Deletion</h2> |
| <div class="prose prose-secondary max-w-none text-secondary-600"> |
| <p>Upon uninstallation, store data is retained for <strong>48 hours</strong> before being permanently purged from our systems, in compliance with Shopify's mandatory data redaction webhooks.</p> |
| <div class="mt-4 flex items-center gap-2 text-sm text-secondary-500"> |
| <i data-feather="clock" class="w-4 h-4"></i> |
| <span>Automatic deletion guaranteed within 48 hours of app removal</span> |
| </div> |
| </div> |
| </div> |
| </div> |
| </article> |
|
|
| <hr class="border-secondary-100"> |
|
|
| |
| <article id="security" class="policy-section scroll-mt-24"> |
| <div class="flex items-start gap-4 mb-4"> |
| <div class="flex-shrink-0 w-10 h-10 rounded-xl bg-primary-50 flex items-center justify-center text-primary-600"> |
| <i data-feather="lock" class="w-5 h-5"></i> |
| </div> |
| <div> |
| <h2 class="text-2xl font-bold text-secondary-900 mb-4">6. Security</h2> |
| <div class="prose prose-secondary max-w-none text-secondary-600"> |
| <p>We use industry-standard measures to protect your data from unauthorized access or misuse, including:</p> |
| <div class="grid sm:grid-cols-2 gap-3 mt-4 not-prose"> |
| <div class="flex items-center gap-2 text-sm text-secondary-700"> |
| <i data-feather="check-circle" class="w-4 h-4 text-green-500"></i> |
| <span>SSL/TLS Encryption</span> |
| </div> |
| <div class="flex items-center gap-2 text-sm text-secondary-700"> |
| <i data-feather="check-circle" class="w-4 h-4 text-green-500"></i> |
| <span>Secure API Authentication</span> |
| </div> |
| <div class="flex items-center gap-2 text-sm text-secondary-700"> |
| <i data-feather="check-circle" class="w-4 h-4 text-green-500"></i> |
| <span>Regular Security Audits</span> |
| </div> |
| <div class="flex items-center gap-2 text-sm text-secondary-700"> |
| <i data-feather="check-circle" class="w-4 h-4 text-green-500"></i> |
| <span>Access Controls</span> |
| </div> |
| </div> |
| </div> |
| </div> |
| </div> |
| </article> |
|
|
| <hr class="border-secondary-100"> |
|
|
| |
| <article id="contact" class="policy-section scroll-mt-24"> |
| <div class="flex items-start gap-4 mb-4"> |
| <div class="flex-shrink-0 w-10 h-10 rounded-xl bg-primary-50 flex items-center justify-center text-primary-600"> |
| <i data-feather="mail" class="w-5 h-5"></i> |
| </div> |
| <div class="flex-1"> |
| <h2 class="text-2xl font-bold text-secondary-900 mb-4">7. Contact Us</h2> |
| <div class="prose prose-secondary max-w-none text-secondary-600"> |
| <p class="mb-6">For questions regarding our privacy practices, please contact us at:</p> |
| |
| <div class="bg-gradient-to-br from-primary-600 to-primary-700 rounded-xl p-6 text-white shadow-lg"> |
| <div class="flex items-center gap-4 mb-4"> |
| <div class="w-12 h-12 rounded-full bg-white/20 flex items-center justify-center backdrop-blur-sm"> |
| <i data-feather="mail" class="w-6 h-6"></i> |
| </div> |
| <div> |
| <p class="text-primary-100 text-sm font-medium">Support Email</p> |
| <a href="mailto:hello@moneyed28.com" class="text-xl font-bold hover:text-primary-100 transition-colors">hello@moneyed28.com</a> |
| </div> |
| </div> |
| <p class="text-primary-100 text-sm">We typically respond within 24 business hours.</p> |
| </div> |
| </div> |
| </div> |
| </div> |
| </article> |
|
|
| </div> |
| </div> |
| |
| |
| <div class="mt-8 flex justify-center"> |
| <button onclick="window.scrollTo({top: 0, behavior: 'smooth'})" class="group flex items-center gap-2 px-4 py-2 text-sm font-medium text-secondary-500 hover:text-primary-600 transition-colors"> |
| <span>Back to top</span> |
| <i data-feather="arrow-up" class="w-4 h-4 group-hover:-translate-y-1 transition-transform"></i> |
| </button> |
| </div> |
| </div> |
| </div> |
| </section> |
| </main> |
|
|
| <legal-footer></legal-footer> |
|
|
| <script src="components/legal-header.js"></script> |
| <script src="components/legal-footer.js"></script> |
| <script src="script.js"></script> |
| <script>feather.replace();</script> |
| <script src="https://huggingface.co/deepsite/deepsite-badge.js"></script> |
| </body> |
| </html> |
