neiam /fieri-forever

{% extends "root.html" %}

{% block content %}
<div class="space-y-6">
  <div class="flex items-center justify-between gap-3 flex-wrap">
    <h2 class="text-2xl font-bold text-accent">Areas</h2>
    <a href="/areas/new" class="btn btn-primary btn-sm"><i class="fas fa-plus"></i> New area</a>
  </div>
  <p class="text-sm opacity-70">
    Restaurants are grouped by area: the office, or wherever you're travelling.
    Lunch plans are made within one area.
  </p>
  {% include "areas/_cards.html" %}
</div>
{% endblock %}