@extends('layout.fullwidth')

@section('content')
    @php
        if (isset($w3cms_option)) {
            extract($w3cms_option);
        }
    @endphp

        
    <!-- Content -->
    <div class="page-content">

		 <section class="noice-overlay">
			<div class="h-screen bg-[url('../images/404.png')] bg-no-repeat bg-center sm:bg-size-[120%] bg-size-[130%]">
				<div class="absolute top-1/2 left-1/2 -translate-1/2">
					<div class="container-sm">
						<div class="dark:bg-secondary bg-white text-center xl:p-85 sm:p-40 p-20 noice-overlay max-sm:w-300">
							<span class="dark:text-white text-secondary md:text-xl text-base mb-30">{{ $error_page_text }}</span>
							<h1 class="dark:text-white text-secondary xl:text-8xl/100 lg:text-5xl text-4xl lg:mb-40 mb-20">{{ $error_page_title }}</h1>
							<a href="{{ url('/') }}" class="btn btn-outline style-1 light p-2 group button--stroke flairBtn magneticBtn xl:h-60" data-block="button">
								<span class="button-flair"></span>
								<span class="inline-flex justify-center items-center lg:size-50 size-32 rounded-full bg-primary text-secondary duration-100 group-hover:bg-secondary group-hover:text-white z-1">
									<i class="fa-solid fa-arrow-right text-xl"></i>
								</span>
								<span class="button__label font-normal xl:ps-25 xl:pe-28 px-10 inline-flex items-center gap-14">{{ $error_page_button_text }}</span>
							</a>
						</div>
					</div>
				</div>
			</div>
		</section>
    </div>
    <!-- Content END-->


@endsection
