<div class="text-center enter">
  <h1 class="max-w-4xl mx-auto">
    {{ dp__('theme', 'heading', 'Transforming ideas into AI generated masterpieces') }}
  </h1>

  <p class="max-w-3xl mx-auto mt-4 md:text-lg lg:text-xl text-secondary">
    {{ d__('theme', 'Effortlessly generate high-quality AI-driven content tailored to your needs. Unlock limitless possibilities, save your time and start making money today!') }}
  </p>

  <div class="mt-10">
    {% if user is defined %}
    <a href="/app" class="gap-4 button button-primary">
      {{ dp__('theme', 'button', 'Go to app') }}

      <i class="text-2xl ti ti-arrow-right"></i>
    </a>
    {% else %}
    <a href="/signup" class="gap-4 button button-primary">
      {{ dp__('theme', 'button', 'Get started now') }}

      <i class="text-2xl ti ti-arrow-right"></i>
    </a>
    {% endif %}
  </div>
</div>