<?php
$pageTitle = '404 - Page Not Found';
$pageDescription = 'The page you are looking for does not exist.';
include __DIR__ . '/layout/header.php';
?>

<div class="container mx-auto px-4 py-16">
    <div class="max-w-2xl mx-auto text-center">
        <div class="text-primary text-9xl font-bold mb-6">404</div>
        <h1 class="text-4xl font-bold mb-4">Page Not Found</h1>
        <p class="text-xl text-gray-400 mb-8">The page you are looking for might have been removed, had its name changed, or is temporarily unavailable.</p>
        
        <div class="flex flex-wrap justify-center gap-4">
            <a href="/" class="btn-primary">
                <i class="fas fa-home mr-2"></i>Return to Home
            </a>
            <a href="/categories" class="btn-secondary">
                <i class="fas fa-th-large mr-2"></i>Browse Categories
            </a>
        </div>
    </div>
</div>

<?php include __DIR__ . '/layout/footer.php'; ?>
