<?php include('header.php'); ?>
<section id="homeVideoSec"
>
  <!-- <video autoplay muted loop id="myVideo">
    <source src="images/km166.mp4" type="video/mp4">
  </video> -->
  <img src="images/bannerhome.webp" />
  <div id="videoBlock" class="vertical-middle min-vh-100">
    <div class="container py-5 py-md-0">
      <div class="row">
        <div class="col-lg-7 col-md-8">
          <h1 class="display-4 fw-bold" style="color:white; text-shadow: 2px 1px #333;">
            Rest Area KM 166 A<br />Rest Area KM 164 B
          </h1>
          <p class="lead mb-5" style="color:white; text-shadow: 2px 1px #333;">
            Rest Area Tipe A, Tol Cipali
          </p>
        </div>
      </div>
    </div>
  </div>

</section>

<section id="content">
  <div class="content-wrap pt-3 pb-0">
    <div class="section bg-transparent py-2">
      <div class="container">
        <div class="row">
          <div class="col-md-7">
            <h2 class="display-4 fw-semibold ls--2">
              Berpengalaman dalam
              <span
                data-separator="|"
                data-rotate="fadeIn"
                data-speed="2000"
              >
                <span class="t-rotate"
                  >Pengelolaan</span
                >
              </span>
              Rest Area
            </h2>
          </div>
          <div class="col-md-5">
            <p class="lead text-muted">
              PT. Wirani Sons merupakan Perusahaan yang bergerak di bidang pengelolaan Rest Area jalan tol. Berdiri sejak tahun 2010, PT. Wirani Sons telah berpengalaman mengelola beberapa Rest Area di daerah Cikopo, Cipali Jawa Barat.
            </p>
          </div>
        </div>

        <div class="row justify-content-between align-items-center" style="padding-top:60px;">
          <div
            class="col-lg-8 col-md-10 offset-lg-2 offset-md-1 bottommargin-lg"
          >
            <a
              href="images/video-new2.mp4"
              data-lightbox="iframe"
              class="play-video position-relative"
              ><img
                src="images/masjid.webp"
                alt="Video Image"
                class="rounded-3 shadow-lg"
              />
              <i class="icon-play"></i>
            </a>
          </div>
        </div>
      </div>
    </div>

    <div
      class="overflow-hidden parallax d-flex align-items-center"
      data-bottom-top="background-position:0px 200px;"
      data-top-bottom="background-position:0px -400px;"
      style="
        background-image: url('demos/coworking/images/hero.jpg');
        background-size: cover;
        height: 600px;
        width: 100%;
      "
    >
      <div class="container">
        <div class="row">
          <div class="col-lg-6">
            <h2 class="text-white" style="text-shadow: 2px 1px #333;">
            Berdiri sejak tahun 2010, PT.Wirani Sons telah berpengalaman mengelola beberapa Rest Area didaerah Cikopo,Cipali Jawa Barat.
            </h2>
          </div>
        </div>
      </div>
    </div>
    
    <div class="bg-theme-light">
      <div class="shadow-sm hero-features bg-color dark shadow">
        <div class="row">
          <div class="col-md-4 mt-3 mt-md-0">
            <div class="feature-box fbox-plain fbox-sm fbox-dark mb-0">
              <div class="fbox-icon">
                <i class="icon-line-circle-check"></i>
              </div>
              <div class="fbox-content">
                <h3 class="text-white">Perencanaan</h3>
                <p class="text-white mb-0">
                  Perencanaan, pengukuran, pembuatan design, layout, konstruksi, dan pengerjaan proyek
                </p>
              </div>
            </div>
          </div>
          <div class="col-md-4 mt-3 mt-md-0">
            <div class="feature-box fbox-plain fbox-sm fbox-dark mb-0">
              <div class="fbox-icon">
                <i class="icon-line-circle-check"></i>
              </div>
              <div class="fbox-content">
                <h3 class="text-white">Pembangunan & Pengelolaan</h3>
                <p class="text-white mb-0">
                  Pembangunan dan pengelolaan secara profesional
                </p>
              </div>
            </div>
          </div>
          <div class="col-md-4 mt-3 mt-md-0">
            <div class="feature-box fbox-plain fbox-sm fbox-dark mb-0">
              <div class="fbox-icon">
                <i class="icon-line-circle-check"></i>
              </div>
              <div class="fbox-content">
                <h3 class="text-white">Perawatan</h3>
                <p class="text-white mb-0">
                  Perawatan fasilitas umum dengan baik dan tersusun sesuai dengan agenda
                </p>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>

    <div class="section mt-0 pt-md-5 pt-0">
      <div class="container clearfix">
        <div class="row align-items-md-center mb-5">
          <div class="col-md-6 pe-5">
            <div class="heading-block mb-4 border-bottom-0">
              <h2 class="nott fw-semibold">
                Rest Area Terbaik<br>2018 & 2020<br>
                <span style="font-size:25px; color:#333;">@officialkm166 @officialkm164</span>
              </h2>
            </div>
            <div class="row">
              <div class="col-6 col-sm-6 mb-4">
                <h3 class="nott fw-semibold">
                  Data Traffic<br>
                  Rest Area KM 166 A
                </h3>
                <span class="counter color fw-semibold">
                  <span
                    data-from="1"
                    data-to="4000"
                    data-refresh-interval="2"
                    data-speed="900"
                  ></span
                  > 
                </span> <span style="font-size:18px">Unit Mobil</span>
                <h5 class="mt-0 fw-medium">Daily Regular</h5>
        
                <span class="counter color fw-semibold">
                  <span
                    data-from="1"
                    data-to="12000"
                    data-refresh-interval="2"
                    data-speed="900"
                  ></span
                  > 
                </span> <span style="font-size:18px">Unit Mobil</span>
                <h5 class="mt-0 fw-medium">Daily Weekend</h5>

                <span class="counter color fw-semibold">
                  <span
                    data-from="1"
                    data-to="120000"
                    data-refresh-interval="2"
                    data-speed="900"
                  ></span
                  > 
                </span> <span style="font-size:18px">Unit Mobil</span>
                <h5 class="mt-0 fw-medium">National Holiday</h5>
              </div>
              
              <div class="col-6 col-sm-6 mb-4">
                <h3 class="nott fw-semibold">
                  Data Traffic<br>
                  Rest Area KM 164 B
                </h3>
                <span class="counter color fw-semibold">
                  <span
                    data-from="1"
                    data-to="4500"
                    data-refresh-interval="2"
                    data-speed="900"
                  ></span
                  > 
                </span> <span style="font-size:18px">Unit Mobil</span>
                <h5 class="mt-0 fw-medium">Daily Regular</h5>
        
                <span class="counter color fw-semibold">
                  <span
                    data-from="1"
                    data-to="13500"
                    data-refresh-interval="2"
                    data-speed="900"
                  ></span
                  > 
                </span> <span style="font-size:18px">Unit Mobil</span>
                <h5 class="mt-0 fw-medium">Daily Weekend</h5>

                <span class="counter color fw-semibold">
                  <span
                    data-from="1"
                    data-to="105000"
                    data-refresh-interval="2"
                    data-speed="900"
                  ></span
                  > 
                </span> <span style="font-size:18px">Unit Mobil</span>
                <h5 class="mt-0 fw-medium">National Holiday</h5>
              </div>
            </div>
            <p class="text-muted">
              Wirani Sons memaksimalkan lahan potensial untuk pengembangan prasarana umum serta mengembangkan segi bisnisnya. Kami mendesign, mengkonsepkan, membangun dan mengelola secara profesional.
            </p>
          </div>
          <div class="col-md-3 col-sm-6">
            <div class="card shadow-sm border-light">
              <img
                src="demos/coworking/images/features/3.jpg"
                alt="Featured image 1"
                class="card-img-top"
              />
              <div class="card-body">
                <h5 class="card-title fw-semibold color">
                  PLAYGROUND
                </h5>
                <p class="card-text">
                  Tersedia playground yang dapat membantu anak-anak melepaskan penat dan lelah.
                </p>
              </div>
            </div>
            <div class="card shadow-sm border-light mt-4">
              <img
                src="images/foodcourt1.webp"
                alt="Featured image 2"
                class="card-img-top"
              />
              <div class="card-body">
                <h5 class="card-title fw-semibold color">
                  FOOD COURT
                </h5>
                <p class="card-text">
                  Area food court yang di desain simple dan bersih, dengan varian makanan tradisional yang menarik.
                </p>
              </div>
            </div>
          </div>
          <div class="col-md-3 col-sm-6 ps-sm-3 mt-3 mt-sm-0">
            <div class="card shadow-sm border-light">
              <img
                src="images/masjid2.webp"
                alt="Featured image 3"
                class="card-img-top"
              />
              <div class="card-body">
                <h5 class="card-title fw-semibold color">
                  MASJID
                </h5>
                <p class="card-text">
                  Masjid Termegah di Rest Area Cipali - Republika.co.id
                </p>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>

<section id="content" style="display:none">
  <div class="content-wrap">
    <div class="container clearfix">
      <div class="row justify-content-center mb-5">
        <div class="col-xl-6 col-lg-8 text-center">
          <h3 class="h1 fw-bold mb-3">Update & Event Terbaru</h3>
        </div>
      </div>
      <div class="post-grid row col-mb-30">
        <div class="entry col-lg-4 col-md-6">
          <div class="grid-inner shadow-sm card rounded-5">
            <a
              href="images/blog1.jpg"
              data-lightbox="image"
            >
              <img
                src="images/blog1.jpg"
                alt="Image"
                class="card-img-top"
              />
            </a>
            <div class="p-4">
              <div class="entry-title">
                <h3 class="nott ls0 h5">
                  <a href="event-detail.php">AREA DOME KM 166</a>
                </h3>
              </div>
              <div class="entry-meta">
                <ul>
                  <li><i class="icon-calendar3"></i> 10 Feb 2022</li>
                </ul>
              </div>
              <div class="entry-content mt-4">
                <p class="mb-0">
                  Pembangunan dan pengoperasian area tempat makan yang berada di antara Masjid BSI dengan Ibu Haji Cijantung.
                </p>
              </div>
            </div>
          </div>
        </div>
        <div class="entry col-lg-4 col-md-6">
          <div class="grid-inner shadow-sm card rounded-5">
            <a
              href="images/blog2.jpg"
              data-lightbox="image"
            >
              <img
                src="images/blog2.jpg"
                alt="Image"
                class="card-img-top"
              />
            </a>
            <div class="p-4">
              <div class="entry-title">
                <h3 class="nott ls0 h5">
                  <a href="event-detail.php">Dear Pemudik, Ini Fasilitas Rest Area KM 166 Tol Cipali</a>
                </h3>
              </div>
              <div class="entry-meta">
                <ul>
                  <li><i class="icon-calendar3"></i> 10 Apr 2022</li>
                </ul>
              </div>
              <div class="entry-content mt-4">
                <p class="mb-0">
                Perjalanan mudik biasanya cukup menguras energi, apalagi setelah bermacet-macetan di jalan. Oleh sebab itu, pemudik lebih baik beristirahat sejenak dan tidak perlu terburu-buru sampai ke kampung halaman.
                </p>
              </div>
            </div>
          </div>
        </div>
        <div class="entry col-lg-4 col-md-6">
          <div class="grid-inner shadow-sm card rounded-5">
            <a
              href="images/blocks/preview/card-6/1.jpg"
              data-lightbox="image"
            >
              <img
                src="images/blocks/preview/card-6/1-thumb.jpg"
                alt="Image"
                class="card-img-top"
              />
            </a>
            <div class="p-4">
              <div class="entry-title">
                <h3 class="nott ls0 h5">
                  <a href="event-detail.php">Akan Segera dibangun Hotel di Rest Area KM 166 & KM 164 Tol Cipali</a>
                </h3>
              </div>
              <div class="entry-meta">
                <ul>
                  <li><i class="icon-calendar3"></i> 24 Jun 2022</li>
                </ul>
              </div>
              <div class="entry-content mt-4">
                <p class="mb-0">
                Langkah PT Puri Sentul Permai (PSP) Tbk menggarap bisnis hotel di kawasan rest area jalan tol terus berlanjut. Menggaet mitra PT Wirani Sons, anak usaha PT Lintas Marga Sedaya (Astra Tol)..
                </p>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</section>
    
    
    <div
      class="section mb-0 pb-0 bg-theme-light clearfix"
      style="padding-top: 120px"
    >
      <div class="container"> 
        <div class="row">
          <div class="col-md-8 offset-1">
            <h2 class="nott fw-semibold display-4" style="color:white; text-shadow: 2px 1px #333;">Hubungi Kami Sekarang</h2>
            <h4 class="fw-light mb-4" style="color:white; text-shadow: 2px 1px #333;">
              Inquiry kerjasama, sewa outlet dan space
            </h4>
            <a
              href="mailto:marketing-sales@wirani.co.id"
              class="button button-rounded button-xlarge m-0 nott fw-semibold ls0 px-5"
              >Email Kami</a
            >
          </div>
        </div>
      </div>
      <img
        src="demos/coworking/images/footer-bg.jpg"
        alt="Footer Image"
        class="footer-img"
      />
    </div>
  </div>
</section>

<?php include('footer.php'); ?>