@extends("landingpage::themes.{$activeTheme}.layouts.app")

@section('meta_title', 'Page Not Found - ' . setting('site_name'))

@section('content')
<div class="container mx-auto px-4 py-16 text-center">
    <h1 class="text-6xl font-bold text-purple-600 dark:text-purple-400 mb-4">404</h1>
    <h2 class="text-3xl font-semibold text-gray-800 dark:text-gray-100 mb-6">Page Not Found</h2>
    <p class="text-gray-600 dark:text-gray-400 mb-8">
        Sorry, the page you are looking for could not be found or is not available.
    </p>
    <a href="{{ url('/') }}" class="bg-purple-600 hover:bg-purple-700 text-white font-semibold py-3 px-6 rounded-lg transition duration-300">Go to Homepage</a>
</div>
@endsection