{% extends "base.html" %}
{% block title %}Services — {{ brand }}{% endblock %}
{% block content %}
<section class="max-w-7xl mx-auto px-6 py-16">
  <h1 class="text-3xl font-bold">Services</h1>
  <div class="mt-6 grid lg:grid-cols-3 gap-6">
    {% for s in [
      {"t":"Prototyping", "d":"Clickable by Friday; prove the bet fast."},
      {"t":"Web Platforms", "d":"Flask/FastAPI, Tailwind, SQL with CI/CD."},
      {"t":"Event Activations", "d":"Kiosks, QR onboarding, local-first modes."},
      {"t":"Data & Analytics", "d":"Capture, export, and visualize with ease."},
      {"t":"Integrations", "d":"Payments, auth, coupon APIs, catalog sync."},
      {"t":"Ops & Hardening", "d":"Nginx, Gunicorn, Docker, logging, SSO."},
    ] %}
    <div class="rounded-2xl bg-bh.card/70 border border-bh.ring p-6">
      <h3 class="text-xl font-semibold">{{ s.t }}</h3>
      <p class="mt-2 text-white/75">{{ s.d }}</p>
    </div>
    {% endfor %}
  </div>
</section>
{% endblock %}