<?php
//template name: Sobre nós

get_header();


$section_main = get_field('secao_principal');
$section_main_title = $section_main['titulo'];
$section_main_text = $section_main['texto'];

$section_pink = get_field('secao_rosa');
$section_pink_title = $section_pink['titulo'];
$section_pink_text = $section_pink['texto'];
$section_pink_img = $section_pink['imagem'];

$section_white = get_field('secao_branca');
$section_white_title = $section_white['titulo'];
$section_white_text = $section_white['texto'];
$section_white_img = $section_white['imagem'];

$section_black = get_field('secao_preta');
$section_black_title = $section_black['titulo'];
$section_black_text = $section_black['texto'];
$section_black_img = $section_black['imagem'];
?>

<main class="wc-about">
  <section class="wc-about-main">
    <h1><?php echo $section_main_title ?></h1>
    <p><?php echo $section_main_text ?></p>
  </section>

  <section class="wc-about-pink">
    <div class="wc-about__content">
      <h2><?php echo $section_pink_title ?></h2>
      <p><?php echo $section_pink_text ?></p>
    </div>

    <img src="<?php echo $section_pink_img ?>" />
  </section>

  <section class="wc-about-white">
    <img src="<?php echo $section_white_img ?>" />
    <div class="wc-about__content">
      <h2><?php echo $section_white_title ?></h2>
      <p><?php echo $section_white_text ?></p>
    </div>
  </section>

  <section class="wc-about-black">
    <div class="wc-about__content">
      <h2><?php echo $section_black_title ?></h2>
      <p><?php echo $section_black_text ?></p>
    </div>

    <img src="<?php echo $section_black_img ?>" />
  </section>

  <?php if (!wp_is_mobile()): ?>
    <section class="wc-about-clients">
      <h2>Nossos clientes</h2>

      <?php get_template_part('template-parts/components/grid-clients-moc'); ?>

      <div class="wc-about-clients__button">
        <a class="wc-button-link-pink" href="/contato">
          <span>Fale conosco</span>
        </a>
      </div>
    </section>
  <?php endif; ?>

  <div class="wc-limit-screen wc-service-content-wp">
    <?php the_content(); ?>
  </div>
</main>

<?php get_footer(); ?>