<?php $__env->startSection('content'); ?>
  <?php while(have_posts()): ?> <?php the_post() ?>

   <div data-scroll-section>
      <section class="home-hero">
      <div class="hero_background">
        <div class="hero_overlay"></div>
        <div class="hero_image" data-scroll>
          <?php if (get_field('hero_background')) : ?>
          <img id="teste" src="<?php echo e(get_field('hero_background')['sizes']['xlarge']); ?>" alt="<?= get_field('hero_background')['alt']; ?>" />
          <?php endif; ?>
        </div>
      </div>

      <div class="hero_logo"> <?php echo $__env->make('svg.logo', \Illuminate\Support\Arr::except(get_defined_vars(), ['__data', '__path']))->render(); ?>  <?php echo $__env->make('svg.logo-small', \Illuminate\Support\Arr::except(get_defined_vars(), ['__data', '__path']))->render(); ?> </div>
      <span class="hero_scroll"></span>
    </section>

    <section class="home-mission bg-black" id="mission">
      <div class="grid-container">
        <div class="grid-x grid-margin-x">
          <div class="cell small-12 medium-6 large-5 large-offset-1">
            <div class="parallax-wrapper image">
              <div class="image-container" >
                <div class="inner-image-container">
                <?php if (get_field('mission_image')) : ?>
                <img src="<?php echo e(get_field('mission_image')['sizes']['large']); ?>" alt="<?= get_field('mission_image')['alt']; ?>" data-scroll data-scroll-speed="-1"/>
                <?php endif; ?>
                </div>
              </div>
            </div>
          </div>

          <div class="cell small-12 medium-6 large-4 large-offset-1">
            <div class="mission__info">
              <?php if (get_field('mission_uppertitle')) : ?>
              <span class="uppertitle"><?= get_field('mission_uppertitle'); ?></span>
              <?php endif; ?>

              <?php if (get_field('mission_title')) : ?>
              <h2 class="title white" data-scroll data-scroll-call="animateText"><?= get_field('mission_title'); ?></h2>
              <?php endif; ?>

              <?php if (get_field('mission_text')) : ?>
              <p class="white" data-scroll data-scroll-call="animateText"><?= get_field('mission_text'); ?></h2>
              <?php endif; ?>
            </div>
          </div>

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

    <section class="home-factory bg-grey" id="factory" data-scroll-section> 
      <div class="grid-container">
        <div class="rotating-text" data-scroll data-scroll-repeat="true"> <?php echo $__env->make('svg.rotating-text', \Illuminate\Support\Arr::except(get_defined_vars(), ['__data', '__path']))->render(); ?> </div>
        
        <div class="grid-x grid-margin-x">
          <div class="cell medium-6 large-4 large-offset-1">
            <div class="factory__info">
              <?php if (get_field('factory_uppertitle')) : ?>
              <span class="uppertitle"><?= get_field('factory_uppertitle'); ?></span>
              <?php endif; ?>

              <?php if (get_field('factory_title')) : ?>
              <h2 class="title black" data-scroll data-scroll-call="animateText"><?= get_field('factory_title'); ?></h2>
              <?php endif; ?>

              <?php if (get_field('factory_text')) : ?>
              <p class="black" data-scroll data-scroll-call="animateText"><?= get_field('factory_text'); ?></p>
              <?php endif; ?>

              <?php if (get_field('factory_link')) : ?>
                <a class="btn" href="<?= get_field('factory_link')['url']; ?>" target="<?= get_field('factory_link')['target']; ?>"> <?= get_field('factory_link')['title']; ?>  <?php echo $__env->make('svg.arrow-link', \Illuminate\Support\Arr::except(get_defined_vars(), ['__data', '__path']))->render(); ?> </a>
              <?php endif; ?>
            </div>
          </div>

          <div class="cell medium-6 large-5 large-offset-1">
            <div class="parallax-wrapper image">
              <div class="image-container" >
                <div class="inner-image-container">
                  <?php if (get_field('factory_image')) : ?>
                  <img src="<?php echo e(get_field('factory_image')['sizes']['large']); ?>" alt="<?= get_field('factory_image')['alt']; ?>" data-scroll data-scroll-speed="-1"/>
                  <?php endif; ?>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </section>

    <section class="home-production" id="production" data-scroll-section>
      <div class="grid-container">
        <div class="grid-x grid-margin-x">
          <div class="cell small-12 medium-10 medium-offset-1 large-9 large-offset-1">
            <div class="production__slideshow" data-scroll>
              <div class="swiper-container">
                <div class="swiper-wrapper">
                  <?php if (get_field('production_gallery')) : ?>
                    <?php $__currentLoopData = get_field('production_gallery'); $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $image): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                      <div class="swiper-slide prod-slide">
                        <div class="image-wrapper">
                          <img src="<?php echo e($image['sizes']['large']); ?>" alt="<?php echo e($image['alt']); ?>"/>
                        </div>
                        <span class="slide-caption"></span>
                      </div>
                    <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
                  <?php endif; ?>
                </div>

                <div class="prod-swiper-nav">
                  <div class="swiper-button-prev pro-nav-prev"> <?php echo $__env->make('svg.prev', \Illuminate\Support\Arr::except(get_defined_vars(), ['__data', '__path']))->render(); ?> </div>
                  <div class="swiper-button-next pro-nav-next">  <?php echo $__env->make('svg.next', \Illuminate\Support\Arr::except(get_defined_vars(), ['__data', '__path']))->render(); ?> </div>
                </div>
              </div>

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

        <div class="grid-x grid-margin-x grid-absolute pe-none">
          <div class="cell small-12 medium-8 medium-offset-1 large-5 large-offset-6">
            <div class="production__info bg-black">
              <?php if (get_field('production_uppertitle')) : ?>
              <span class="uppertitle"><?= get_field('production_uppertitle'); ?></span>
              <?php endif; ?>

              <?php if (get_field('production_title')) : ?>
              <h2 class="title white" data-scroll data-scroll-call="animateText"><?= get_field('production_title'); ?></h2>
              <?php endif; ?>

              <?php if (get_field('production_text')) : ?>
              <p class="white" data-scroll data-scroll-call="animateText"><?= get_field('production_text'); ?></h2>
              <?php endif; ?>
            </div>
          </div>
        </div>
      </div>
    </section>

    <section class="home-services bg-grey" id="services" data-scroll-section>
      <div class="grid-container">
        <div class="grid-x grid-margin-x align-middle">
          <div class="cell medium-8 medium-offset-1 large-4 large-offset-1 float-center">
            <div class="services__info">
              <?php if (get_field('services_uppertitle')) : ?>
              <span class="uppertitle"><?= get_field('services_uppertitle'); ?></span>
              <?php endif; ?>

              <?php if (get_field('services_title')) : ?>
              <h2 class="title black" data-scroll data-scroll-call="animateText"><?= get_field('services_title'); ?></h2>
              <?php endif; ?>

              <?php if (get_field('services_text')) : ?>
              <p class="black" data-scroll data-scroll-call="animateText"><?= get_field('services_text'); ?></h2>
              <?php endif; ?>
            </div>
          </div>

          <div class="cell medium-10 medium-offset-1 large-5 large-offset-1">
            <div class="services__slideshow" data-scroll>
              <div class="swiper-pagination">
                <span class="active"></span> <?php echo $__env->make('svg.line', \Illuminate\Support\Arr::except(get_defined_vars(), ['__data', '__path']))->render(); ?> <span class="total"></span>
              </div>

              <div class="swiper-container">
                <div class="swiper-wrapper">
                  <?php if (get_field('services_gallery')) : ?>
                    <?php $__currentLoopData = get_field('services_gallery'); $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $image): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                      <div class="swiper-slide ser-slide">
                        <div class="image-wrapper">
                          <img src="<?php echo e($image['sizes']['large']); ?>" alt="<?php echo e($image['alt']); ?>"/>
                        </div>
                        <span class="slide-caption"></span>
                      </div>
                    <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
                  <?php endif; ?>
                </div>

                <div class="ser-swiper-nav">
                  <div class="swiper-button-prev"> <?php echo $__env->make('svg.prev', \Illuminate\Support\Arr::except(get_defined_vars(), ['__data', '__path']))->render(); ?> </div>
                  <div class="swiper-button-next">  <?php echo $__env->make('svg.next', \Illuminate\Support\Arr::except(get_defined_vars(), ['__data', '__path']))->render(); ?> </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </section>

    <section class="home-testimonials bg-black" id="testimonials" data-scroll-section>
      <div class="grid-container">
        <div class="grid-x grid-margin-x">
          <div class="cell medium-8 medium-offset-2 large-10 large-offset-1">
            <?php if (get_field('testimonials_uppertitle')) : ?>
              <span class="uppertitle" data-scroll><?= get_field('testimonials_uppertitle'); ?></span>
            <?php endif; ?>

            <?php if (get_field('testimonials_title')) : ?>
              <h2 class="title white" data-scroll data-scroll-call="animateText"><?= get_field('testimonials_title'); ?></h2>
            <?php endif; ?>

            <div class="testimonials__slideshow" data-scroll>
              <div class="swiper-container">
                <div class="swiper-wrapper">
                  <?php if (have_rows('testimonials')) : ?><?php while (have_rows('testimonials')) : the_row(); ?>
                  <div class="swiper-slide bg-white">
                    <span class="testimonials-icon"><?php echo $__env->make('svg.quote', \Illuminate\Support\Arr::except(get_defined_vars(), ['__data', '__path']))->render(); ?></span>
                    <p class="black"><?= get_sub_field('text'); ?></p>
                    <div class="testimonials-info">
                      <span class="testimonials-picture"><img src="<?php echo e(get_sub_field('picture')['sizes']['thumbnail']); ?>" /></span>
                      <span class="black"><?= get_sub_field('name'); ?></span>
                      <span class="testimonials-label black"><?= get_sub_field('label'); ?></span>
                    </div>
                  </div>
                  <?php endwhile; endif; ?>
                </div>

                <div class="swiper-pagination"></div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </section>

    <section class="home-contacts" id="contacts" data-scroll-section>
      <div class="grid-container">
        <div class="grid-x grid-margin-x">
          <div class="cell medium-5 medium-offset-1 large-3 large-offset-0">
            <div class="contacts__info">
              <?php if (get_field('contacts_uppertitle')) : ?>
              <span class="uppertitle"><?= get_field('contacts_uppertitle'); ?></span>
              <?php endif; ?>

              <?php if (get_field('contacts_address')) : ?>
              <span class="address black"><?= get_field('contacts_address'); ?></span>
              <?php endif; ?>

              <?php if (get_field('contacts_email')) : ?>
              <a class="email black" href="mailto:<?= get_field('contacts_email'); ?>"> <?= get_field('contacts_email'); ?> </a>
              <?php endif; ?>

              <?php if (get_field('contacts_phone')) : ?>
              <a class="phone black" href="tel:<?= get_field('contacts_phone'); ?>"> <?= get_field('contacts_phone'); ?> </a>
              <?php endif; ?>

              <?php if (get_field('contacts_link')) : ?>
              <a class="btn" href="<?= get_field('contacts_link')['url']; ?>" target="<?= get_field('contacts_link')['target']; ?>"> <?= get_field('contacts_link')['title']; ?>  <?php echo $__env->make('svg.arrow-link', \Illuminate\Support\Arr::except(get_defined_vars(), ['__data', '__path']))->render(); ?> </a>
              <?php endif; ?>
            </div>
          </div>

          <div class="cell medium-5 large-8 large-offset-1">
            <div class="contacts__maps" data-scroll>
              <div id="map" class="map"></div>
            </div>
          </div>
        </div>
      </div>
    </section>

    <?php echo $__env->make('partials.map.gmaps', \Illuminate\Support\Arr::except(get_defined_vars(), ['__data', '__path']))->render(); ?>
    <?php echo $__env->make('partials.content-page', \Illuminate\Support\Arr::except(get_defined_vars(), ['__data', '__path']))->render(); ?>
  <?php endwhile; ?>
<?php $__env->stopSection(); ?>




<?php echo $__env->make('layouts.app', \Illuminate\Support\Arr::except(get_defined_vars(), ['__data', '__path']))->render(); ?><?php /**PATH /Users/joanaac/Sites/fcportuense/wp-content/themes/fcportuense/resources/views/template-home.blade.php ENDPATH**/ ?>