{% extends 'base.html' %} {% block content %}
<div class="container mx-auto px-4 py-8 max-w-4xl" dir="rtl">
  <div class="bg-white rounded-3xl shadow-xl p-8 md:p-12 mb-12">
    <h1
      class="text-3xl md:text-4xl font-bold text-center text-gray-800 mb-8 pb-4 border-b border-gray-100"
    >
      {{ title }}
    </h1>

    <div
      class="prose prose-lg max-w-none text-gray-600 leading-relaxed whitespace-pre-line"
    >
      {{ content }}
    </div>

    <div class="mt-8 text-center pt-8 border-t border-gray-100">
      <a
        href="{% url 'landing_page' %}"
        class="inline-flex items-center text-dan-green hover:text-green-700 font-semibold transition"
      >
        <svg
          xmlns="http://www.w3.org/2000/svg"
          class="h-5 w-5 ml-2"
          viewBox="0 0 20 20"
          fill="currentColor"
        >
          <path
            fill-rule="evenodd"
            d="M10.293 3.293a1 1 0 011.414 0l6 6a1 1 0 010 1.414l-6 6a1 1 0 01-1.414-1.414L14.586 11H3a1 1 0 110-2h11.586l-4.293-4.293a1 1 0 010-1.414z"
            clip-rule="evenodd"
          />
        </svg>
        العودة للصفحة الرئيسية
      </a>
    </div>
  </div>
</div>
{% endblock %}