@extends('site.pages')

@section('title', $page_title)

@section('breadcrumb_content')
    <h1 class="mb-3">{{$page_title}}</h1>
    <nav aria-label="breadcrumb" class="d-block">
        <ul class="breadcrumb">
            <li class="breadcrumb-item"><a href="{{route('home')}}">{{__('pages.home')}}</a></li>
            <li class="breadcrumb-item active" aria-current="page">{{$page_title}}</li>
        </ul>
    </nav>
@endsection

@section('content')
    <!-- error section starts -->
    <section class="error overflow-hidden pb-10">
        <div class="container">

            <div class="error-content text-center">
                <h2 class="mb-2">{{__('pages.page_not_found')}}</h2>
                <img src="images/404-1.svg" alt="" class="mb-4 w-75 mx-auto">
                <h3 class="m-0">{{__('pages.page_not_found_desc')}}</h3>
                </h3>
                <div class="error-btn mt-4">
                    <a href="{{route('home')}}" class="nir-btn me-2">{{__('pages.go_to')}} {{__('pages.home')}}</a>
                    <a href="{{route('contact')}}" class="nir-btn">{{__('pages.go_to')}} {{__('pages.contact_us')}}</a>
                </div>
            </div>
        </div>
    </section>
    <!-- error section Ends -->
@endsection