<script lang="ts" setup>
import { Head, Link } from '@inertiajs/vue3'
import MarketingLayout from '@/Layouts/MarketingLayout.vue'

defineOptions({ layout: MarketingLayout })

const effectiveDate = 'March 16, 2026'
const companyName = 'EZSCALE LLC'

interface Section {
  id: string
  title: string
}

const sections: Section[] = [
  { id: 'data-collect', title: '1. Data We Collect' },
  { id: 'how-use', title: '2. How We Use Your Data' },
  { id: 'data-sharing', title: '3. Data Sharing and Third Parties' },
  { id: 'data-retention', title: '4. Data Retention' },
  { id: 'security', title: '5. Security Measures' },
  { id: 'rights', title: '6. Your Rights' },
  { id: 'cookies', title: '7. Cookies and Tracking Technologies' },
  { id: 'children', title: '8. Children\'s Privacy' },
  { id: 'international', title: '9. International Data Transfers' },
  { id: 'changes', title: '10. Changes to This Policy' },
  { id: 'contact', title: '11. Contact Information' },
]
</script>

<template>
  <Head title="Privacy Policy | EZSCALE" />
  <div>
    <VContainer class="py-16">
      <!-- Header -->
      <VRow justify="center">
        <VCol cols="12" md="10" lg="8">
          <div class="text-center mb-12">
            <h1 class="text-h3 font-weight-bold mb-3">Privacy Policy</h1>
            <p class="text-body-1 text-medium-emphasis">
              Effective Date: {{ effectiveDate }}
            </p>
          </div>

          <VCard variant="outlined">
            <VCardText class="pa-6 pa-md-10">
              <!-- Introduction -->
              <p class="text-body-1 mb-6">
                {{ companyName }} ("EZSCALE," "we," "us," or "our") is committed to protecting your privacy. This
                Privacy Policy explains how we collect, use, disclose, and safeguard your information when you use
                our website and services (collectively, the "Services"). By using our Services, you consent to the
                practices described in this policy.
              </p>

              <!-- Table of Contents -->
              <VCard variant="tonal" color="primary" class="mb-8">
                <VCardText>
                  <h2 class="text-h6 font-weight-bold mb-3">Table of Contents</h2>
                  <div class="d-flex flex-column ga-1">
                    <a
                      v-for="section in sections"
                      :key="section.id"
                      :href="`#${section.id}`"
                      class="text-body-2 text-primary text-decoration-none"
                    >
                      {{ section.title }}
                    </a>
                  </div>
                </VCardText>
              </VCard>

              <!-- 1. Data We Collect -->
              <div id="data-collect" class="mb-8">
                <h2 class="text-h5 font-weight-bold mb-4">1. Data We Collect</h2>
                <p class="text-body-1 mb-3">
                  We collect different types of information depending on how you interact with our Services:
                </p>

                <h3 class="text-subtitle-1 font-weight-bold mb-2">a) Account Information</h3>
                <ul class="text-body-1 mb-4 ml-6">
                  <li class="mb-1">Full name and contact information (email address, phone number)</li>
                  <li class="mb-1">Company name and business information (if applicable)</li>
                  <li class="mb-1">Username and password (passwords are securely hashed and never stored in plain text)</li>
                  <li class="mb-1">Mailing address</li>
                </ul>

                <h3 class="text-subtitle-1 font-weight-bold mb-2">b) Billing and Payment Information</h3>
                <ul class="text-body-1 mb-4 ml-6">
                  <li class="mb-1">Payment method details (credit card numbers are processed and stored by our payment processors, Stripe and PayPal; we do not store full card numbers)</li>
                  <li class="mb-1">Billing address</li>
                  <li class="mb-1">Transaction history and invoice records</li>
                  <li class="mb-1">Tax identification numbers (where required by law)</li>
                </ul>

                <h3 class="text-subtitle-1 font-weight-bold mb-2">c) Service Usage Data</h3>
                <ul class="text-body-1 mb-4 ml-6">
                  <li class="mb-1">Server resource utilization (CPU, memory, disk, bandwidth)</li>
                  <li class="mb-1">Service configuration and settings</li>
                  <li class="mb-1">Support ticket history and communications</li>
                  <li class="mb-1">API usage logs</li>
                </ul>

                <h3 class="text-subtitle-1 font-weight-bold mb-2">d) Technical and Log Data</h3>
                <ul class="text-body-1 ml-6">
                  <li class="mb-1">IP addresses and geolocation data</li>
                  <li class="mb-1">Browser type, operating system, and device information</li>
                  <li class="mb-1">Pages visited, referral URLs, and session duration</li>
                  <li class="mb-1">Authentication logs (login timestamps, 2FA events)</li>
                </ul>
              </div>

              <!-- 2. How We Use Your Data -->
              <div id="how-use" class="mb-8">
                <h2 class="text-h5 font-weight-bold mb-4">2. How We Use Your Data</h2>
                <p class="text-body-1 mb-3">
                  We use the information we collect for the following purposes:
                </p>
                <ul class="text-body-1 ml-6">
                  <li class="mb-1"><strong>Service Delivery:</strong> To provision, manage, and maintain your hosting services and account.</li>
                  <li class="mb-1"><strong>Billing and Payments:</strong> To process payments, generate invoices, and manage subscriptions.</li>
                  <li class="mb-1"><strong>Customer Support:</strong> To respond to your inquiries, troubleshoot issues, and provide technical assistance.</li>
                  <li class="mb-1"><strong>Security:</strong> To detect, prevent, and respond to fraud, abuse, and security threats.</li>
                  <li class="mb-1"><strong>Communication:</strong> To send transactional emails (invoices, service notifications, password resets) and, with your consent, marketing communications.</li>
                  <li class="mb-1"><strong>Improvement:</strong> To analyze usage patterns and improve our Services, website, and user experience.</li>
                  <li class="mb-1"><strong>Legal Compliance:</strong> To comply with applicable laws, regulations, and legal obligations.</li>
                </ul>
              </div>

              <!-- 3. Data Sharing and Third Parties -->
              <div id="data-sharing" class="mb-8">
                <h2 class="text-h5 font-weight-bold mb-4">3. Data Sharing and Third Parties</h2>
                <p class="text-body-1 mb-3">
                  We do not sell your personal information. We may share your data with the following categories of third parties:
                </p>

                <h3 class="text-subtitle-1 font-weight-bold mb-2">a) Payment Processors</h3>
                <p class="text-body-1 mb-4">
                  We use <strong>Stripe</strong> and <strong>PayPal</strong> to process payments. These processors receive
                  the payment information necessary to complete transactions and are bound by their own privacy policies
                  and PCI DSS compliance standards.
                </p>

                <h3 class="text-subtitle-1 font-weight-bold mb-2">b) Infrastructure Partners</h3>
                <p class="text-body-1 mb-4">
                  We partner with data center providers and infrastructure vendors to deliver our Services. These
                  partners may have limited access to technical data necessary for service provisioning and maintenance.
                </p>

                <h3 class="text-subtitle-1 font-weight-bold mb-2">c) Legal and Compliance</h3>
                <p class="text-body-1 mb-4">
                  We may disclose your information if required by law, regulation, legal process, or governmental
                  request, or if we believe disclosure is necessary to protect our rights, your safety, or the
                  safety of others.
                </p>

                <h3 class="text-subtitle-1 font-weight-bold mb-2">d) Business Transfers</h3>
                <p class="text-body-1">
                  In the event of a merger, acquisition, or sale of assets, your information may be transferred as
                  part of the transaction. We will notify you of any such change and any choices you may have.
                </p>
              </div>

              <!-- 4. Data Retention -->
              <div id="data-retention" class="mb-8">
                <h2 class="text-h5 font-weight-bold mb-4">4. Data Retention</h2>
                <p class="text-body-1 mb-3">
                  We retain your data for as long as necessary to fulfill the purposes described in this policy:
                </p>
                <ul class="text-body-1 ml-6">
                  <li class="mb-1"><strong>Account Data:</strong> Retained for the duration of your account and for 30 days after account closure.</li>
                  <li class="mb-1"><strong>Billing Records:</strong> Retained for 7 years to comply with tax and financial reporting requirements.</li>
                  <li class="mb-1"><strong>Server Data:</strong> Your hosted data is deleted within 30 days of service termination.</li>
                  <li class="mb-1"><strong>Log Data:</strong> Authentication and access logs are retained for 12 months.</li>
                  <li class="mb-1"><strong>Support Tickets:</strong> Retained for 3 years after resolution for quality assurance and reference.</li>
                </ul>
              </div>

              <!-- 5. Security Measures -->
              <div id="security" class="mb-8">
                <h2 class="text-h5 font-weight-bold mb-4">5. Security Measures</h2>
                <p class="text-body-1 mb-3">
                  We implement industry-standard security measures to protect your data, including:
                </p>
                <ul class="text-body-1 mb-3 ml-6">
                  <li class="mb-1"><strong>Encryption:</strong> All data in transit is encrypted using TLS 1.2 or higher. Sensitive data at rest is encrypted using AES-256.</li>
                  <li class="mb-1"><strong>Access Controls:</strong> Role-based access control (RBAC) limits employee access to customer data on a need-to-know basis.</li>
                  <li class="mb-1"><strong>Two-Factor Authentication:</strong> Available for all customer accounts and required for all administrative access.</li>
                  <li class="mb-1"><strong>Network Security:</strong> Firewalls, intrusion detection systems, and DDoS mitigation protect our infrastructure.</li>
                  <li class="mb-1"><strong>Regular Audits:</strong> Periodic security assessments and vulnerability testing of our systems.</li>
                </ul>
                <p class="text-body-1">
                  While we strive to protect your data, no method of transmission or storage is 100% secure. We
                  cannot guarantee absolute security.
                </p>
              </div>

              <!-- 6. Your Rights -->
              <div id="rights" class="mb-8">
                <h2 class="text-h5 font-weight-bold mb-4">6. Your Rights</h2>
                <p class="text-body-1 mb-3">
                  Depending on your jurisdiction, you may have the following rights regarding your personal data:
                </p>
                <ul class="text-body-1 mb-3 ml-6">
                  <li class="mb-1"><strong>Access:</strong> Request a copy of the personal data we hold about you.</li>
                  <li class="mb-1"><strong>Correction:</strong> Request correction of inaccurate or incomplete data.</li>
                  <li class="mb-1"><strong>Deletion:</strong> Request deletion of your personal data, subject to legal retention requirements.</li>
                  <li class="mb-1"><strong>Portability:</strong> Request your data in a structured, machine-readable format.</li>
                  <li class="mb-1"><strong>Objection:</strong> Object to certain processing activities, including direct marketing.</li>
                  <li class="mb-1"><strong>Restriction:</strong> Request that we limit the processing of your data in certain circumstances.</li>
                  <li class="mb-1"><strong>Withdraw Consent:</strong> Where processing is based on consent, you may withdraw it at any time.</li>
                </ul>

                <h3 class="text-subtitle-1 font-weight-bold mb-2">For EU/EEA Residents (GDPR)</h3>
                <p class="text-body-1 mb-3">
                  If you are located in the European Union or European Economic Area, you have additional rights under
                  the General Data Protection Regulation (GDPR). We process your data based on legitimate interests
                  (service delivery, security), contractual necessity, and your consent. You may lodge a complaint
                  with your local data protection authority.
                </p>

                <h3 class="text-subtitle-1 font-weight-bold mb-2">For California Residents (CCPA)</h3>
                <p class="text-body-1">
                  California residents have the right to know what personal information we collect, request deletion,
                  and opt out of the sale of personal information. We do not sell personal information.
                </p>

                <p class="text-body-1 mt-3">
                  To exercise any of these rights, contact us at
                  <a href="mailto:privacy@ezscale.cloud" class="text-primary text-decoration-none font-weight-medium">privacy@ezscale.cloud</a>.
                  We will respond within 30 days.
                </p>
              </div>

              <!-- 7. Cookies -->
              <div id="cookies" class="mb-8">
                <h2 class="text-h5 font-weight-bold mb-4">7. Cookies and Tracking Technologies</h2>
                <p class="text-body-1 mb-3">
                  We use cookies and similar technologies to enhance your experience:
                </p>
                <ul class="text-body-1 mb-3 ml-6">
                  <li class="mb-1"><strong>Essential Cookies:</strong> Required for the website to function properly (authentication, session management, CSRF protection).</li>
                  <li class="mb-1"><strong>Analytics Cookies:</strong> Help us understand how visitors use our website to improve our services.</li>
                  <li class="mb-1"><strong>Preference Cookies:</strong> Remember your settings and preferences (language, theme).</li>
                </ul>
                <p class="text-body-1">
                  You can manage cookie preferences through your browser settings. Disabling essential cookies may
                  affect the functionality of our Services.
                </p>
              </div>

              <!-- 8. Children's Privacy -->
              <div id="children" class="mb-8">
                <h2 class="text-h5 font-weight-bold mb-4">8. Children's Privacy</h2>
                <p class="text-body-1">
                  Our Services are not intended for individuals under the age of 18. We do not knowingly collect
                  personal information from children. If we become aware that we have collected data from a child,
                  we will take steps to delete such information promptly. If you believe a child has provided us
                  with personal information, please contact us at
                  <a href="mailto:privacy@ezscale.cloud" class="text-primary text-decoration-none font-weight-medium">privacy@ezscale.cloud</a>.
                </p>
              </div>

              <!-- 9. International Data Transfers -->
              <div id="international" class="mb-8">
                <h2 class="text-h5 font-weight-bold mb-4">9. International Data Transfers</h2>
                <p class="text-body-1">
                  Your data may be transferred to and processed in countries other than your own. We ensure that
                  appropriate safeguards are in place for international transfers, including standard contractual
                  clauses approved by relevant regulatory authorities. Our primary data processing facilities
                  are located in the United States.
                </p>
              </div>

              <!-- 10. Changes to This Policy -->
              <div id="changes" class="mb-8">
                <h2 class="text-h5 font-weight-bold mb-4">10. Changes to This Policy</h2>
                <p class="text-body-1">
                  We may update this Privacy Policy from time to time. We will notify you of material changes by
                  posting the updated policy on our website, updating the "Effective Date," and, for significant
                  changes, sending a notification to the email address associated with your account. Your continued
                  use of the Services after changes take effect constitutes acceptance of the revised policy.
                </p>
              </div>

              <!-- 11. Contact Information -->
              <div id="contact">
                <h2 class="text-h5 font-weight-bold mb-4">11. Contact Information</h2>
                <p class="text-body-1 mb-3">
                  If you have any questions about this Privacy Policy or wish to exercise your data rights, please contact us:
                </p>
                <VCard variant="tonal" class="mb-0">
                  <VCardText>
                    <div class="d-flex flex-column ga-2">
                      <div class="d-flex align-center ga-2">
                        <VIcon icon="tabler-building" size="20" class="text-medium-emphasis" />
                        <span class="text-body-1">{{ companyName }}</span>
                      </div>
                      <div class="d-flex align-center ga-2">
                        <VIcon icon="tabler-mail" size="20" class="text-medium-emphasis" />
                        <a href="mailto:privacy@ezscale.cloud" class="text-body-1 text-primary text-decoration-none">privacy@ezscale.cloud</a>
                      </div>
                      <div class="d-flex align-center ga-2">
                        <VIcon icon="tabler-world" size="20" class="text-medium-emphasis" />
                        <a href="/" class="text-body-1 text-primary text-decoration-none">ezscale.cloud</a>
                      </div>
                    </div>
                  </VCardText>
                </VCard>
              </div>
            </VCardText>
          </VCard>
        </VCol>
      </VRow>
    </VContainer>
  </div>
</template>
