@extends('layout')
@section('content')


<!-- internal-banner -->

<section class="about-banner-bg py-5">
    <div class="container">
        <div class="col-md-12">
            <h1 class="text-white fs-3 text-center fw-bold">Page Not Found - Error 404</h1>
        </div>
    </div>
</section>

<!-- /internal-banner -->


<!-- 404 -->

<section class="error-page py-5">
    <div class="container">
        <div class="row">
            <div class="col-md-10 mx-auto">
                <div class="row mb-5">
                    <div class="col-md-6 col-lg-6 mb-3 text-center">
                        <div class="fourZoro rounded-3 py-5 bg-light">
                            <img data-src="{{asset('images/tv-404.png')}}" class="lazy img-fluid" alt="Vois" />
                            <h2 class="fs-1 mt-4">Error 404</h2>
                            <p class="fs-5 mb-4">Sorry, Page not found</p>
                            <a class="nav-link site-btn-bg site-btn-hover rounded-pill px-4 mb-4 d-inline text-white p-2"
                                href="{{url('/main')}}"><span class="d-inline-block me-2"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-house" viewBox="0 0 16 16">
  <path d="M8.707 1.5a1 1 0 0 0-1.414 0L.646 8.146a.5.5 0 0 0 .708.708L2 8.207V13.5A1.5 1.5 0 0 0 3.5 15h9a1.5 1.5 0 0 0 1.5-1.5V8.207l.646.647a.5.5 0 0 0 .708-.708L13 5.793V2.5a.5.5 0 0 0-.5-.5h-1a.5.5 0 0 0-.5.5v1.293zM13 7.207V13.5a.5.5 0 0 1-.5.5h-9a.5.5 0 0 1-.5-.5V7.207l5-5z"/>
</svg></span>
                                Go Back to Homepage</a>
                        </div>
                    </div>
                    <div class="col-md-6 col-lg-6 mb-3">
                        <div class="border border-danger-subtle rounded-3 overflow-hidden">
                            <img data-src="{{asset('images/fiveyears-buy.jpg')}}" class="lazy img-fluid w-100" alt="5 years" />
                            <div class="row px-3">
                                <div class="col-6">
                                    <span> MAG540W3</span>
                                    <h5 class="fw-bolder fs-2 mb-0">$399</h5>
                                </div>
                                <div class="col-6">
                                    <a class="nav-link site-btn-bg site-btn-hover rounded-pill px-4 text-white float-end p-2"
                                        href="{{url('/plans')}}">Buy Now</a>
                                </div>
                            </div>

                        </div>
                    </div>


                </div>
            </div>
        </div>
    </div>
    </div>
</section>

<!-- /404 -->


@endsection

@section("meta")

<title>Page Not Found - Error 404</title>
<link rel="canonical" href="{{url('/404')}}" />
    
@endsection

@section("scripts")


@endsection