@extends('layout')
@section('content')
<style>
    .plan-box{
        position:absolute;
        position:fixed;
        left:0;
        top:0;
        padding:30px;
        background:rgba(0,0,0,0.3);
        width:100%;
        height:100vh;
        z-index:1000;
    }
    .popup-box{
        width:360px;
        border-radius:10px;
        padding:50px;
    }
</style>
    <div class=" plan-box" >
        <div class="row py-5">
            <div class="col-md-12 d-flex justify-content-center mt-5">
                <div class="bg-white popup-box" >
                    <h1 class="display-5">You Have No Plan !</h1>
                    <p class="mb-5">Choose your plan for better experience</p>

                    <div class="d-flex justify-content-center">
                        <a href="{{asset('upgrade-plan')}}" class="btn btn-outline-primary px-2">Buy Now</a>
                    </div>
                    
                </div>
               
            </div>
            
        </div>
        
    </div>
@endsection