{% extends 'base.html' %}
{% load static %}

{% block title %}Server Error (500){% endblock %}

{% block content %}
<section class="section">
    <div class="container mx-auto px-20 px-lg-0 pt-80 pb-60">
        <div class="page-card">
            <div class="text-center">
                <h1 class="fs-50 fw-semibold lh-1 mb-24">500</h1>
                <h2 class="fs-24 fw-semibold mb-16">Server Error</h2>
                <p class="fs-19 text-gray-500 mb-24">Sorry, something went wrong on our server. Our team has been notified.</p>
                <img src="{% static "img/sir-vala-notext.png" %}" alt="sir vala mascot" class="img-fluid mb-4">
                <p><a href="{% url 'services:homepage' %}" class="btn btn-primary btn-lg">Return to Homepage</a></p>
            </div>
        </div>
    </div>
</section>
{% endblock %}