{% extends "base.html" %}
{% block content %}
<section class="pagehead">
  <div class="container">
    <div class="breadcrumb"><a href="/">Home</a> / Privacy Center</div>
    <div class="eyebrow">Privacy Center</div>
    <h1>Privacy policies for every application</h1>
    <p>Each AlexaMods Labs application publishes its own dedicated Privacy Policy, covering data collection, permissions, advertising, analytics, and security for that specific app.</p>
  </div>
</section>

<section class="section--tight">
  <div class="container">
    <div class="grid grid-2" data-stagger>
      {% for app in apps %}
      <a href="/apps/{{ app.slug }}/privacy-policy/" class="card reveal flex between center">
        <div class="flex gap-16 center">
          <div class="app-icon sm" style="background: linear-gradient(135deg, {{ app.gradient[0] }}, {{ app.gradient[1] }});">{{ app.icon_letters }}</div>
          <div>
            <h3 style="font-size:15.5px; margin-bottom:2px;">{{ app.full_name }}</h3>
            <span class="small muted">Privacy Policy →</span>
          </div>
        </div>
      </a>
      {% endfor %}
    </div>
  </div>
</section>

<section class="section--tight" style="background: var(--bg-1); border-top:1px solid var(--line);">
  <div class="container">
    <div class="eyebrow">Our General Commitment</div>
    <h2>Principles that apply across the catalog</h2>
    <div class="grid grid-4" data-stagger style="margin-top:32px;">
      <div class="reveal"><h3 style="font-size:15.5px;">Minimal collection</h3><p class="small">Every app requests only the permissions its features actually require.</p></div>
      <div class="reveal"><h3 style="font-size:15.5px;">On-device first</h3><p class="small">Processing happens locally wherever the task allows it.</p></div>
      <div class="reveal"><h3 style="font-size:15.5px;">No data sale</h3><p class="small">AlexaMods Labs does not sell personal data to third parties.</p></div>
      <div class="reveal"><h3 style="font-size:15.5px;">Direct contact</h3><p class="small">Privacy requests go straight to support@alexamodslabs.in.</p></div>
    </div>
  </div>
</section>
{% endblock %}