<?php 
/*
Template Name: Portfolio Oaks
*/

get_header('new');
?>

<section class="section banner oaks-banner">
    <div class="container">
        <div class="row">
            <div class="col-lg-6">
                <div class="text-cont">
                    <h1 class="banner-heading">
                        <?php echo get_field('banner_title'); ?>
                    </h1>
                    <?php echo get_field('banner_description'); ?>
                    <div class="banner-btns">
                        <a href="<?php echo get_field('banner_left_button_link'); ?>" class="animated-cta-btn primary"><?php echo get_field('banner_left_button_text'); ?></a>
                        <a href="<?php echo get_field('banner_right_button_link_'); ?>" class="animated-cta-btn accent-btn"><?php echo get_field('banner_right_button_text'); ?></a>
                    </div>
                </div>
            </div>
            <div class="col-lg-6">
                <div class="img-cont d-block text-lg-end text-center">
					<?php
	$desktop_img_url = get_field('columns_right_image');
	$mobile_img_url  = get_field('columns_right_image_mobile');
?>
    <picture>
        <source class="no-lazy" media="(max-width: 767px)" srcset="<?php echo $mobile_img_url ? $mobile_img_url : $desktop_img_url ?>">
        <img src="<?php echo $desktop_img_url;?>" loading="eager" fetchpriority="high" decoding="async" width="474" height="497" class="img-fluid no-lazy"  alt="<?php echo strip_tags( get_field('banner_title') ); ?>">
    </picture>
                </div>
            </div>
        </div>
    </div>
</section>

<section class="section industry-experience">
    <div class="container">
        <div class="row">
            <?php
                $cards     = get_field('counter_cards');
                $direction = ['right', 'up', 'left'];
            ?>
            <?php if (is_array($cards) && count($cards)) : ?>
                <?php for ($i=0; $i < count($cards); $i++) : ?>
                    <div class="col-md-4">
                        <div class="card ml-0 slide-<?php echo $direction[$i]; ?>">
                            <div class="img-cont">
                                <img src="<?php echo $cards[$i]['image']; ?>" alt="<?php echo $cards[$i]['of']; ?>" class="img-fluid" width="78" height="72">
                            </div>
                            <div class="text-cont">
                                <h3><?php echo $cards[$i]['number']; ?></h3>
                                <p><?php echo $cards[$i]['of']; ?></p>
                            </div>
                        </div>
                    </div>
                <?php endfor; ?>
            <?php endif; ?>
        </div>
    </div>
</section>

<?php $rows = get_field('two_columns'); ?>
<section class="section company-profile">
    <div class="container">
        <div class="row align-items-center">
            <div class="col-lg-6">
                <div class="text-cont slide-right">
                    <?php echo $rows[0]['text']; ?>
                </div>
            </div>
            <div class="col-lg-6">
                <div class="img-cont slide-left">
                    <img src="<?php echo $rows[0]['image']; ?>" alt="Company Profile" class="img-fluid" width="546" height="442" loading="lazy" decoding="async">
                </div>
            </div>
        </div>
    </div>
</section>


<section class="section the-challenge" style="background-image: url('<?php echo $rows[1]['bg_image']; ?>')">
    <div class="container">
      <div class="row align-items-lg-center">
          <div class="col-lg-6">
              <div class="img-cont slide-right">
                    <img src="<?php echo $rows[1]['image']; ?>" alt="<?php echo strip_tags( $rows[1]['heading'] ); ?>" class="img-fluid" loading="lazy" decoding="async" width="483" height="482">
              </div>
          </div>
          <div class="col-lg-6">
              <div class="text-cont slide-left">
                  <h2 class="section-title"><?php echo $rows[1]['heading']; ?></h2>
                  <p class="section-content">
                  <?php echo $rows[1]['text']; ?>
                  </p>
              </div>
          </div>
      </div>
    </div>
</section>

<section class="section the-solution">
    <div class="container">
       <div class="row">
           <div class="col-lg-6">
               <div class="text-cont slide-right">
                   <h2 class="section-title"><?php echo $rows[2]['heading']; ?></h2>
                   <p class="section-content">
                   <?php echo $rows[2]['text']; ?>
                   </p>
               </div>
           </div>
           <div class="col-lg-6">
               <div class="img-cont slide-left">
                    <img src="<?php echo $rows[2]['image']; ?>" alt="<?php echo strip_tags( $rows[2]['heading'] ); ?>" class="img-fluid" loading="lazy" width="492" height="466">
               </div>
           </div>
       </div>
    </div>
</section>

<section class="section the-result">
    <div class="container">
        <div class="text-cont slide-down">
            <h2 class="section-title"><?php echo get_field('counter_cards_2_heading'); ?></h2>
        </div>
        <div class="row">
            <?php
                $cards     = get_field('counter_cards_2');
                $direction = ['right', 'right', 'left', 'left'];
            ?>
            <?php if (is_array($cards) && count($cards)) : ?>
                <?php for ($i=0; $i < count($cards); $i++) : ?>
                    <div class="col-lg-3 col-md-6 col-sm-6">
                        <div class="card slide-<?php echo $direction[$i]; ?>">
                            <h3><?php echo $cards[$i]['number']; ?> </h3>
                            <p><?php echo $cards[$i]['of']; ?></p>
                        </div>
                    </div>
                <?php endfor; ?>
            <?php endif; ?>
        </div>
    </div>
</section>

<section class="section client-reviews">
    <div class="container">
        <div class="portfolio-reviews-slider slide-down">
            <div class="item">
                <div class="text-cont">
                    <p><?php echo get_field('review_quote'); ?></p>
                </div>
                <h3><?php echo get_field('review_quote_name'); ?></h3>
                <h4><?php echo get_field('review_quote_position'); ?></h4>
                <?php echo get_field('review_quote_stars'); ?>
            </div>
        </div>
    </div>
</section>

<?php echo get_template_part('templates-parts/pages/contact-form') ?>

<?php get_footer();?>
