{% extends 'base.html' %}
{% block title %}Page Not Found | {{ site.site_name }}{% endblock %}
{% block newsletter %}{% endblock %}
{% block content %}
<div class="error-page">
    <div class="error-code">404</div>
    <h1 class="error-title">Page Not Found</h1>
    <p class="error-sub">The page you're looking for doesn't exist or may have been moved. Let's get you back on track.
    </p>
    <div style="display:flex;gap:14px;justify-content:center;flex-wrap:wrap;">
        <a href="{% url 'core:home' %}" class="btn btn-primary btn-lg" id="404-home-btn">Back to Home</a>
        <a href="{% url 'properties:list' %}" class="btn btn-outline btn-lg" id="404-properties-btn">Browse
            Properties</a>
    </div>
</div>
{% endblock %}