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


    <div class="grid-container">

        <?php /* Banner */ ?>

        <div class="banner">

            <div class="fixable-container">

                <div class="fixable-wrapper">

                    <div class="swiper-container swiper-resize" data-custom="home">
                        <div class="swiper-wrapper">

                            <?php foreach($images as $image): ?>

                                <div class="swiper-slide">
                                    <img class="image preload fill" src="<?php echo $image->large_image_url; ?>" alt="<?php echo $page->name; ?>"/>
                                </div>

                            <?php endforeach; ?>

                        </div>
                    </div>

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

    <section class="alt-background">

        <div class="grid-container">

            <?php /* Background left-side from mid-section */ ?>
            <div class="background left-outer-background"></div>

            <?php /* Background right-side from mid-section */ ?>
            <div class="background left-inner-background"></div>

            <div class="transparent-smile">


                <a class="column-4 corner-button" href="/zakelijk">
                    <span class="title">Zakelijk</span>
                    <span class="square-button"></span>
                </a>
            </div>

            <div class="margin-left-1 padding-left-2 padding-right-2 column-9 intro">
                <?php echo $page->description; ?>

            </div>
            <?php /* First album */ ?>
            <div class="column-7">
                <?php echo $__env->make('layouts.partials.callToActionImage',[
                    'name' => $albumPages[0]->name,
                    'route' => $albumPages[0]->route,
                    'thumb' => $albumPages[0]->large_image_url
                ], array_except(get_defined_vars(), array('__data', '__path')))->render(); ?>
            </div>
            <div class="column-7 home-quote-holder valign-parent ratio">
                <span class="valign-child">
                    &rsquo;Een fotoshoot voor uw bedrijf
                    of uw gezin? Smile vindt d&eacute;
                    passende oplossing voor u.&lsquo;
                </span>
            </div>

            <?php /* Background right-side from mid-section */ ?>
            <div class="background right-outer-background"></div>

        </div>
        <div class="white-bottom-bar"></div>

    </section>

    <section class="white-background">

        <div class="grid-container">

            <?php /* Second album */ ?>
            <div class="margin-left-7 column-7 second-album">
                <?php echo $__env->make('layouts.partials.callToActionImage',[
                    'name' => $albumPages[1]->name,
                        'route' => $albumPages[1]->route,
                        'thumb' => $albumPages[1]->large_image_url
                ], array_except(get_defined_vars(), array('__data', '__path')))->render(); ?>
            </div>

            <?php /* Third album */ ?>
            <div class="column-7 margin-right-7 last-album">
                <?php echo $__env->make('layouts.partials.callToActionImage',[
                    'name' => $albumPages[2]->name,
                    'route' => $albumPages[2]->route,
                    'thumb' => $albumPages[2]->large_image_url
                ], array_except(get_defined_vars(), array('__data', '__path')))->render(); ?>
            </div>

        </div>
    </section>

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