templates/errors/500.html

{% extends "base.html" %}

{% block title %}Server Error - Chatty{% endblock %}

{% block content %}
<div class="error-container">
    <div class="error-content">
        <h1 class="error-code">500</h1>
        <h2 class="error-title">Server Error</h2>
        <p class="error-message">
            Something went wrong on our end. Please try again in a few moments.
        </p>
        <div class="error-actions">
            <a href="{{ url_for('index') }}" class="error-button">Go Home</a>
            <button onclick="location.reload()" class="error-button secondary">Try Again</button>
        </div>
    </div>
</div>
{% endblock %}