{% extends "base.html" %}

{% block title %}Pharma Libre{% endblock %}

{% block body %}
<div class="py-10">
  <header>
    <div class="mx-auto max-w-7xl px-4 sm:px-6 lg:px-8">
      <h1
        id="page-title"
        class="text-3xl font-bold leading-tight tracking-tight text-gray-900"
      >
        {% include "skeletons/page-title.html" %}
      </h1>
    </div>
  </header>
  <main>
    <div
      id="main-container"
      class="mx-auto max-w-7xl px-4 py-8 sm:px-6 lg:px-8"
    >
      <!-- Your content -->
      <div
        hx-get="/pages/home"
        hx-target="this"
        hx-trigger="load"
        hx-swap="outerHTML"
      >
        {% include "skeletons/card.html" %}
      </div>
    </div>
  </main>
</div>
{% endblock %}