<section class="relative z-1 overflow-hidden ">
    <div class="container-lg">
        <div class="row justify-center">
            <div class="lg:w-1/2 w-full max-sm:mb-10 py-80 flex flex-col items-start">
                <div class="btn style-1 btn-black mb-30">
                    @if ($logo_type == 'text_logo')
                    <div class="text-logo">
                        @if (!empty($logo_text))
                        <h1 class="site-title">
                            <a href="{{url( '/' )}}" title="{{$logo_title}}">
                                {{$logo_text}}
                            </a>
                        </h1>
                        @endif
                    </div>
                    @else
                    <a 
                        href="{{url( '/' )}}" 
                        title="{{$logo_title}}"
                        class="inline-flex justify-center items-center sm:w-70 sm:h-50 w-50 h-30 rounded-[50px] bg-linear-(--btn-gradient)"
                    >
                        <img src="{{$logo}}" alt="{{$logo_alt}}" class="size-full object-none" />
                    </a>
                    @endif
                </div>
                <div class="lg:max-w-700 my-auto">
                    @if(!empty($maintenance_title))
                    <h2 class="xl:text-7xxl/85 md:text-5xl/50 text-4xl font-semibold xl:mb-30 mb-15">{!! $maintenance_title !!}</h2>
                    @endif
                    <p class="2xxl:text-lg text-base">{!! $maintenance_desc !!}</p>
                    <form class="xl:my-40 my-30 max-w-2200 dzSubscribe">
                        <div class="dzSubscribeMsg"></div>
                        <div class="form-group">
                            <div class="relative flex flex-wrap items-stretch w-full">
                                <input name="dzEmail" required="required" type="email" class="relative flex-1 w-[1%] h-60 py-15 px-20 text-lg !rounded-s-full bg-white border-2 border-primary placeholder:text-bodycolor" placeholder="Your Email Address">
                                <div class="-ml-px">
                                    <button name="submit" value="Submit" type="submit" class="btn btn-primary h-full !rounded-s-none px-25">
                                        <span class="md:block hidden text-lg">{{ __('Subscribe Now') }}</span>
                                        <span class="md:hidden">
                                            <i class="fa-solid fa-paper-plane"></i>
                                        </span>
                                    </button>
                                </div>
                            </div>
                        </div>
                    </form>
                    @if( $show_social_icon )
                    <div class="dz-social-icon style-4">
                        <ul class="flex items-center gap-10">
                            {!! get_social_icons('','border border-[#999] size-50 block text-center p-15 text-lg rounded-full hover:bg-primary duration-500 text-[#999] hover:text-black') !!}
                        </ul>
                    </div>
                    @endif
                </div>
            </div>
            <div class="lg:w-1/2 w-full lg:h-screen flex items-center">
                <div class="lg:w-[50vw]">
                    <img class="w-full" src="{{ $maintenence_icon }}" alt="img">
                </div>	
            </div>
            <div class="text-center w-full mx-auto !mt-auto absolute bottom-20 left-0 right-0">
                <div class="flex justify-center sm:items-center max-sm:flex-col-reverse">
                    <p>{!! $copyright_title !!}</p>
                </div>
            </div>
        </div>
    </div>
</section>
