@extends('layouts.main-app')

@section('title', 'Page Not Found')

@section('content')


@include('layouts.navbar')


<div class="container mx-auto max-w-screen-xl flex items-center flex-col justify-center text-center h-[100vh] space-y-4">
    <img src="{{asset('images/homepage/logo-footer.webp')}}">
    
    <h1 class="text-4xl font-bold text-[#cf000f]">404</h1>
    <p>Oops! The page you are looking for doesn't exist.</p>
    <a class="free-estimate-button" href="{{ url('/') }}">
        <button class="text-white bg-[#cf000f] rounded-full px-4 py-1">Go to Homepage</button>
        
    </a>
</div>

@include('layouts.footer')


@endsection