<?php $__env->startSection('additional-page-content'); ?>

    <div class="about-row">
        <div class="grid-row default-page-content">
            <div class="images">
                <?php foreach(['medium', 'small'] as $imageSize): ?>
                    <span class="<?php echo $imageSize; ?>"
                          style="background-image: url('<?php echo $page->content->second->images[0]->{$imageSize.'_image_url'}; ?>');"></span>
                <?php endforeach; ?>

                <picture>
                    <source media="(max-width: 425px)"
                            srcset="<?php echo $page->content->second->images[0]->small_image_url; ?>">
                    <img src="<?php echo $page->content->second->images[0]->medium_image_url; ?>"
                         alt="image">
                </picture>
            </div>

            <div class="content">

                <?php if(isset($page->content->second->typeName) && $page->content->second->typeName != ''): ?>
                    <h1><?php echo $page->content->second->typeName; ?></h1>
                <?php else: ?>
                    <h1><?php echo $page->translation->name; ?></h1>
                <?php endif; ?>

                <?php echo $page->content->second->description; ?>


                <a class="button" target="_blank" href="<?php echo $page->content->second->link; ?>">
                    <?php echo $page->content->second->link_text; ?>

                </a>


            </div>
        </div>
    </div>
    <div class="about-button-row">
        <div class="grid-row">
            <a class="button" href="<?php echo $links->contact->route; ?>">
                Contact opnemen
                <span class="arrow"><?php echo $__env->make('svg.arrow', array_except(get_defined_vars(), array('__data', '__path')))->render(); ?></span>
            </a>
        </div>
    </div>

<?php $__env->stopSection(); ?>
<?php echo $__env->make('layouts.pages.page', array_except(get_defined_vars(), array('__data', '__path')))->render(); ?>