@extends('Frontend.layouts.app')
@section('content')
@include('Frontend.layouts.header')
<div class="section page-banner" style="background-image: url(assets/images/page-banner.webp);">
    <div class="container">

        <!-- Page Banner Content Start -->
        <div class="page-banner-content">
            <h2 class="title">Login</h2>
            <p>Peerly is the best Spa therapy is the best way of Spa perfectly simple and easy to distinguish power</p>
            <ul class="breadcrumb">
                <li><a href="index.html">Home</a></li>
                <li>Login</li>
            </ul>
        </div>
        <!-- Page Banner Content End -->
    </div>

    <!-- Page Social Start -->
    <div class="page-social">
        <div class="container">

            <ul class="social">
                <li><a href="#"><i class="fa fa-facebook-f"></i></a></li>
                <li><a href="#"><i class="fa fa-twitter"></i></a></li>
                <li><a href="#"><i class="fa fa-instagram"></i></a></li>
            </ul>

        </div>
    </div>
    <!-- Page Social End -->

</div>


  <!-- Login & Register Section Start -->
  <div class="section section-padding-02">
    <div class="container">

        <!-- Register & Login Wrapper Start -->
        <div class="register-login-wrapper">
            <div class="row justify-content-center">
                <div class="col-lg-6 col-xl-5">
                    <!-- Register & Login Form Start -->
                    <div class="register-login-form">
                        <h3 class="title">Login <span>Now</span></h3>

                        <div class="form-wrapper">
                            <form action="#">
                                <!-- Single Form Start -->
                                
                                <!-- Single Form End -->
                                <!-- Single Form Start -->
                                <div class="single-form">
                                    <input type="email" placeholder="Email">
                                </div>
                                <!-- Single Form End -->
                                <!-- Single Form Start -->
                                <div class="single-form">
                                    <input type="password" placeholder="Password">
                                </div>
                                <!-- Single Form End -->
                            
                                <!-- Single Form Start -->
                                <div class="single-form">
                                    <button class="btn btn-primary btn-hover-dark w-100">Create an account</button>
                                    <a class="btn btn-dark btn-hover-primary w-100" href="#">Sign up with Google</a>
                                </div>
                                <!-- Single Form End -->
                                <p>Already have an account? <a href="{{route('user.register')}}">Log in instead!</a></p>
                            </form>
                        </div>
                    </div>
                    <!-- Register & Login Form End -->
                </div>
            </div>
        </div>
        <!-- Register & Login Wrapper End -->

    </div>
</div>
<!-- Login & Register Section End -->

@include('Frontend.layouts.footer')
@endsection