app/templates/pages/error.html

{% extends "base.html" %}
{% block title %}{{ code }} — WebScraper.pro{% endblock %}

{% block content %}
<div class="error-page">
    <div class="error-content">
        <div class="error-code">{{ code }}</div>
        <h1 class="error-title">{{ message }}</h1>
        <p class="error-description">
            {% if code == 404 %}
                The page you're looking for doesn't exist or has been moved.
            {% elif code == 429 %}
                You've made too many requests. Please wait a moment and try again.
            {% elif code == 500 %}
                Something went wrong on our end. Our team has been notified.
            {% else %}
                An unexpected error occurred. Please try again.
            {% endif %}
        </p>
        <div class="error-actions">
            <a href="{{ url_for('main.index') }}" class="btn btn-primary">← Back to Dashboard</a>
            <a href="{{ url_for('jobs.list_view') }}" class="btn btn-secondary">View Jobs</a>
        </div>
    </div>
    <div class="error-visual">
        <div class="error-spider">🕷️</div>
        <div class="error-web"></div>
    </div>
</div>
{% endblock %}