{% extends "base.html" %}

{% block title %}Page Not Found - SmartTools{% endblock %}

{% block content %}
<div class="min-h-[60vh] flex items-center justify-center px-4">
    <div class="text-center max-w-md">
        <p class="text-6xl font-bold text-indigo-600">404</p>
        <h1 class="mt-4 text-3xl font-bold text-gray-900">Page not found</h1>
        <p class="mt-4 text-gray-600">
            Sorry, we couldn't find the page you're looking for. It may have been moved or deleted.
        </p>
        <div class="mt-8 flex flex-col sm:flex-row items-center justify-center gap-4">
            <a href="{{ url_for('web.home') }}"
               class="w-full sm:w-auto inline-flex justify-center items-center px-6 py-3 text-base font-medium text-white bg-indigo-600 rounded-md hover:bg-indigo-700">
                Go Home
            </a>
            <a href="{{ url_for('web.tools') }}"
               class="w-full sm:w-auto inline-flex justify-center items-center px-6 py-3 text-base font-medium text-gray-700 border border-gray-300 rounded-md hover:bg-gray-50">
                Browse Tools
            </a>
        </div>
    </div>
</div>
{% endblock %}
