{% extends "base.html" %}
{% block title %}zero2prod{% endblock %}
{% block content %}
  <div class="flex-1 flex items-center justify-center">
    <div class="max-w-md w-full space-y-8">
      <div class="text-center">
        <div class="mx-auto flex items-center justify-center h-16 w-16 rounded-full bg-green-100 mb-6">
          <svg class="h-8 w-8 text-green-600"
               fill="none"
               stroke="currentColor"
               viewBox="0 0 24 24">
            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"></path>
          </svg>
        </div>
        <h1 class="text-3xl font-bold text-gray-900 mb-4">Subscription confirmed</h1>
        <p class="text-lg text-gray-600 mb-8">Your email has been confirmed! You're all set to receive the latest updates.</p>
      </div>
      <div class="text-center">
        <a href="/"
           class="text-sm text-blue-600 hover:text-blue-500 transition-colors">← Back to homepage</a>
      </div>
    </div>
  </div>
{% endblock %}