<div id="intro-row">
    <div class="intro-wrapper">

        <div class="shadow-stroke-inverse"></div>

        @if ($blocks->has("intro_row"))
            <div class="content-wrapper">

                    <div class="contact-block">
                        @if ($blocks->has("contact_block"))
                                <div class="profile-image-wrapper">
                                    <img src="/img/structure/profile_sergio.png"/>
                                </div>

                                <h2>{{ $blocks->get("contact_block")->translation->name }}</h2>
                                {{ $blocks->get("contact_block")->translation->description }}
                        @endif
                    </div>

                    <div class="seperator">
                        <div class="curly-separator">
                            <img src="/img/structure/vertical_seperator_white.svg">
                        </div>
                    </div>

                    <div class="intro-information-block">
                        @if ($blocks->has("intro_information_block"))

                                <h2 class="sub-title">{{ $blocks->get("intro_information_block")->translation->name }}</h2>
                                {{ $blocks->get("intro_information_block")->translation->description }}

                                <div class="btn btn-secondary btn-light internalScroll" data-href="about">@lang('translations.more_information')<span class="arrow-icon-down"><img src="/img/icons/arrow.svg"></span></div>
                        @endif
                    </div>

            </div>

        @endif
    </div>
</div>