@extends('layout.appHome')

@section('content')

<section class="section login-banner">
    <div class="container pad-toggle">
        <div class="row">
            <div class="col-12 p-0">
                <div class="full-banner">
                    <div class="align-middle">
                        <div class="row w-100 m-0">
                            <div class="col-xxl-8 col-xl-8 col-lg-7 col-md-12 col-sm-12">
                                <div class="align-middle">
                                    <div class="headings">
                                        <div class="title">
                                            <h1 class="text-lightBlack">
                                                The <span class="text-blue" >Aquasphere.ai</span> Passport
                                            </h1>
                                            <p class="text-lightBlack">One login across our entire ecosystem</p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="col-xxl-4 col-xl-4 col-lg-5 col-md-12 col-sm-12">
                                <div class="align-middle">
                                    <div class="ucard br-blue p-4">
                                        <!-- <div class="form-title">Your session has expired!</div> -->
                                        <div class="mh-300 w-100">
                                            <div class="align-middle">
                                                <div class="w-100">
                                                    <div class="row">
                                                        <div class="col-12">
                                                            <div class="align-middle center">
                                                                <div class="form-title">Your session has expired!</div>
                                                                <p class="section-details">
                                                                    Please click on Login to continue...
                                                                </p>
                                                            </div>

                                                        </div>
                                                        <div class="col-12 text-center mb-4">
                                                            <a href="{{ url('login') }}" class="btn center btn-blue">Login with Aquasphere Passport</a>
                                                        </div>

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

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

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

@endsection


@section('header-class', 'login')
@section('hide-login-reg', 'd-none')