{% extends "base.html" %}
{% block content %}
<section class="pagehead">
  <div class="container">
    <div class="breadcrumb"><a href="/">Home</a> / About</div>
    <div class="eyebrow">About AlexaMods Labs</div>
    <h1>An Android software studio built around one idea: fewer, better decisions</h1>
    <p>AlexaMods Labs designs and maintains focused Android applications, each built to do one job precisely, with privacy, security, and long-term support treated as first-class requirements rather than afterthoughts.</p>
  </div>
</section>

<section class="section--tight">
  <div class="container two-col">
    <div class="reveal">
      <div class="eyebrow">Mission</div>
      <h2 style="font-size:26px;">Build Android tools people can trust with their devices</h2>
      <p class="muted">We aim to give people utilities that respect their time, their data, and their storage — apps that do exactly what they say, with nothing hidden underneath.</p>
    </div>
    <div class="reveal">
      <div class="eyebrow">Vision</div>
      <h2 style="font-size:26px;">A catalog people recognize by its consistency</h2>
      <p class="muted">Whether it's the tenth app or the hundredth, every AlexaMods Labs release should feel like it came from the same disciplined team — because it does.</p>
    </div>
  </div>
</section>

<section class="section--tight" style="background: var(--bg-1); border-top:1px solid var(--line); border-bottom:1px solid var(--line);">
  <div class="container">
    <div class="eyebrow">Core Values</div>
    <h2 style="margin-bottom:36px;">What we optimize for, in order</h2>
    <div class="grid grid-4" data-stagger>
      <div class="card reveal"><span class="mono small muted">01</span><h3 style="font-size:16px;">Privacy</h3><p class="small">Collect the minimum, disclose everything, sell nothing.</p></div>
      <div class="card reveal"><span class="mono small muted">02</span><h3 style="font-size:16px;">Security</h3><p class="small">Minimal permission footprints reviewed on every release.</p></div>
      <div class="card reveal"><span class="mono small muted">03</span><h3 style="font-size:16px;">Performance</h3><p class="small">Fast, lightweight apps that respect battery and storage.</p></div>
      <div class="card reveal"><span class="mono small muted">04</span><h3 style="font-size:16px;">Longevity</h3><p class="small">Published release notes and active support for every app we ship.</p></div>
    </div>
  </div>
</section>

<section class="section--tight">
  <div class="container two-col">
    <div class="reveal">
      <div class="eyebrow">Technology</div>
      <h2 style="font-size:24px;">Modern Android, applied consistently</h2>
      <ul class="list-check">
        <li>Kotlin and Jetpack across the entire portfolio</li>
        <li>MVVM with Clean Architecture boundaries</li>
        <li>Room Database for reliable local persistence</li>
        <li>Material Design 3 with dynamic color support</li>
        <li>Offline-first design wherever the feature allows it</li>
      </ul>
    </div>
    <div class="reveal">
      <div class="eyebrow">Development Philosophy</div>
      <h2 style="font-size:24px;">Ship small, support long</h2>
      <p class="muted">We'd rather maintain ten apps well than launch fifty and abandon most of them. Every release ships with a real release-notes history, a real support channel, and a policy set that's specific to that app — not boilerplate.</p>
    </div>
  </div>
</section>

<section class="section">
  <div class="container">
    <div class="cta-band reveal">
      <h2>Want to know more, or work with us?</h2>
      <p>We're always open to hearing from users, partners, and press.</p>
      <div class="cta-actions">
        <a href="/contact/" class="btn btn-primary">Contact Us</a>
      </div>
    </div>
  </div>
</section>
{% endblock %}