<div class="u-slant-top-reversed u-mt-neg-slant-height" style="background: white; padding-block: calc(var(--slant-height) + 40px);">
    <div class="l-contain">
        <div class="l-double  l-double--wide l-double--reversed u-spacing-pt6">
            <div class="l-double__left">

                {{--            @if(isset($component->image) && $component->image->isNotEmpty())--}}
                <img class="" loading="lazy" src="/img/detailImage.png" alt="Placeholder">
                {{--            @endif--}}
            </div>
            <div class="l-double__right  s-text  @if(isset($scopeClasses)) {{ $scopeClasses }} @endif "  data-kal="slide-up" style="margin-block: auto;">

                <h2>Ben je even van je melk?</h2>
                <p>
                    Wil je enkel het <strong>beste</strong> voor jouw kudde? Twijfel je nog of jouw <strong>teamactiviteit</strong> uiermate geschikt is voor jouw collega's?<br><br>
                    Heb je <strong>specifieke</strong> vragen? <strong>Meld je aan</strong> en krijg op basis van <strong>eenvoudige</strong> vragen advies op maat, meteen in je mail trog.
                </p>

                <form class="o-form  js-chocolate-factory" method="post" action="contact/send" id="contactForm" data-route="contact">
                    @include('site.components.form.honey')
                    <ul hidden class="c-form-feedback  js-error-area" data-feedback="@lang('site/contact.feedback_message')"></ul>
                    {{ csrf_field() }}

                    <input type="hidden" name="origin" value="{{ request()->get('original_path') }}">
                    <input type="hidden" name="name" value="Onbekend">
                    <input type="hidden" name="form_message" value="Geen bericht">

                    <div class="o-form__body">
                        <div class="o-form__row">
                            <div class="o-form__field" data-size="6">
                                @include('site.components.form.email', ['formElementCodeName' => 'email', 'isFormInputClean' => false])
                            </div>
                        </div>
                    </div>

                    <div class="o-form__submit">

{{--                    NOTE: We don't use a button to prevent bots from clicking on it--}}
                        <p class="c-button  c-button--icon  js-golden-ticket">
                            <span class="c-button__text">
                                Versturen
                            </span>
                            <i class="c-button__icon">
                                <svg width="7" height="10">
                                    <use href="/img/icon-arrowRight.svg#arrowRight"></use>
                                </svg>
                            </i>
                        </p>

                    </div>

                </form>

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

</div>