@extends('layouts.app')
@section('title', 'Page Not Found — Jumia Clone')
@section('content')
<div class="max-w-lg mx-auto px-4 py-20 text-center">
    <div class="text-8xl mb-4">🔍</div>
    <h1 class="text-3xl font-black text-gray-900 mb-3">404 — Page Not Found</h1>
    <p class="text-gray-500 mb-8">Oops! The page you're looking for doesn't exist or has been moved.</p>
    <div class="flex flex-col sm:flex-row gap-3 justify-center">
        <a href="/" class="btn-primary px-8">Go Home</a>
        <a href="/products" class="btn-secondary px-8">Browse Products</a>
    </div>
</div>
@endsection