Sindbad~EG File Manager

<?php get_header(); ?>

<header>
  <div class="container">
    <div class="row pt-5">
      <div class="col-12 col-md-6" id="leftMain">
        <div class="h6">AturToko percaya bahwa</div>
        <div class="h4">Setiap orang dapat memiliki kesempatannya masing-masing</div>
        <p>Untuk dapat menjangkau lebih mudah, fleksibel, dan efisien untuk memiliki usahanya sendiri.</p>
      </div>
      <div class="col-12 col-md-6" id="rightMain">
        <div id="mainImg">
          <div id="bgImg" class="d-none d-sm-block"></div>
          <img src="<?php echo get_template_directory_uri(); ?>/assets/backgrounds/headline-rev.webp" alt="Kantor AturToko" width="600" height="600" class="d-block d-md-none">
          <img src="<?php echo get_template_directory_uri(); ?>/assets/backgrounds/headline-rev.webp" alt="Kantor AturToko" width="550" height="640" class="d-none d-md-block">

          <?php
          $url = get_template_directory_uri() . '/assets/json/testi.json';
          $dataTesti = json_decode(file_get_contents($url), true);
          // print_r($dataTesti);die();

          foreach ($dataTesti['testi'] as $mydata) { ?>

            <a class="link-blur" href="#testimonial">
              <div class="blur-box">
                <div class="h6-testi">Apa kata <?= $mydata['owner'] ?>, <?= $mydata['name'] ?></div>
                <p class="short-testi"><?= $mydata['short'] ?></p>
                <img src="<?php echo get_template_directory_uri(); ?>/assets/clients/<?= $mydata['img'] ?>" alt="<?= $mydata['alt'] ?>" title="<?= $mydata['title'] ?>" class="icon-box">
              </div>
            </a>
          <?php } ?>

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

<main>
  <section class="section-home-1">
    <div class="container product">
      <p>
        Kami membantu kamu untuk berjualan di <em>marketplace</em>
        dengan tiga produk unggulan kami.
      </p>
      <h1 class="title">OmniPos, BuatToko, dan AturToko +</h1>
      <div class="cards text-center">
        <div class="d-flex flex-column flex-lg-row justify-content-between" style="gap: 30px;">
          <div class="card">
            <div class="card-body d-flex flex-column justify-content-between">
              <div class="card-title">
                <img src="<?php echo get_template_directory_uri(); ?>/assets/logos/omnipos.svg" alt="Logo OmniPOS" title="" width="200" height="50">
              </div>
              <p class="card-text" style="letter-spacing: -0.5px;">
                Mengelola bisnis <em>online</em> secara mudah dalam satu <em>dashboard</em>
              </p>
              <div class="cardProduct">
                <img src="<?php echo get_template_directory_uri(); ?>/assets/products/omnipos-card.webp" alt="Ilustrasi OmniPOS">
              </div>
              <a href="omnipos#registrasi" class="btn btn-custom1 px-4 py-2 primary-btn my-5 mx-auto">Coba Gratis</a>
            </div>
          </div>
          <div class="card">
            <div class="card-body d-flex flex-column justify-content-between">
              <div class="card-title">
                <img src="<?php echo get_template_directory_uri(); ?>/assets/logos/buattoko.svg" alt="Logo BuatToko" width="200" height="50">
              </div>
              <p class="card-text">
                Memperkuat <em>branding</em> secara tepat dengan menggunakan website
              </p>
              <div class="cardProduct">
                <img src="<?php echo get_template_directory_uri(); ?>/assets/products/buattoko-card.webp" alt="Ilustrasi BuatToko">
              </div>
              <a href="buattoko#registrasi" class="btn btn-custom2 px-4 py-2 primary-btn my-5 mx-auto">Coba Gratis</a>
            </div>
          </div>
          <div class="card">
            <div class="card-body d-flex flex-column justify-content-between">
              <div class="card-title">
                <img src="<?php echo get_template_directory_uri(); ?>/assets/logos/atplus.svg" alt="Logo AturToko +" width="200" height="50">
              </div>
              <p class="card-text">
                Cukup fokus pada produksi kamu. Kami yang memasarkan.
              </p>
              <div class="cardProduct">
                <img src="<?php echo get_template_directory_uri(); ?>/assets/products/aturtokoplus-card.webp" alt="Ilustrasi AturToko +">
              </div>
              <a href="aturtokoplus#registrasi" class="btn btn-custom3 px-5 py-2 primary-btn my-5 mx-auto">Daftar</a>
            </div>
          </div>
        </div>
      </div>
    </div>

    <div class="container">
      <div class="h6">Kelola bisnismu lebih profesional dengan AturToko</div>
      <div class="h2">Atur Toko Online Jadi Gampang!</div>
      <div class="cardInfo">
        <div class="row">
          <div class="col-12 col-md-6">
            <video controls class="w-100" preload="metadata" poster="<?php echo get_template_directory_uri(); ?>/assets/products/cover.webp" autopictureinpicture>
              <source src="<?php echo get_template_directory_uri(); ?>/assets/video/aturtoko.mp4" type="video/mp4">
              Sorry, your browser doesn't support embedded videos.
            </video>
          </div>
          <div class="col-12 col-md-6 d-flex">
            <p class="align-self-center">AturToko akan membantu mengembangkan bisnis Kamu mulai dari digital marketing,
              budgeting iklan hingga meningkatkan kinerja sosial media kamu.</p>
          </div>
        </div>
      </div>
    </div>
  </section>

  <section class="section-home-2" id="testimonial">
    <div class="container">
      <h1 class="title text-center">Apa kata mereka tentang AturToko?</h1>
      <div class="row">
        <div class="col-12">

          <div id="carouselExampleCaptions" class="carousel slide" data-ride="carousel">
            <ol class="carousel-indicators">
              <li data-target="#carouselExampleCaptions" data-slide-to="0" class="active"></li>
              <li data-target="#carouselExampleCaptions" data-slide-to="1"></li>
              <li data-target="#carouselExampleCaptions" data-slide-to="2"></li>
              <li data-target="#carouselExampleCaptions" data-slide-to="3"></li>
              <li data-target="#carouselExampleCaptions" data-slide-to="4"></li>
              <li data-target="#carouselExampleCaptions" data-slide-to="5"></li>
              <li data-target="#carouselExampleCaptions" data-slide-to="6"></li>
              <li data-target="#carouselExampleCaptions" data-slide-to="7"></li>
            </ol>
            <div class="carousel-inner">

              <?php
              $addActiveClass = 0;
              foreach ($dataTesti['testi'] as $mydata) {
                $addActiveClass++;
              ?>
                <div class="carousel-item <?php if ($addActiveClass == 1) {
                                            echo ' active';
                                          } ?>">
                  <div class="row mb-3">
                    <div class="col-12 col-md-2 client-logo">
                      <img src="<?php echo get_template_directory_uri(); ?>/assets/clients/<?= $mydata['img'] ?>" alt="<?= $mydata['alt'] ?>" title="<?= $mydata['title'] ?>" class="client-logo">
                    </div>
                    <div class="col-12 col-md-10 client-name">
                      <span><?= $mydata['owner'] ?>, <?= $mydata['name'] ?></span>
                    </div>
                  </div>
                  <div class="row">
                    <div class="col-12">
                      <p class="client-testimonial">
                        <?= $mydata['description'] ?>
                      </p>
                    </div>
                  </div>
                </div>
              <?php } ?>

            </div>
            <a class="carousel-control-prev" href="#carouselExampleCaptions" role="button" data-slide="prev">
              <span class="carousel-control-prev-icon" aria-hidden="true"></span>
              <span class="sr-only">Previous</span>
            </a>
            <a class="carousel-control-next" href="#carouselExampleCaptions" role="button" data-slide="next">
              <span class="carousel-control-next-icon" aria-hidden="true"></span>
              <span class="sr-only">Next</span>
            </a>
          </div>
        </div>
      </div>
    </div>
  </section>


  <section class="section-home-3">
    <div class="liputan">
      <div class="container">
        <h1 class="h2 text-center">Liputan AturToko</h2>
        <div class="partner-carousel">

          <?php
          $urlJsonliputan = get_template_directory_uri() . '/assets/json/liputan.json';
          $dataliputan = json_decode(file_get_contents($urlJsonliputan), true);
          foreach ($dataliputan['liputan'] as $mydata) { ?>
            <div class="slide">
              <img src="<?php echo get_template_directory_uri(); ?>/assets/coverage/<?= $mydata['img'] ?>" width="12.5rem" alt="<?= $mydata['alt'] ?>" title="<?= $mydata['title'] ?>" height="12.5rem" class="slick-img">
            </div>
          <?php } ?>

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

  <section class="section-home-3">
    <div class="partner">
      <div class="container">
        <h1 class="h2 text-center">Partner Kami</h1>

        <div class="partner-carousel">

          <?php
          $urlJsonpartner = get_template_directory_uri() . '/assets/json/partner.json';
          $datapartner = json_decode(file_get_contents($urlJsonpartner), true);
          foreach ($datapartner['partner'] as $mydata) { ?>
            <img src="<?php echo get_template_directory_uri(); ?>/assets/partners/<?= $mydata['img'] ?>" width="12.5rem" alt="<?= $mydata['alt'] ?>" title="<?= $mydata['title'] ?>" height="12.5rem" class="slick-img">
          <?php } ?>

        </div>

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

  <section class="section-home-3">
    <div class="container pt-5">

        <div class="header-blog">
          <h1 class="h2 text-center"><a href="blog">Blog Aturtoko</a></h1>
        </div>

      <div class="product">
        <div class="cards1 text-center">
          <div class="d-flex flex-column flex-lg-row justify-content-between" style="gap: 30px;">

            <div class="row">
              <?php
              $args = array(
                'posts_per_page' => 6,
                'post_type'     => 'post',
                'post_status'    => 'publish',
                'orderby'       => 'date',
                'order'         => 'DESC',
                'paged' => $paged
              );

              $loop = new WP_Query($args);
              if ($loop->have_posts()) {
                // $newsQuery = new WP_Query('post_type=post','post_status=publish');
                //     if($newsQuery->have_posts()) : 
                while ($loop->have_posts()) : $loop->the_post(); ?>
                  <div class="col-md-4 my-3">
                    <div class="card1 h-100">
                      <div class="card1-body d-flex flex-column justify-content-between">
                        <div class="cobaProduct">
                          <?php if (has_post_thumbnail()) : ?>
                            <?php the_post_thumbnail(); ?>
                          <?php else : ?>
                            <img src="<?php echo get_template_directory_uri(); ?>/assets/img/bg-contoh.jpg" alt="Ilustrasi AturToko +">
                          <?php endif ?>
                        </div>
                        <div class="card1-title">
                          <h2><a href="<?php the_permalink(); ?>"><?php the_title(); ?></a></h2>
                        </div>
                        <p class="card1-text">
                          <?php the_excerpt(); ?>
                        </p>
                      </div>
                    </div>
                  </div>

              <?php endwhile;
              } ?>


            </div>

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

  </section>

</main>

<?php get_footer(); ?>