@extends('frontend.layouts.app')

@section('content')
<style>
header .navbar {
    background: #1a1a1a !important;
    padding-top: 10px;
}
</style>
<main>

    <section class="banner bannercon">
        <div class="main-slide">
            <div class="dawn">
                <div class="h-100 position-relative">
                    <img src="{{asset('assets/front/images/contact123.png')}}"  class="img-fluid banner-img" alt="">
                    <div class="container h-100">
                        <div class="row h-100">
                            <div class="banner-slider">
                                <div class="content" data-aos="fade-right" data-aos-duration="1500">
                                    <h3>Sign Up</h3>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <section class="log_in_section_banner logsign services22">
        <div class="container">
            <div class="row justify-content-center">

                <div class="col-12 col-sm-12 col-md-12 col-lg-10 col-xxl-10">
                    <div class="row row_section_bg">
                        <div class="col-12 col-sm-12 col-md-12 col-lg-6 col-xxl-6 padding_col_div panel">
                            <div class="h-100 sign_up_img_container aos-init aos-animate" data-aos="fade-right"
                                data-aos-delay="0" data-aos-duration="2000">
                                <h1 class="state_heading">Lorem Ipsum is <br>simply dummy.</h1>
                                <p class="react_related_para">
                                    Create a free account and get all related
                                    features. No credit card needed.
                                </p>
                                <div>
                                    <div class="img_section_flex">
                                        <img src="{{asset('assets/front/images/img1.png')}}"  class="img_client" alt="">
                                        <img src="{{asset('assets/front/images/img2.png')}}"  class="img_client" alt="">
                                        <img src="{{asset('assets/front/images/img3.png')}}"  class="img_client" alt="">
                                        <img src="{{asset('assets/front/images/img4.png')}}"  class="img_client" alt="">
                                        <img src="{{asset('assets/front/images/img5.png')}}"  class="img_client" alt="">
                                        <img src="{{asset('assets/front/images/img6.png')}}"  class="img_client" alt="">
                                        <img src="{{asset('assets/front/images/img7.png')}}"  class="img_client" alt="">
                                        <img src="{{asset('assets/front/images/img8.png')}}"  class="img_client" alt="">
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="col-12 col-sm-12 col-md-12 col-lg-6 col-xxl-6 padding_col_div panel">
                            <div class="h-100 main_bg_logo_indig0_about aos-init aos-animate" data-aos="fade-left"
                                data-aos-delay="0" data-aos-duration="2000">
                                <div>
                                    <img src="{{asset('assets/front/images/logo.png')}}"  class="indigi_logo_login_section" alt="">
                                </div>
                                <div>
                                    <h6 class="log_in_heading_contact">Sign up</h6>
                                    <p class="log_in_heading_contact2">Start you 30 days free trial.</p>

                                </div>

                                <form action="{{ route('signUpPost') }}" method="post">
                                    @csrf
                                    <div class="input_email_flex">
                                        <label for="" class="email_label_login">First Name*</label>
                                        <input type="text" name="f_name" placeholder="Enter your First Name" class="email_input_field">
                                    </div>
                                    
                                    <div class="input_email_flex">
                                        <label for="" class="email_label_login">Last Name*</label>
                                        <input type="text" name="l_name" placeholder="Enter your Last Name" class="email_input_field">
                                    </div>
    
                                    <div class="input_email_flex">
                                        <label for="" class="email_label_login">E-mail*</label>
                                        <input type="email" name="email" placeholder="Enter your E-mail" class="email_input_field">
                                    </div>
    
    
                                    <div class="input_email_flex">
                                        <label for="" class="email_label_login">Password*</label>
                                        <input type="password" name="password" placeholder="Create a password" class="email_input_field">
                                        <p class="atleast_para_password">Must be at least 8 characters.</p>
                                    </div>
    
                                    <div>
                                        <button class="sign_up_btn" type="submit">Create Account</button>
                                    </div>
                                </form>
                                <!--<a href="{{ route('login.google') }}" class="relative_log_in_btn_Div">-->
                                <!--    <button class="sign_up_btn2">Signup with Google</button>-->

                                <!--    <img src="{{asset('assets/front/images/google_icon.png')}}" class="absolute_icon_g" alt="">-->


                                <!--</a>-->

                                <div>
                                    <p class="don_t_have_account">Don't have an account? <a href="{{ route('user.login') }}"><strong
                                                class="strong_sign_up">Login</strong></a></p>
                                </div>
                            </div>


                        </div>


                    </div>
                </div>

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


</main>

@endsection