{% extends 'base.html' %}
{% load static %}
{% load i18n %}
{% block title %}Home{% endblock %}
{% block meta %}<meta name="description" content="A platform to trade plants.">{% endblock %}
{% block background %}home-background{% endblock %}
{% block content %}
  <div class="p-5 mb-4 bg-body-tertiary rounded-3 home-opaque">
    <div class="container-fluid py-5 position-relative row d-flex align-items-center justify-content-center">
      <div class="home-background"></div>
      <div class="pfl-home-logo xl-align-self-center col-lg h-100 mb-3"></div>
      <div class="col-lg">
        <h1 class="display-5 fw-bold">{% trans "Welcome to Pflänz.li" %}</h1>
        <p class="fs-4">
          {% trans "This is a platform to trade plants. You can offer plants and setup a wishlist what you want to trade it for." %}
        </p>
        <hr />
        <p>{% trans "To offer your plants, please register first." %}</p>
        <a href="{% url 'list_offers' %}"
           class="btn btn-pfl btn-lg mb-3"
           type="button">{% trans "Offers" context "plural" %}</a>
        <a href="{% url 'register_user' %}"
           class="btn btn-secondary btn-lg mb-3"
           type="button">{% trans "Register" %}</a>
      </div>
    </div>
  </div>
{% endblock %}