<x-app-layout>
    <div class="form-container Cafelogin">
        <div class="form-image">
            <div class="l-image">
            </div>
        </div>
        <div class="form-form">
            <div class="form-form-wrap">
                <div class="form-container">
                    <div class="">

                        <style>
                            .tryelText h2{font-weight: 300;font-size: 46px;}
                            .tryelText h2 b{font-weight: 600;}
                            .tryelText p{font-size:22px;font-weight: 300;}
                            .loginBtnFullSize .btn-signUp{border-radius: 0;width:80%;}
                        </style>

                        <div class="tryelText text-center pb-4">
                            <h2>{!! __('common.trialTitle') !!}</h2>
                            <p>{{ __('common.subscriptionText') }}</p>
                        </div>

                        <div class="field-wrapper loginBtnFullSize m-0 pt-4 text-center">
                            <a href="{{ $urlSignup }}" type="submit" id="LoginBtn" class="btn-login btn-signUp"
                                value="">{{ __('auth.signupButton') }}</a>
                        </div>

                        <div class="field-wrapper pt-3">


                                <p class="textLink">
                                    {{ __('auth.AlreadyHaveAnAccount?') }}
                                    <a href="{{ $urlLogin }}"
                                        class="forgot-pass-link">{{ __('auth.loginButton') }}</a>
                                </p>

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

</x-app-layout>