<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Cilegon Arsip - Harga Aspal Terbaru</title>
	<atom:link href="https://hargaaspal.com/category/cilegon/feed/" rel="self" type="application/rss+xml" />
	<link>https://hargaaspal.com/category/cilegon/</link>
	<description>Info Harga Aspal Terbaru. Menyediakan Berbagai Macam Jenis Aspal Berkualitas</description>
	<lastBuildDate>Wed, 26 Nov 2025 09:02:39 +0000</lastBuildDate>
	<language>id</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	<generator>https://wordpress.org/?v=6.9.4</generator>

<image>
	<url>https://hargaaspal.com/wp-content/uploads/2025/08/cropped-logo-harga-aspal-small-size-32x32.png</url>
	<title>Cilegon Arsip - Harga Aspal Terbaru</title>
	<link>https://hargaaspal.com/category/cilegon/</link>
	<width>32</width>
	<height>32</height>
</image> 
	<item>
		<title>Harga Aspal Cilegon: Pilihan Tepat untuk Kebutuhan Proyek Konstruksi Anda</title>
		<link>https://hargaaspal.com/harga-aspal-cilegon/</link>
		
		<dc:creator><![CDATA[Harga Aspal]]></dc:creator>
		<pubDate>Sat, 19 Jul 2025 05:11:56 +0000</pubDate>
				<category><![CDATA[Cilegon]]></category>
		<category><![CDATA[Harga Aspal]]></category>
		<guid isPermaLink="false">https://hargaaspal.com/?p=4687</guid>

					<description><![CDATA[<p>Dalam dunia konstruksi modern, aspal menjadi elemen utama yang tidak bisa diabaikan. Kami memahami bahwa keberhasilan proyek jalan maupun infrastruktur</p>
<p>Artikel <a href="https://hargaaspal.com/harga-aspal-cilegon/">Harga Aspal Cilegon: Pilihan Tepat untuk Kebutuhan Proyek Konstruksi Anda</a> pertama kali tampil pada <a href="https://hargaaspal.com">Harga Aspal Terbaru</a>.</p>
]]></description>
										<content:encoded><![CDATA[
<p>Dalam dunia konstruksi modern, aspal menjadi elemen utama yang tidak bisa diabaikan. Kami memahami bahwa keberhasilan proyek jalan maupun infrastruktur sangat bergantung pada kualitas material yang digunakan. Oleh karena itu, kami hadir untuk memberikan <a href="https://hargaaspal.com/harga-aspal-cilegon/" target="_blank" rel="noreferrer noopener">Harga Aspal Cilegon</a> yang kompetitif dengan produk berkualitas tinggi, demi menunjang kelancaran dan ketahanan setiap proyek Anda. Komitmen kami adalah menyediakan material dengan standar mutu tinggi yang telah teruji untuk memastikan daya tahan dan efisiensi pengerjaan.</p>



<section class="hargaaspal-menu">
  <!-- Heading Menu dengan animasi -->
  <div class="menu-heading-alt">
    <span>MENU</span>
  </div>

  <div class="menu-container-angled">
    <a href="#Produk" class="menu-link-angled" style="--i:0;">
      <span class="menu-title">Produk Aspal Kami</span>
    </a>

    <a href="#Harga" class="menu-link-angled" style="--i:1;">
      <span class="menu-title">Daftar Harga</span>
    </a>

    <a href="#Form" class="menu-link-angled" style="--i:3;">
      <span class="menu-title">Form Pemesanan</span>
    </a>
  </div>

  <!-- Garis Bawah Menu -->
  <div class="menu-bottom-line"></div>
</section>

<style>
/* Heading Menu dengan garis kiri-kanan + tulisan miring */
.menu-heading-alt {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 1.8rem;
  font-family: 'Segoe UI', sans-serif;
  overflow: hidden;
}

.menu-heading-alt::before,
.menu-heading-alt::after {
  content: "";
  flex: 1;
  height: 3px;
  background: linear-gradient(to right, transparent, #a10026);
  margin: 0 10px;
  border-radius: 2px;
  transform: scaleX(0);
  transform-origin: center;
  animation: lineWipe 0.5s forwards;
}

.menu-heading-alt::after {
  background: linear-gradient(to left, transparent, #a10026);
  animation-delay: 0.3s;
}

.menu-heading-alt span {
  font-size: 1.6rem;
  font-weight: 700;
  color: #091b32;
  letter-spacing: 2px;
  font-style: bold;
  opacity: 0;
  transform: translateY(12px);
  animation: textFadeUp 0.5s forwards 0.3s;
}

/* Container menu */
.menu-container-angled {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 1rem;
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 1rem;
}

/* Menu link berbentuk jajar genjang */
.menu-link-angled {
  flex: 1 1 calc(25% - 1rem);
  background: #a10026;
  color: #fff;
  text-align: center;
  padding: 1.5rem 0.5rem;
  text-decoration: none;
  font-family: 'Segoe UI', sans-serif;
  font-weight: 600;
  transform: skew(-15deg) translateY(25px);
  border-radius: 8px;
  box-shadow: 0 4px 10px rgba(0,0,0,0.15);
  position: relative;
  opacity: 0;
  animation: cardSlideUp 0.5s forwards;
  animation-delay: calc(var(--i) * 0.15s + 0.6s);
  transition: all 0.3s ease;
}

.menu-link-angled span {
  display: block;
  transform: skew(15deg); /* Balikin text agar tidak miring di tombol */
}

.menu-link-angled:hover {
  background: #091b32;
  box-shadow: 0 6px 14px rgba(0,0,0,0.25);
  transform: skew(-15deg) translateY(-3px);
}

.menu-title {
  font-size: 1.2rem;
  text-transform: uppercase;
}

/* Garis Bawah Menu */
.menu-bottom-line {
  width: 100%;
  height: 3px;
  background: linear-gradient(to right, transparent, #a10026, transparent);
  margin-top: 1.5rem;
  transform: scaleX(0);
  transform-origin: center;
  animation: lineWipeFull 0.6s forwards;
  animation-delay: 1s;
  border-radius: 2px;
}

/* Animasi */
@keyframes lineWipe {
  to { transform: scaleX(1); }
}

@keyframes lineWipeFull {
  to { transform: scaleX(1); }
}

@keyframes textFadeUp {
  to { opacity: 1; transform: translateY(0); }
}

@keyframes cardSlideUp {
  to {
    opacity: 1;
    transform: skew(-15deg) translateY(0);
  }
}

/* Responsif */
@media (max-width: 992px) {
  .menu-link-angled {
    flex: 1 1 calc(50% - 1rem);
  }
}
@media (max-width: 480px) {
  .menu-link-angled {
    flex: 1 1 100%;
  }
}
</style>

<script>
// Smooth scroll
document.querySelectorAll('a[href^="#"]').forEach(anchor => {
  anchor.addEventListener("click", function (e) {
    e.preventDefault();
    const target = document.querySelector(this.getAttribute("href"));
    if (target) {
      target.scrollIntoView({ behavior: "smooth", block: "start" });
    }
  });
});
</script>



<h2 class="wp-block-heading has-text-align-center"></h2>



<section id="Produk">
<h2 class="subjudul">Jenis-Jenis Aspal yang Kami Tawarkan</h2>
</section>



<p>Kami menawarkan berbagai tipe aspal untuk berbagai kebutuhan dan karakteristik proyek. Berikut beberapa jenis aspal yang kami sediakan antara lain:</p>



<h3 class="wp-block-heading">1. Aspal Penetrasi (Aspal Penetration Grade)</h3>



<p>Jenis ini paling umum dalam pembangunan jalan raya. Kami menyediakan aspal penetrasi dengan berbagai tingkat kekentalan seperti 60/70 dan 80/100 yang ideal untuk iklim tropis seperti Indonesia.</p>



<figure class="wp-block-image aligncenter size-full is-resized"><img fetchpriority="high" decoding="async" width="400" height="257" src="https://hargaaspal.com/wp-content/uploads/2025/07/harga-aspal-cilegon.webp" alt="harga aspal cilegon" class="wp-image-4690" style="width:400px;height:auto"/></figure>



<h3 class="wp-block-heading">2. Aspal Emulsi</h3>



<p>Aspal ini cocok untuk perkerasan jalan dengan teknik cold mix atau pekerjaan pemeliharaan jalan. Selain itu, <a href="https://hargaaspal.com/pengertian-prime-coat/" target="_blank" rel="noreferrer noopener">prime coat</a> sangat sering untuk sebagai lapisan pengikat antara base dan permukaan jalan dalam proses pengaspalan.</p>



<h3 class="wp-block-heading">3. Aspal Hotmix</h3>



<p>Produk ini sangat cocok untuk pembangunan jalan dengan lalu lintas tinggi karena memiliki daya tahan tinggi terhadap beban berat dan cuaca ekstrem. Di samping itu kami menyediakan aspal hotmix dalam berbagai spesifikasi sesuai kebutuhan proyek Anda.</p>



<h3 class="wp-block-heading">4. Aspal Curah dan Drum</h3>



<p>Kami menyediakan aspal dalam bentuk curah dan drum yang memudahkan proses penyimpanan dan pengangkutan ke lokasi proyek. Selain itu anda dapat memilih sesuai kapasitas dan skala kebutuhan.</p>



<section id="Harga">
<h2 class="subjudul">Daftar Harga Aspal Cilegon Terbaru</h2>
</section>



<p>Kami menyadari pentingnya informasi harga yang akurat untuk perencanaan anggaran. Oleh karena itu, kami menyediakan tabel <a href="https://hargaaspal.com/" target="_blank" rel="noreferrer noopener">harga aspal</a> Cilegon yang akan mempermudah Anda dalam mengambil keputusan pembelian. Berikut kisaran harga aspal:</p>


<div class="wp-tabel-harga-aspal">
  <style>
    .wp-tabel-harga-aspal {
      font-family: 'Segoe UI', sans-serif;
      display: flex;
      justify-content: center;
      padding: 1.5rem 0;
      background-color: transparent;
    }

    .wp-tabel-harga-aspal .tabel-container {
      border-radius: 8px;
      overflow: hidden;
      box-shadow: 0 2px 8px rgba(0,0,0,0.08);
      max-width: 850px;
      width: 100%;
      background-color: #ffffff;
      animation: fadeInAspal 0.6s ease;
      transition: box-shadow 0.3s ease;
    }

    .wp-tabel-harga-aspal .tabel-container:hover {
      box-shadow: 0 4px 12px rgba(0,0,0,0.12);
    }

    .wp-tabel-harga-aspal .tabel-biaya-aspal {
      width: 100%;
      border-collapse: collapse;
    }

    .wp-tabel-harga-aspal .tabel-biaya-aspal thead {
      background-color: #a10026;
      color: #ffffff;
    }

    .wp-tabel-harga-aspal .tabel-biaya-aspal th, 
    .wp-tabel-harga-aspal .tabel-biaya-aspal td {
      padding: 18px 22px;
      border-bottom: 1px solid #e5e7eb;
      text-align: left;
      font-size: 1.4rem; /* lebih besar lagi */
      line-height: 1.6;
    }

    .wp-tabel-harga-aspal .tabel-biaya-aspal tbody tr:nth-child(even) {
      background-color: #f9f9f9;
    }

    .wp-tabel-harga-aspal .tabel-biaya-aspal tbody tr:hover {
      background-color: #fff1f3;
      transition: background-color 0.3s ease;
    }

    .wp-tabel-harga-aspal .tabel-biaya-aspal tbody tr:last-child td {
      border-bottom: none;
    }

    @media (max-width: 600px) {
      .wp-tabel-harga-aspal .tabel-biaya-aspal th, 
      .wp-tabel-harga-aspal .tabel-biaya-aspal td {
        padding: 14px 16px;
        font-size: 1.2rem; /* tetap besar tapi proporsional di HP */
      }
    }

    @keyframes fadeInAspal {
      from { opacity: 0; transform: translateY(10px); }
      to { opacity: 1; transform: translateY(0); }
    }
  </style>

  <div class="tabel-container">
    <table class="tabel-biaya-aspal" aria-label="Tabel harga aspal hotmix 2025">
      <thead>
        <tr>
          <th>Nama Bahan</th>
          <th>Harga per Ton</th>
        </tr>
      </thead>
      <tbody>
        <tr><td>AC BC</td><td>Rp 1.220.000,-</td></tr>
        <tr><td>AC WC</td><td>Rp 1.270.000,-</td></tr>
        <tr><td>AC WC IV A</td><td>Rp 1.290.000,-</td></tr>
        <tr><td>ATB</td><td>Rp 1.175.000,-</td></tr>
        <tr><td>HRS</td><td>Rp 1.355.000,-</td></tr>
        <tr><td>3 Laston</td><td>Rp 1.315.000,-</td></tr>
        <tr><td>3 Laston Spesial</td><td>Rp 1.420.000,-</td></tr>
        <tr><td>Sand Sheet</td><td>Rp 1.525.000,-</td></tr>
        <tr><td>Sand Sheet Spesial</td><td>Rp 1.640.000,-</td></tr>
        <tr><td>Emulsi (Per-Liter)</td><td>Rp 12.500,- / Liter</td></tr>
        <tr><td>Emulsi (Per-Drum)</td><td>Rp 12.801,- / Liter</td></tr>
      </tbody>
    </table>
  </div>
</div>



<section class="daftar-harga-section">
  <div class="harga-container">

    <div class="harga-grid">

      <!-- III Laston -->
      <div class="harga-card">
        <div class="card-header">III Laston</div>
        <div class="card-body">
          <div class="harga-row"><span>2 cm</span><strong>Rp 90.000,-/m²</strong></div>
          <div class="harga-row"><span>3 cm</span><strong>Rp 115.000,-/m²</strong></div>
        </div>
      </div>

      <!-- III Laston Spesial -->
      <div class="harga-card">
        <div class="card-header">III Laston Spesial</div>
        <div class="card-body">
          <div class="harga-row"><span>1 cm</span><strong>Rp 60.000,-/m²</strong></div>
          <div class="harga-row"><span>2 cm</span><strong>Rp 90.000,-/m²</strong></div>
          <div class="harga-row"><span>3 cm</span><strong>Rp 115.000,-/m²</strong></div>
        </div>
      </div>

      <!-- Sandsheet -->
      <div class="harga-card">
        <div class="card-header">Sandsheet</div>
        <div class="card-body">
          <div class="harga-row"><span>1 cm</span><strong>Rp 60.000,-/m²</strong></div>
          <div class="harga-row"><span>2 cm</span><strong>Rp 90.000,-/m²</strong></div>
        </div>
      </div>

      <!-- HRS -->
      <div class="harga-card">
        <div class="card-header">HRS</div>
        <div class="card-body">
          <div class="harga-row"><span>2 cm</span><strong>Rp 90.000,-/m²</strong></div>
          <div class="harga-row"><span>3 cm</span><strong>Rp 115.000,-/m²</strong></div>
          <div class="harga-row"><span>4 cm</span><strong>Rp 145.000,-/m²</strong></div>
        </div>
      </div>

      <!-- AC-WC -->
      <div class="harga-card">
        <div class="card-header">AC-WC</div>
        <div class="card-body">
          <div class="harga-row"><span>3 cm</span><strong>Rp 115.000,-/m²</strong></div>
          <div class="harga-row"><span>4 cm</span><strong>Rp 145.000,-/m²</strong></div>
          <div class="harga-row"><span>5 cm</span><strong>Rp 200.000,-/m²</strong></div>
        </div>
      </div>

      <!-- AC-BC -->
      <div class="harga-card">
        <div class="card-header">AC-BC</div>
        <div class="card-body">
          <div class="harga-row"><span>4 cm</span><strong>Rp 145.000,-/m²</strong></div>
          <div class="harga-row"><span>5 cm</span><strong>Rp 200.000,-/m²</strong></div>
        </div>
      </div>

      <!-- ATB -->
      <div class="harga-card">
        <div class="card-header">ATB</div>
        <div class="card-body">
          <div class="harga-row"><span>5 cm</span><strong>Rp 200.000,-/m²</strong></div>
        </div>
      </div>

    </div>
  </div>
</section>

<style>
  .daftar-harga-section {
    font-family: 'Segoe UI', sans-serif;
    background: #fdfdfd;
    padding: 50px 20px;
    display: flex;
    justify-content: center;
  }

  .harga-container {
    width: 100%;
    max-width: 1100px;
  }

  .harga-title {
    background: #a10026;
    color: #fff;
    text-align: center;
    font-weight: 600;
    font-size: 22px;
    padding: 18px;
    border-radius: 10px;
    text-transform: uppercase;
    margin-bottom: 30px;
    letter-spacing: 0.5px;
  }

  .harga-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
    gap: 25px;
  }

  .harga-card {
    background: #fff;
    border-radius: 14px;
    border: 1px solid #fff6ef;
    box-shadow: 0 4px 12px rgba(0,0,0,0.08);
    overflow: hidden;
    transition: all 0.3s ease;
  }

  .harga-card:hover {
    transform: translateY(-6px);
    box-shadow: 0 8px 18px rgba(0,0,0,0.15);
  }

  .card-header {
    background: #a10026;
    color: #fff;
    font-weight: 700;
    font-size: 17px;
    text-align: center;
    padding: 14px 10px;
    border-bottom: 1px solid #f9f1f3;
  }

  .card-body {
    padding: 14px 20px;
    background: #fffdfd;
  }

  .harga-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 0;
    border-bottom: 1px dashed #e6dada;
    font-size: 15px;
    color: #091b32;
  }

  .harga-row:last-child {
    border-bottom: none;
  }

  .harga-row strong {
    color: #a10026;
    font-weight: 700;
  }

  @media (max-width: 600px) {
    .harga-grid {
      grid-template-columns: 1fr;
    }

    .harga-row {
      flex-direction: column;
      align-items: flex-start;
      gap: 6px;
      font-size: 14px;
    }

    .card-header {
      font-size: 16px;
      padding: 12px;
    }
  }
</style>




<p class="has-text-align-center"><em>nb : untuk mengetahui&nbsp;harga aspal&nbsp;terbaru dan terupdate dapat menghubungi&nbsp;kami</em></p>



<h2 class="wp-block-heading has-text-align-center"></h2>


<style>
  .kontak-btn-container {
    display: flex;
    justify-content: center; /* tombol berada di tengah */
    gap: 1rem;
    flex-wrap: wrap;
    margin: 1.5rem 0;
    font-family: 'Segoe UI', sans-serif;
  }

  .kontak-btn {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 12px 18px;
    border-radius: 8px;
    font-size: 1rem;
    font-weight: 600;
    text-decoration: none;
    color: #fff;
    transition: all 0.3s ease;
    box-shadow: 0 2px 6px rgba(0,0,0,0.15);
  }

  .kontak-btn:hover {
    transform: translateY(-3px);
    box-shadow: 0 4px 10px rgba(0,0,0,0.2);
  }

  .btn-wa {
    background-color: #25D366; /* Hijau WhatsApp */
  }

  .btn-wa:hover {
    background-color: #1eb354;
  }

  .btn-telp {
    background-color: #a10026; /* red branding */
  }

  .btn-telp:hover {
    background-color: #002d55;
  }

  .kontak-btn svg {
    width: 20px;
    height: 20px;
  }
</style>

<div class="kontak-btn-container">
  <!-- Tombol WhatsApp -->
  <a 
    href="https://api.whatsapp.com/send?phone=62817892028&text=Halo%20hargaaspal.com,%20mohon%20informasi%20mengenai%20harga%20aspal%20dan%20jasa%20pengaspalan." 
    target="_blank" 
    class="kontak-btn btn-wa"
  >
    <!-- Ikon WhatsApp -->
    <svg xmlns="http://www.w3.org/2000/svg" fill="white" viewBox="0 0 24 24">
      <path d="M20.52 3.48A11.9 11.9 0 0012 .07C5.39.07.07 5.39.07 12c0 2.11.55 4.15 1.6 5.95L0 24l6.22-1.63A11.93 11.93 0 0012 23.93c6.61 0 11.93-5.32 11.93-11.93 0-3.19-1.24-6.19-3.41-8.52zM12 21.45c-1.91 0-3.77-.51-5.39-1.47l-.39-.23-3.69.97.99-3.59-.25-.37a9.43 9.43 0 01-1.5-5.15c0-5.22 4.25-9.47 9.47-9.47 2.53 0 4.9.98 6.68 2.76a9.4 9.4 0 012.79 6.72c0 5.22-4.25 9.47-9.47 9.47zm5.25-7.12c-.29-.15-1.73-.85-2-1-.27-.1-.47-.15-.67.15-.19.29-.77.96-.94 1.15-.17.2-.35.22-.64.07-.29-.15-1.22-.45-2.32-1.44-.86-.77-1.44-1.72-1.61-2.01-.17-.29-.02-.45.13-.6.13-.13.29-.35.43-.52.15-.17.19-.29.29-.48.1-.19.05-.36-.02-.52-.07-.15-.67-1.62-.91-2.21-.24-.58-.48-.5-.67-.51h-.57c-.19 0-.52.07-.79.36-.27.29-1.04 1.01-1.04 2.47s1.07 2.87 1.22 3.07c.15.19 2.11 3.22 5.1 4.51.71.31 1.26.5 1.69.64.71.23 1.35.2 1.86.12.57-.08 1.73-.71 1.98-1.4.25-.69.25-1.28.17-1.4-.07-.13-.26-.2-.55-.35z"/>
    </svg>
    WhatsApp
  </a>

  <!-- Tombol Telepon -->
  <a href="tel:62817892028" class="kontak-btn btn-telp">
    <!-- Ikon Telepon -->
    <svg xmlns="http://www.w3.org/2000/svg" fill="white" viewBox="0 0 24 24">
      <path d="M6.62 10.79a15.534 15.534 0 006.59 6.59l2.2-2.2a1 1 0 011.01-.24c1.12.37 2.33.57 3.58.57a1 1 0 011 1V21a1 1 0 01-1 1C10.07 22 2 13.93 2 3a1 1 0 011-1h3.5a1 1 0 011 1c0 1.25.2 2.46.57 3.58.09.32.02.66-.24 1.01l-2.21 2.2z"/>
    </svg>
    Konsultasi Gratis
  </a>
</div>




<p class="has-text-align-center"></p>



<h2 class="subjudul">Mengapa Memilih Aspal dari Kami di Cilegon</h2>



<p>Cilegon terkenal sebagai pusat industri strategis di Banten. Selain itu dengan perkembangan infrastruktur yang pesat, kebutuhan akan aspal berkualitas pun terus meningkat. Kami hadir untuk menjawab kebutuhan ini dengan berbagai keunggulan sebagai berikut:</p>



<section style="background-color:#f9f9f9; padding:60px 20px; font-family: 'Segoe UI', sans-serif;">
  <div style="max-width:1100px; margin:0 auto; text-align:center;">
    <div style="display:grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap:30px;">

      <!-- Card 1 -->
      <div style="background:#fff; border-radius:12px; padding:30px; box-shadow:0 4px 10px rgba(0,0,0,0.08); transition:all 0.3s;">
        <div style="font-size:24px; font-weight:700; color:#a10026; margin-bottom:15px;">01</div>
        <h3 style="font-size:20px; color:#091b32; margin-bottom:10px;">Kualitas Aspal Terbaik</h3>
        <p style="color:#555; font-size:15px;">Setiap produk aspal telah melalui proses pengujian dan kontrol kualitas yang ketat, memenuhi standar nasional dan internasional baik dari viskositas, titik leleh, hingga daya rekat.</p>
      </div>

      <!-- Card 2 -->
      <div style="background:#fff; border-radius:12px; padding:30px; box-shadow:0 4px 10px rgba(0,0,0,0.08); transition:all 0.3s;">
        <div style="font-size:24px; font-weight:700; color:#a10026; margin-bottom:15px;">02</div>
        <h3 style="font-size:20px; color:#091b32; margin-bottom:10px;">Pengiriman Cepat &#038; Tepat Waktu</h3>
        <p style="color:#555; font-size:15px;">Dengan jaringan distribusi luas dan logistik efisien, kami menjamin aspal tiba di lokasi proyek Cilegon tepat waktu untuk mendukung kelancaran pekerjaan tanpa penundaan.</p>
      </div>

      <!-- Card 3 -->
      <div style="background:#fff; border-radius:12px; padding:30px; box-shadow:0 4px 10px rgba(0,0,0,0.08); transition:all 0.3s;">
        <div style="font-size:24px; font-weight:700; color:#a10026; margin-bottom:15px;">03</div>
        <h3 style="font-size:20px; color:#091b32; margin-bottom:10px;">Ketersediaan Produk Lengkap</h3>
        <p style="color:#555; font-size:15px;">Tersedia berbagai jenis aspal sesuai kebutuhan proyek, baik pembangunan jalan baru, perawatan jalan lama, hingga aplikasi khusus seperti bandara atau pelabuhan.</p>
      </div>

      <!-- Card 4 -->
      <div style="background:#fff; border-radius:12px; padding:30px; box-shadow:0 4px 10px rgba(0,0,0,0.08); transition:all 0.3s;">
        <div style="font-size:24px; font-weight:700; color:#a10026; margin-bottom:15px;">04</div>
        <h3 style="font-size:20px; color:#091b32; margin-bottom:10px;">Harga Kompetitif</h3>
        <p style="color:#555; font-size:15px;">Harga Aspal Cilegon yang kami tawarkan sangat bersaing, transparan tanpa biaya tersembunyi sehingga Anda dapat merencanakan anggaran dengan lebih tepat.</p>
      </div>

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



<h2 class="subjudul">Komitmen Kami terhadap Kepuasan Pelanggan</h2>



<p>Kepercayaan pelanggan adalah prioritas utama kami. Oleh karena itu, kami memberikan jaminan produk yang sesuai spesifikasi, layanan cepat, dan kemudahan dalam setiap proses transaksi. Karena kepuasan Anda adalah cerminan dari keberhasilan kami. Kami juga bekerjasama dengan <a href="https://hargaaspal.com/jasa-pengaspalan-cilegon/" target="_blank" rel="noreferrer noopener">jasa pengaspalan Cilegon</a> dalam menyuplai material aspal berkualitas dalam proses pengaspalan.</p>



<h2 class="subjudul">Testimoni</h2>



<section class="testi-section">


  <div class="testi-grid">
    <!-- Testimoni 1 -->
    <article class="testi-card">
      <header class="testi-header">Cocok Buat Area Parkir, Awet Sampai Sekarang</header>
      <p class="testi-text">
        “Kami pakai jasa ini buat halaman parkir kantor. Prosesnya cepat dan hasilnya rapi. Sampai sekarang nggak ada kerusakan atau retak sedikit pun. Udah direkomendasiin juga ke relasi lain.”
      </p>
      <footer class="testi-footer">— Sigit, Konsultan Konstruksi</footer>
    </article>

    <!-- Testimoni 2 -->
    <article class="testi-card">
      <header class="testi-header">Kualitas Aspalnya Memuaskan</header>
      <p class="testi-text">
        “Produk aspalnya bener-bener berkualitas. Selain itu, warna, tekstur, sampai daya rekatnya sesuai harapan. Klien kami juga puas banget dengan hasil akhirnya.”
      </p>
      <footer class="testi-footer">— Indra, Pengawas Proyek</footer>
    </article>

    <!-- Testimoni 3 -->
    <article class="testi-card">
      <header class="testi-header">Respon Cepat, Pelayanan Profesional</header>
      <p class="testi-text">
        “Baru tanya-tanya udah langsung direspon cepat, penjelasannya juga rinci. Barang dikirim tepat waktu dan sesuai spek. Sangat profesional.”
      </p>
      <footer class="testi-footer">— Galuh, Pengelola Gudang Logistik</footer>
    </article>

    <!-- Testimoni 4 -->
    <article class="testi-card">
      <header class="testi-header">Aspalnya Tahan Lama, Nggak Mudah Mengelupas</header>
      <p class="testi-text">
        “Kami udah pakai aspal dari sini untuk proyek jalan akses pabrik. Hasilnya rapi dan tahan lama, nggak gampang mengelupas meskipun kena beban berat tiap hari.”
      </p>
      <footer class="testi-footer">— Rendi, Manager Operasional</footer>
    </article>

    <!-- Testimoni 5 -->
    <article class="testi-card">
      <header class="testi-header">Harga Terjangkau, Tapi Kualitas Tetap Oke</header>
      <p class="testi-text">
        “Awalnya sempat ragu karena harga lebih murah dari kompetitor, tapi ternyata kualitasnya nggak kalah. Kami malah repeat order untuk proyek selanjutnya.”
      </p>
      <footer class="testi-footer">— Siska, Kontraktor Mandiri</footer>
    </article>
  </div>
</section>

<style>
  .testi-section {
    font-family: 'Segoe UI', sans-serif;
    padding: 40px 20px;
    background: linear-gradient(180deg,#fafafa,#f3f3f3);
  }
  .testi-section h2 {
    text-align:center;
    font-size:28px;
    font-weight:700;
    color:#a10026;
    margin-bottom:14px;
    position:relative;
  }
  .testi-section h2::after {
    content:"";
    display:block;
    width:80px;
    height:4px;
    background:#a10026;
    margin:10px auto 0;
    border-radius:2px;
    opacity:.85;
  }
  .testi-grid {
    display:grid;
    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
    gap:20px;
    max-width:1100px;
    margin:0 auto;
  }
  .testi-card {
    background:#fff;
    border:1px solid #ececec;
    border-radius:14px;
    padding:20px;
    box-shadow:0 3px 10px rgba(0,0,0,.06);
    transition:transform .3s ease, box-shadow .3s ease;
    display:flex;
    flex-direction:column;
    justify-content:space-between;
  }
  .testi-card:hover {
    transform:translateY(-5px);
    box-shadow:0 8px 20px rgba(0,0,0,.12);
  }
  .testi-header {
    font-weight:700;
    color:#a10026;
    font-size:16px;
    margin-bottom:10px;
  }
  .testi-text {
    font-size:14px;
    color:#444;
    line-height:1.6;
    flex:1;
    margin-bottom:10px;
  }
  .testi-footer {
    font-size:13px;
    font-style:italic;
    color:#666;
    text-align:right;
  }
</style>



<h3 class="wp-block-heading"></h3>



<section id="Form">
<h2 class="subjudul">Hubungi Kami untuk Solusi Aspal Berkualitas</h2>
</section>



<p>Percayakan kebutuhan pengaspalan Anda kepada kami. Dapatkan harga aspal Cilegon terbaik dan layanan profesional untuk hasil yang rapi, kuat, dan awet. Kami mendukung proyek Anda agar lebih efisien dari sisi biaya dan waktu.<br>Segera isi form di bawah untuk konsultasi dan penawaran gratis.</p>


<div class="form-container" style="max-width:600px;margin:auto;padding:20px;background:#f7f7f7;border-radius:12px;box-shadow:0 0 10px rgba(0,0,0,0.1)">

  <div style="display:flex;flex-direction:column;gap:15px;">

    <!-- Pilih Satuan -->
    <div>
      <label for="satuan" style="font-weight:600;color:#333;">Pilih Satuan:</label>
      <select id="satuan" style="width:100%;padding:10px;border-radius:6px;border:1px solid #ccc;">
        <option value="">-- Pilih Satuan --</option>
        <option value="ton">Ton</option>
        <option value="m2">M2</option>
        <option value="drum">Drum</option>
        <option value="liter">Liter</option>
      </select>
    </div>

    <!-- Pilih Jenis Aspal -->
    <div id="jenis-section" style="display:none;">
      <label for="jenis" style="font-weight:600;color:#333;">Pilih Jenis Aspal:</label>
      <select id="jenis" style="width:100%;padding:10px;border-radius:6px;border:1px solid #ccc;">
        <option value="">-- Pilih Jenis Aspal --</option>
      </select>
    </div>

    <!-- Pilih Ketebalan (khusus M2) -->
    <div id="tebal-section" style="display:none;">
      <label for="tebal" style="font-weight:600;color:#333;">Pilih Ketebalan Aspal:</label>
      <select id="tebal" style="width:100%;padding:10px;border-radius:6px;border:1px solid #ccc;">
        <option value="">-- Pilih Ketebalan --</option>
      </select>
    </div>

    <!-- Jumlah Pesanan -->
    <div>
      <label for="jumlah" id="label-jumlah" style="font-weight:600;color:#333;">Jumlah Pesanan:</label>
      <div style="display:flex;align-items:center;gap:10px;">
        <input type="number" id="jumlah" min="1" style="flex:1;padding:10px;border-radius:6px;border:1px solid #ccc;">
        <span id="satuan-label" style="color:#555;font-size:14px;">satuan</span>
      </div>
    </div>

    <!-- Tombol Hitung -->
    <button onclick="hitungTotal()" style="width:100%;padding:12px;background:#a10026;color:#fff;border:none;border-radius:6px;font-weight:bold;cursor:pointer;">Hitung Total</button>

    <!-- Hasil -->
    <div id="hasil" style="margin-top:15px;padding:15px;background:#fff;border-radius:8px;display:none;">
      <h4 style="margin-bottom:10px;">Detail Pesanan:</h4>
      <p id="detail" style="margin-bottom:8px;line-height:1.6;"></p>
      <p><strong>Total Harga:</strong> <span id="total-harga" style="color:#a10026;font-weight:bold;"></span></p>
    </div>

    <!-- Tombol WhatsApp -->
    <a id="pesan-wa" href="#" target="_blank" style="display:none;text-decoration:none;">
      <button style="width:100%;margin-top:10px;padding:12px;background:#25d366;color:#fff;border:none;border-radius:6px;font-weight:bold;cursor:pointer;">Pesan Sekarang via WhatsApp</button>
    </a>

  </div>
</div>

<script>
const harga = {
  ton: {
    "Aspal Hotmix AC-WC": 1270000,
    "Aspal Hotmix AC-WC IV A": 1290000,
    "Aspal Hotmix AC-BC": 1220000,
    "Aspal Hotmix Laston": 1315000,
    "Aspal Hotmix Laston Spesial": 1420000,
    "Aspal Hotmix HRS": 1355000,
    "Aspal Hotmix Sand Sheet": 1525000,
    "Aspal Hotmix Sand Sheet Spesial": 1640000
  },
  m2: {
    1: 60000,
    2: 90000,
    3: 115000,
    4: 145000,
    5: 200000
  },
  drum: { "Emulsi": 12800 },
  liter: { "Emulsi": 12500 }
};

// Jenis aspal berdasarkan satuan
const jenisBySatuan = {
  ton: [
    "Aspal Hotmix AC-WC", "Aspal Hotmix AC-WC IV A", "Aspal Hotmix AC-BC",
    "Aspal Hotmix Laston", "Aspal Hotmix Laston Spesial", "Aspal Hotmix HRS",
    "Aspal Hotmix Sand Sheet", "Aspal Hotmix Sand Sheet Spesial"
  ],
  m2: [
    "AC WC", "AC BC", "HRS", "III Laston", "III Laston Special", "Sandsheet", "ATB"
  ],
  drum: ["Emulsi"],
  liter: ["Emulsi"]
};

// Ketebalan berdasarkan jenis (dibalik dari sebelumnya)
const tebalByJenis = {
  "AC WC": [3,4,5],
  "AC BC": [4,5],
  "HRS": [2,3,4],
  "III Laston": [2,3],
  "III Laston Special": [1,2,3],
  "Sandsheet": [1,2],
  "ATB": [5]
};

const satuanSelect = document.getElementById('satuan');
const jenisSelect = document.getElementById('jenis');
const tebalSelect = document.getElementById('tebal');
const tebalSection = document.getElementById('tebal-section');
const jenisSection = document.getElementById('jenis-section');
const jumlahInput = document.getElementById('jumlah');
const labelJumlah = document.getElementById('label-jumlah');
const satuanLabel = document.getElementById('satuan-label');

satuanSelect.addEventListener('change', () => {
  const satuan = satuanSelect.value;
  jenisSelect.innerHTML = '<option value="">-- Pilih Jenis Aspal --</option>';
  tebalSelect.innerHTML = '<option value="">-- Pilih Ketebalan --</option>';
  tebalSection.style.display = 'none';
  jenisSection.style.display = satuan ? 'block' : 'none';
  labelJumlah.textContent = satuan === 'm2' ? 'Luas (m²):' :
                            satuan === 'ton' ? 'Jumlah (Ton):' :
                            satuan === 'drums' ? 'Jumlah (Liter):' :
                            satuan === 'liter' ? 'Jumlah (Liter):' :
                            'Jumlah Pesanan:';
  satuanLabel.textContent = satuan || 'satuan';

  if (satuan && jenisBySatuan[satuan]) {
    jenisBySatuan[satuan].forEach(j => {
      const opt = document.createElement('option');
      opt.value = j;
      opt.textContent = j;
      jenisSelect.appendChild(opt);
    });
  }
});

jenisSelect.addEventListener('change', () => {
  const satuan = satuanSelect.value;
  const jenis = jenisSelect.value;

  tebalSelect.innerHTML = '<option value="">-- Pilih Ketebalan --</option>';

  if (satuan === 'm2' && tebalByJenis[jenis]) {
    tebalByJenis[jenis].forEach(t => {
      const opt = document.createElement('option');
      opt.value = t;
      opt.textContent = `${t} cm`;
      tebalSelect.appendChild(opt);
    });
    tebalSection.style.display = 'block';
  } else {
    tebalSection.style.display = 'none';
  }
});

function hitungTotal() {
  const satuan = satuanSelect.value;
  const jenis = jenisSelect.value;
  const jumlah = parseFloat(jumlahInput.value);
  const tebal = tebalSelect.value;

  if (!satuan || !jenis || !jumlah) {
    alert('Silakan lengkapi semua pilihan dan jumlah.');
    return;
  }

  let hargaSatuan = 0;
  if (satuan === 'm2') {
    if (!tebal) {
      alert('Silakan pilih ketebalan.');
      return;
    }
    hargaSatuan = harga.m2[tebal];
  } else {
    hargaSatuan = harga[satuan][jenis];
  }

  const total = hargaSatuan * jumlah;

  document.getElementById('hasil').style.display = 'block';
  document.getElementById('detail').innerHTML = `
    Jenis Aspal: ${jenis}<br>
    ${satuan === 'm2' ? `Ketebalan: ${tebal} cm<br>` : ''}
    Jumlah: ${jumlah.toLocaleString('id-ID')} ${satuan}<br>
    Harga per ${satuan}: Rp ${hargaSatuan.toLocaleString('id-ID')}
  `;
  document.getElementById('total-harga').textContent = 'Rp ' + total.toLocaleString('id-ID');

  const pesanText = `Halo hargaaspal.com, Saya berminat untuk pesan ${jenis} ${satuan === 'm2' ? 'dengan ketebalan ' + tebal + ' cm' : ''}, ${jumlah} ${satuan}. Totalnya Rp ${total.toLocaleString('id-ID')}. Mohon informasinya.`;
  const waUrl = `https://api.whatsapp.com/send/?phone=62817892028&text=${encodeURIComponent(pesanText)}&type=phone_number&app_absent=0`;
  
  const waButton = document.getElementById('pesan-wa');
  waButton.href = waUrl;
  waButton.style.display = 'block';
}
</script>



<h2 class="subjudul">Pertanyaan yang Sering Diajukan (FAQ)</h2>



<div class="schema-faq wp-block-yoast-faq-block"><div class="schema-faq-section" id="faq-question-1756350051997"><strong class="schema-faq-question"><strong>1. Apakah produk aspal tersedia untuk pemesanan dalam jumlah besar?</strong></strong> <p class="schema-faq-answer">Tentu saja, kami melayani pemesanan aspal dalam jumlah besar maupun kecil sesuai kebutuhan proyek. Jadi tunggu apalagi, hubungi tim kami untuk mendapatkan penawaran harga khusus dalam skala besar.</p> </div> <div class="schema-faq-section" id="faq-question-1756350069228"><strong class="schema-faq-question"><strong>2. Jenis aspal apa yang paling cocok untuk area industri berat di Cilegon?</strong></strong> <p class="schema-faq-answer">Kami merekomendasikan aspal hotmix jenis AC-WC atau AC-BC untuk area industri, karena memiliki daya tahan tinggi terhadap beban berat dan cuaca ekstrem.</p> </div> <div class="schema-faq-section" id="faq-question-1756350091016"><strong class="schema-faq-question"><strong>3. Apakah pengiriman bisa dilakukan ke luar wilayah Cilegon?</strong></strong> <p class="schema-faq-answer">Meskipun fokus distribusi kami di wilayah Cilegon, kami juga melayani pengiriman ke area sekitarnya seperti Serang, Anyer, hingga kawasan industri Banten sesuai kesepakatan.</p> </div> <div class="schema-faq-section" id="faq-question-1756350109085"><strong class="schema-faq-question"><strong>4. Berapa lama waktu pengiriman setelah pemesanan dikonfirmasi?</strong></strong> <p class="schema-faq-answer">Umumnya, pengiriman dilakukan dalam waktu 1–2 hari kerja setelah pembayaran atau konfirmasi pesanan kami terima. Kami memastikan semua proses berjalan cepat dan efisien.</p> </div> <div class="schema-faq-section" id="faq-question-1756350123448"><strong class="schema-faq-question"><strong>5. Apakah aspal yang disediakan sudah termasuk dengan dokumen uji laboratorium?</strong></strong> <p class="schema-faq-answer">Ya tentu saja, kami menyediakan dokumen pendukung seperti hasil uji laboratorium dan sertifikat mutu untuk menjamin kualitas produk aspal yang Anda terima.</p> </div> </div>
<p>Artikel <a href="https://hargaaspal.com/harga-aspal-cilegon/">Harga Aspal Cilegon: Pilihan Tepat untuk Kebutuhan Proyek Konstruksi Anda</a> pertama kali tampil pada <a href="https://hargaaspal.com">Harga Aspal Terbaru</a>.</p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>Pabrik Aspal Cilegon, Produksi Aspal Kuat untuk Jalan yang Hebat</title>
		<link>https://hargaaspal.com/pabrik-aspal-cilegon/</link>
		
		<dc:creator><![CDATA[Harga Aspal]]></dc:creator>
		<pubDate>Wed, 22 Jan 2025 06:25:50 +0000</pubDate>
				<category><![CDATA[Cilegon]]></category>
		<category><![CDATA[Pabrik Aspal]]></category>
		<guid isPermaLink="false">https://hargaaspal.com/?p=1603</guid>

					<description><![CDATA[<p>Pabrik Aspal Cilegon berdiri untuk memenuhi kebutuhan aspal berkualitas tinggi dan harga aspal di Indonesia. Berlokasi strategis di pusat industri</p>
<p>Artikel <a href="https://hargaaspal.com/pabrik-aspal-cilegon/">Pabrik Aspal Cilegon, Produksi Aspal Kuat untuk Jalan yang Hebat</a> pertama kali tampil pada <a href="https://hargaaspal.com">Harga Aspal Terbaru</a>.</p>
]]></description>
										<content:encoded><![CDATA[
<p><a href="https://hargaaspal.com/pabrik-aspal-cilegon/" target="_blank" rel="noreferrer noopener">Pabrik Aspal Cilegon</a> berdiri untuk memenuhi kebutuhan aspal berkualitas tinggi dan harga aspal di Indonesia. Berlokasi strategis di pusat industri Cilegon, perusahaan ini telah berkomitmen untuk menyediakan solusi aspal terbaik dengan teknologi modern dan bahan baku pilihan. Selain itu kami memahami pentingnya aspal dalam pembangunan infrastruktur. Infrastruktur tersebut antara lain seperti jalan raya, pelabuhan, dan bandara, sehingga kami terus berinovasi untuk mendukung perkembangan sektor konstruksi di Indonesia.</p>



<section class="hargaaspal-menu">
  <!-- Heading Menu dengan animasi -->
  <div class="menu-heading-alt">
    <span>MENU</span>
  </div>

  <div class="menu-container-angled">
    <a href="#Produk" class="menu-link-angled" style="--i:0;">
      <span class="menu-title">Produk Aspal Kami</span>
    </a>

    <a href="#Harga" class="menu-link-angled" style="--i:1;">
      <span class="menu-title">Daftar Harga</span>
    </a>

    <a href="#Form" class="menu-link-angled" style="--i:3;">
      <span class="menu-title">Form Pemesanan</span>
    </a>
  </div>

  <!-- Garis Bawah Menu -->
  <div class="menu-bottom-line"></div>
</section>

<style>
/* Heading Menu dengan garis kiri-kanan + tulisan miring */
.menu-heading-alt {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 1.8rem;
  font-family: 'Segoe UI', sans-serif;
  overflow: hidden;
}

.menu-heading-alt::before,
.menu-heading-alt::after {
  content: "";
  flex: 1;
  height: 3px;
  background: linear-gradient(to right, transparent, #a10026);
  margin: 0 10px;
  border-radius: 2px;
  transform: scaleX(0);
  transform-origin: center;
  animation: lineWipe 0.5s forwards;
}

.menu-heading-alt::after {
  background: linear-gradient(to left, transparent, #a10026);
  animation-delay: 0.3s;
}

.menu-heading-alt span {
  font-size: 1.6rem;
  font-weight: 700;
  color: #091b32;
  letter-spacing: 2px;
  font-style: bold;
  opacity: 0;
  transform: translateY(12px);
  animation: textFadeUp 0.5s forwards 0.3s;
}

/* Container menu */
.menu-container-angled {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 1rem;
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 1rem;
}

/* Menu link berbentuk jajar genjang */
.menu-link-angled {
  flex: 1 1 calc(25% - 1rem);
  background: #a10026;
  color: #fff;
  text-align: center;
  padding: 1.5rem 0.5rem;
  text-decoration: none;
  font-family: 'Segoe UI', sans-serif;
  font-weight: 600;
  transform: skew(-15deg) translateY(25px);
  border-radius: 8px;
  box-shadow: 0 4px 10px rgba(0,0,0,0.15);
  position: relative;
  opacity: 0;
  animation: cardSlideUp 0.5s forwards;
  animation-delay: calc(var(--i) * 0.15s + 0.6s);
  transition: all 0.3s ease;
}

.menu-link-angled span {
  display: block;
  transform: skew(15deg); /* Balikin text agar tidak miring di tombol */
}

.menu-link-angled:hover {
  background: #091b32;
  box-shadow: 0 6px 14px rgba(0,0,0,0.25);
  transform: skew(-15deg) translateY(-3px);
}

.menu-title {
  font-size: 1.2rem;
  text-transform: uppercase;
}

/* Garis Bawah Menu */
.menu-bottom-line {
  width: 100%;
  height: 3px;
  background: linear-gradient(to right, transparent, #a10026, transparent);
  margin-top: 1.5rem;
  transform: scaleX(0);
  transform-origin: center;
  animation: lineWipeFull 0.6s forwards;
  animation-delay: 1s;
  border-radius: 2px;
}

/* Animasi */
@keyframes lineWipe {
  to { transform: scaleX(1); }
}

@keyframes lineWipeFull {
  to { transform: scaleX(1); }
}

@keyframes textFadeUp {
  to { opacity: 1; transform: translateY(0); }
}

@keyframes cardSlideUp {
  to {
    opacity: 1;
    transform: skew(-15deg) translateY(0);
  }
}

/* Responsif */
@media (max-width: 992px) {
  .menu-link-angled {
    flex: 1 1 calc(50% - 1rem);
  }
}
@media (max-width: 480px) {
  .menu-link-angled {
    flex: 1 1 100%;
  }
}
</style>

<script>
// Smooth scroll
document.querySelectorAll('a[href^="#"]').forEach(anchor => {
  anchor.addEventListener("click", function (e) {
    e.preventDefault();
    const target = document.querySelector(this.getAttribute("href"));
    if (target) {
      target.scrollIntoView({ behavior: "smooth", block: "start" });
    }
  });
});
</script>



<figure class="wp-block-image size-large"><img decoding="async" src="https://hargaaspal.com/wp-content/uploads/2025/01/Pabrik-Aspal-Cilegon-e1738986604391.jpg" alt="Pabrik Aspal Cilegon"/></figure>



<p></p>



<section id="Produk">
<h2 class="subjudul">Produk-Produk Pabrik Aspal Cilegon</h2>
</section>



<figure class="wp-block-image size-large"><img decoding="async" src="https://hargaaspal.com/wp-content/uploads/2025/01/pabrik-aspal-hotmix-cilegon-e1738986640790.jpg" alt=""/></figure>



<p>Kami menawarkan berbagai jenis produk aspal untuk berbagai kebutuhan konstruksi. Berikut adalah beberapa produk unggulan kami:</p>



<h3 class="wp-block-heading">1. Aspal Hotmix</h3>



<p>Aspal hotmix adalah campuran aspal dan agregat yang dipanaskan hingga suhu tertentu sebelum diaplikasikan. Produk ini ideal untuk pembangunan dan perbaikan jalan raya karena daya tahannya yang tinggi terhadap beban berat. Selain itu, aspal hotmix kami memiliki keunggulan dalam hal fleksibilitas dan ketahanan terhadap perubahan suhu, sehingga sangat cocok untuk berbagai kondisi cuaca.</p>



<h3 class="wp-block-heading">2. Aspal Emulsi</h3>



<p>Aspal emulsi adalah campuran aspal dengan air dan bahan kimia tertentu untuk menciptakan bahan yang lebih mudah pengaplikasiannya. Sehingga produk ini sering untuk pekerjaan pengaspalan ringan, seperti jalan pedesaan dan lapisan tipis pada permukaan jalan. Keunggulan aspal emulsi adalah kemampuannya untuk mengikat agregat dengan kuat, sehingga menghasilkan permukaan jalan yang halus dan tahan lama.</p>



<h3 class="wp-block-heading">3. Aspal Modifikasi Polimer</h3>



<p>Aspal ini memiliki kekuatan dan elastisitas yang lebih baik daripada aspal biasa. Sehingga produk ini cocok untuk proyek infrastruktur yang memerlukan ketahanan terhadap suhu ekstrem dan beban berat, seperti bandara. Aspal modifikasi polimer kami rancang untuk memberikan stabilitas tinggi dan mampu mengurangi risiko retak pada permukaan jalan, bahkan di bawah tekanan berat kendaraan.</p>



<h3 class="wp-block-heading">4. Aspal Dingin</h3>



<p>Penggunaan aspal dingin biasanya untuk perbaikan jalan sementara atau proyek kecil. Produk ini tidak memerlukan pemanasan, sehingga lebih praktis dan mudah pengaplikasiannya. Keunggulan aspal dingin adalah kemampuan dalam pengaplikasiannya langsung tanpa alat berat, membuatnya menjadi solusi cepat dan efisien untuk pekerjaan perbaikan jalan.</p>



<h3 class="wp-block-heading">5. Aspal Lapis Penetrasi Makadam (Lapen)</h3>



<p>Aspal lapen digunakan untuk konstruksi jalan dengan lapisan agregat yang dipadatkan. Produk ini sering untuk di jalan pedesaan atau daerah terpencil. Aspal lapen memiliki kelebihan dalam hal biaya yang lebih ekonomis dan proses pemasangan yang sederhana, sehingga menjadi pilihan utama untuk daerah yang sulit terjangkau.</p>



<h3 class="wp-block-heading">6. Aspal Seal Coat</h3>



<p>Penggunaan aspal ini biasanya untuk melapisi permukaan jalan agar lebih tahan lama dan estetis. Selain itu, seal coat melindungi jalan dari kerusakan akibat air dan sinar UV. Dengan menggunakan seal coat, permukaan jalan menjadi lebih halus dan tampilannya lebih menarik, sekaligus meningkatkan daya tahan jalan terhadap lalu lintas harian.</p>



<section id="Harga">
<h2 class="subjudul">Harga Aspal dari Pabrik Aspal Cilegon</h2>
</secion>



<p>Harga aspal kami kompetitif dan dapat disesuaikan dengan kebutuhan proyek Anda. Karena kami menyediakan penawaran harga berdasarkan jenis produk, volume pesanan, dan lokasi pengiriman. Berikut kami lampirkan daftar <a href="https://hargaaspal.com">harga aspal</a> dan satuan harga aspal:</p>


<div class="wp-tabel-harga-aspal">
  <style>
    .wp-tabel-harga-aspal {
      font-family: 'Segoe UI', sans-serif;
      display: flex;
      justify-content: center;
      padding: 1.5rem 0;
      background-color: transparent;
    }

    .wp-tabel-harga-aspal .tabel-container {
      border-radius: 8px;
      overflow: hidden;
      box-shadow: 0 2px 8px rgba(0,0,0,0.08);
      max-width: 850px;
      width: 100%;
      background-color: #ffffff;
      animation: fadeInAspal 0.6s ease;
      transition: box-shadow 0.3s ease;
    }

    .wp-tabel-harga-aspal .tabel-container:hover {
      box-shadow: 0 4px 12px rgba(0,0,0,0.12);
    }

    .wp-tabel-harga-aspal .tabel-biaya-aspal {
      width: 100%;
      border-collapse: collapse;
    }

    .wp-tabel-harga-aspal .tabel-biaya-aspal thead {
      background-color: #a10026;
      color: #ffffff;
    }

    .wp-tabel-harga-aspal .tabel-biaya-aspal th, 
    .wp-tabel-harga-aspal .tabel-biaya-aspal td {
      padding: 18px 22px;
      border-bottom: 1px solid #e5e7eb;
      text-align: left;
      font-size: 1.4rem; /* lebih besar lagi */
      line-height: 1.6;
    }

    .wp-tabel-harga-aspal .tabel-biaya-aspal tbody tr:nth-child(even) {
      background-color: #f9f9f9;
    }

    .wp-tabel-harga-aspal .tabel-biaya-aspal tbody tr:hover {
      background-color: #fff1f3;
      transition: background-color 0.3s ease;
    }

    .wp-tabel-harga-aspal .tabel-biaya-aspal tbody tr:last-child td {
      border-bottom: none;
    }

    @media (max-width: 600px) {
      .wp-tabel-harga-aspal .tabel-biaya-aspal th, 
      .wp-tabel-harga-aspal .tabel-biaya-aspal td {
        padding: 14px 16px;
        font-size: 1.2rem; /* tetap besar tapi proporsional di HP */
      }
    }

    @keyframes fadeInAspal {
      from { opacity: 0; transform: translateY(10px); }
      to { opacity: 1; transform: translateY(0); }
    }
  </style>

  <div class="tabel-container">
    <table class="tabel-biaya-aspal" aria-label="Tabel harga aspal hotmix 2025">
      <thead>
        <tr>
          <th>Nama Bahan</th>
          <th>Harga per Ton</th>
        </tr>
      </thead>
      <tbody>
        <tr><td>AC BC</td><td>Rp 1.220.000,-</td></tr>
        <tr><td>AC WC</td><td>Rp 1.270.000,-</td></tr>
        <tr><td>AC WC IV A</td><td>Rp 1.290.000,-</td></tr>
        <tr><td>ATB</td><td>Rp 1.175.000,-</td></tr>
        <tr><td>HRS</td><td>Rp 1.355.000,-</td></tr>
        <tr><td>3 Laston</td><td>Rp 1.315.000,-</td></tr>
        <tr><td>3 Laston Spesial</td><td>Rp 1.420.000,-</td></tr>
        <tr><td>Sand Sheet</td><td>Rp 1.525.000,-</td></tr>
        <tr><td>Sand Sheet Spesial</td><td>Rp 1.640.000,-</td></tr>
        <tr><td>Emulsi (Per-Liter)</td><td>Rp 12.500,- / Liter</td></tr>
        <tr><td>Emulsi (Per-Drum)</td><td>Rp 12.801,- / Liter</td></tr>
      </tbody>
    </table>
  </div>
</div>



<style>
  .kontak-btn-container {
    display: flex;
    justify-content: center; /* tombol berada di tengah */
    gap: 1rem;
    flex-wrap: wrap;
    margin: 1.5rem 0;
    font-family: 'Segoe UI', sans-serif;
  }

  .kontak-btn {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 12px 18px;
    border-radius: 8px;
    font-size: 1rem;
    font-weight: 600;
    text-decoration: none;
    color: #fff;
    transition: all 0.3s ease;
    box-shadow: 0 2px 6px rgba(0,0,0,0.15);
  }

  .kontak-btn:hover {
    transform: translateY(-3px);
    box-shadow: 0 4px 10px rgba(0,0,0,0.2);
  }

  .btn-wa {
    background-color: #25D366; /* Hijau WhatsApp */
  }

  .btn-wa:hover {
    background-color: #1eb354;
  }

  .btn-telp {
    background-color: #a10026; /* red branding */
  }

  .btn-telp:hover {
    background-color: #002d55;
  }

  .kontak-btn svg {
    width: 20px;
    height: 20px;
  }
</style>

<div class="kontak-btn-container">
  <!-- Tombol WhatsApp -->
  <a 
    href="https://api.whatsapp.com/send?phone=62817892028&text=Halo%20hargaaspal.com,%20mohon%20informasi%20mengenai%20harga%20aspal%20dan%20jasa%20pengaspalan." 
    target="_blank" 
    class="kontak-btn btn-wa"
  >
    <!-- Ikon WhatsApp -->
    <svg xmlns="http://www.w3.org/2000/svg" fill="white" viewBox="0 0 24 24">
      <path d="M20.52 3.48A11.9 11.9 0 0012 .07C5.39.07.07 5.39.07 12c0 2.11.55 4.15 1.6 5.95L0 24l6.22-1.63A11.93 11.93 0 0012 23.93c6.61 0 11.93-5.32 11.93-11.93 0-3.19-1.24-6.19-3.41-8.52zM12 21.45c-1.91 0-3.77-.51-5.39-1.47l-.39-.23-3.69.97.99-3.59-.25-.37a9.43 9.43 0 01-1.5-5.15c0-5.22 4.25-9.47 9.47-9.47 2.53 0 4.9.98 6.68 2.76a9.4 9.4 0 012.79 6.72c0 5.22-4.25 9.47-9.47 9.47zm5.25-7.12c-.29-.15-1.73-.85-2-1-.27-.1-.47-.15-.67.15-.19.29-.77.96-.94 1.15-.17.2-.35.22-.64.07-.29-.15-1.22-.45-2.32-1.44-.86-.77-1.44-1.72-1.61-2.01-.17-.29-.02-.45.13-.6.13-.13.29-.35.43-.52.15-.17.19-.29.29-.48.1-.19.05-.36-.02-.52-.07-.15-.67-1.62-.91-2.21-.24-.58-.48-.5-.67-.51h-.57c-.19 0-.52.07-.79.36-.27.29-1.04 1.01-1.04 2.47s1.07 2.87 1.22 3.07c.15.19 2.11 3.22 5.1 4.51.71.31 1.26.5 1.69.64.71.23 1.35.2 1.86.12.57-.08 1.73-.71 1.98-1.4.25-.69.25-1.28.17-1.4-.07-.13-.26-.2-.55-.35z"/>
    </svg>
    WhatsApp
  </a>

  <!-- Tombol Telepon -->
  <a href="tel:62817892028" class="kontak-btn btn-telp">
    <!-- Ikon Telepon -->
    <svg xmlns="http://www.w3.org/2000/svg" fill="white" viewBox="0 0 24 24">
      <path d="M6.62 10.79a15.534 15.534 0 006.59 6.59l2.2-2.2a1 1 0 011.01-.24c1.12.37 2.33.57 3.58.57a1 1 0 011 1V21a1 1 0 01-1 1C10.07 22 2 13.93 2 3a1 1 0 011-1h3.5a1 1 0 011 1c0 1.25.2 2.46.57 3.58.09.32.02.66-.24 1.01l-2.21 2.2z"/>
    </svg>
    Konsultasi Gratis
  </a>
</div>




<h3 class="wp-block-heading">1. Harga Aspal per Kilogram (Kg)</h3>



<p>Aspal dalam satuan kilogram lebih cocok untuk proyek skala kecil, seperti perbaikan jalan atau pelapisan ulang area tertentu. Pembelian dalam bentuk kg memudahkan pengguna mendapatkan jumlah yang pas tanpa harus membeli dalam jumlah besar. Harga aspal per kilogram (kg) biasanya berbentuk butiran padat atau cair.</p>



<h3 class="wp-block-heading">2. Harga Aspal per Drum</h3>



<p>Aspal dalam drum menjadi pilihan utama untuk proyek menengah hingga besar karena lebih praktis dalam penyimpanan dan distribusi. Setiap drum memiliki kapasitas tertentu, umumnya berisi aspal cair atau curah. Harga aspal per drum juga dipengaruhi oleh jenis dan spesifikasi teknis aspal yang digunakan.</p>



<h3 class="wp-block-heading">3. Harga Aspal per M2 (Meter Persegi)</h3>



<p>Harga aspal hotmix per m2 meter persegi lebih sering untuk proyek pengaspalan jalan, trotoar, atau lapangan. Perhitungan harga aspal per m2 dipengaruhi oleh ketebalan lapisan aspal. Semakin tebal lapisan aspal, kebutuhan volume semakin besar.</p>



<h3 class="wp-block-heading">4. Harga Aspal Hotmix per M3 (Meter Kubik)</h3>



<p>Harga aspal hotmix per m3 lebih umum untuk proyek jalan raya atau infrastruktur besar yang membutuhkan aspal dalam jumlah besar. Volume aspal yang dibutuhkan dalam satuan m3 bergantung pada spesifikasi proyek, terutama ketebalan dan luas area yang akan dilapisi.</p>



<h3 class="wp-block-heading">5. Harga Aspal Cair</h3>



<p>Aspal cair banyak untuk perekat sebelum proses pengaspalan utama atau sebagai bahan perawatan jalan. Jenis aspal ini lebih mudah pengaplikasiannya daripada aspal padat. Harga aspal cair bergantung pada komposisi dan kualitasnya, yang dapat berbeda tergantung kebutuhan proyek.</p>



<h3 class="wp-block-heading">6. Harga Hotmix per Ton</h3>



<p>Aspal dalam satuan ton lebih sering untuk proyek besar seperti proyek  <a href="https://hargaaspal.com/jasa-pengaspalan-jalan/" target="_blank" rel="noreferrer noopener">jasa pengaspalan</a> karena lebih efisien dalam hal biaya dan distribusi. Semakin besar volume, biasanya harga hotmix per ton menjadi lebih ekonomis. Jenis aspal yang digunakan juga mempengaruhi harga, seperti aspal modifikasi yang memiliki daya tahan lebih baik.</p>



<h3 class="wp-block-heading">7. Harga Aspal per M (Meter)</h3>



<p>Aspal dalam satuan meter lebih sering untuk proyek yang membutuhkan pelapisan jalan dengan panjang tertentu. Harga aspal per meter biasanya bergantung pada ketebalan dan jenis aspal. Satuan ini lebih sering ditemukan dalam proyek perbaikan jalan atau trotoar dengan ukuran yang sudah ditentukan.</p>



<h2 class="subjudul">Cara Menghitung Kebutuhan Aspal</h2>



<figure class="wp-block-image size-large"><img decoding="async" src="https://hargaaspal.com/wp-content/uploads/2025/01/Pabrik-Aspal-Cilegon-Asphalt-Mixing-Plant-e1738986678229.jpg" alt="Pabrik Aspal Cilegon Asphalt Mixing Plant"/></figure>



<p><a href="https://hargaaspal.com/cara-menghitung-kebutuhan-aspal/" target="_blank" rel="noreferrer noopener">Menghitung kebutuhan aspal</a> dengan benar sangat penting untuk memastikan efisiensi dalam proyek konstruksi. Berikut adalah langkah-langkah praktis yang dapat Anda ikuti:</p>



<h3 class="wp-block-heading">1. Ukur Luas Area Proyek</h3>



<p>Langkah pertama adalah mengukur luas area pengaspalan. Pastikan Anda mendapatkan panjang dan lebar area dalam satuan meter.</p>



<h3 class="wp-block-heading">2. Tentukan Ketebalan Aspal</h3>



<p>Setelah mengetahui luas area, tentukan ketebalan aspal. Ketebalan biasanya tergantung pada jenis jalan dan beban lalu lintas yang akan melintasi jalan tersebut.</p>



<h3 class="wp-block-heading">3. Hitung Volume Aspal</h3>



<p>Gunakan rumus berikut untuk menghitung volume aspal:<strong>Volume Aspal (m³) = Panjang (m) x Lebar (m) x Ketebalan (m)</strong>Sebagai contoh, jika Anda memiliki area sepanjang 100 meter dan lebar 5 meter dengan ketebalan 0,05 meter, maka kebutuhan volume aspal adalah:<strong>100 x 5 x 0,05 = 25 m³.</strong></p>



<h3 class="wp-block-heading">4. Konversi ke Berat Aspal</h3>



<p>Karena aspal biasanya dijual berdasarkan berat, Anda perlu mengonversi volume ke berat. Rata-rata, kepadatan aspal adalah sekitar 2,3 ton/m³. Jadi, jika volume aspal Anda 25 m³, maka berat aspal yang dibutuhkan adalah:<strong>25 x 2,3 = 57,5 ton.</strong></p>



<p>Dengan menghitung kebutuhan aspal menggunakan langkah-langkah ini, Anda dapat memastikan tidak ada pemborosan bahan. Selain itu, perencanaan yang tepat akan membantu proyek Anda berjalan dengan lebih efisien.</p>



<h2 class="subjudul">Testimoni Pengguna Produk Pabrik Aspal Cilegon</h2>



<section class="testi-section">

  <div class="testi-grid">
    <!-- Testimoni 1 -->
    <article class="testi-card">
      <header class="testi-identitas">
        <div class="testi-nama">Cita</div>
        <div class="testi-asal">Cilegon</div>
      </header>
      <p class="testi-quote">
        <strong>“Kualitas dan layanan pelanggan sangat memuaskan”</strong><br>
        Produk aspalnya benar-benar bermutu tinggi, dan harganya kompetitif.
      </p>
    </article>

    <!-- Testimoni 2 -->
    <article class="testi-card">
      <header class="testi-identitas">
        <div class="testi-nama">Andi</div>
        <div class="testi-asal">Cilegon</div>
      </header>
      <p class="testi-quote">
        <strong>“Konsultasi teknis sangat membantu”</strong><br>
        Tim membantu kami memilih jenis aspal yang sesuai. Jangan ragu untuk membeli produk aspal di sini!
      </p>
    </article>

    <!-- Testimoni 3 (Tambahan) -->
    <article class="testi-card">
      <header class="testi-identitas">
        <div class="testi-nama">Laras</div>
        <div class="testi-asal">Manajer Proyek, Cilegon</div>
      </header>
      <p class="testi-quote">
        <strong>“Pengiriman selalu tepat waktu”</strong><br>
        Proyek kami berjalan sesuai jadwal karena material selalu datang tepat waktu dan dalam kondisi baik.
      </p>
    </article>

    <!-- Testimoni 4 (Tambahan) -->
    <article class="testi-card">
      <header class="testi-identitas">
        <div class="testi-nama">Fahmi</div>
        <div class="testi-asal">Kontraktor Jalan, Cilegon</div>
      </header>
      <p class="testi-quote">
        <strong>“Aspalnya padat dan tahan lama”</strong><br>
        Jalan yang kami bangun tetap mulus hingga sekarang. Sangat puas dengan kualitasnya.
      </p>
    </article>
  </div>
</section>

<style>
  .testi-section {
    font-family: 'Segoe UI', sans-serif;
    padding: 36px 20px;
    background: linear-gradient(180deg, #fafafa 0%, #f5f5f5 100%);
  }
  .testi-section h2 {
    text-align: center;
    color: #a10026;
    font-size: 28px;
    font-weight: 700;
    margin-bottom: 14px;
    position: relative;
  }
  .testi-section h2::after {
    content: "";
    display: block;
    width: 70px;
    height: 4px;
    background: #a10026;
    margin: 10px auto 0;
    border-radius: 2px;
    opacity: .9;
  }

  .testi-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
    gap: 22px;
    max-width: 1000px;
    margin: 0 auto;
  }

  .testi-card {
    position: relative;
    background: #fff;
    border: 1px solid #f1f1f1;
    border-radius: 14px;
    box-shadow: 0 4px 12px rgba(0,0,0,.08);
    padding: 18px 18px 22px;
    transition: transform .3s ease, box-shadow .3s ease;
    overflow: hidden;
  }
  .testi-card::before {
    content: "“";
    position: absolute;
    right: 12px;
    top: -8px;
    font-size: 90px;
    line-height: 1;
    color: #a10026;
    opacity: .06;
    pointer-events: none;
  }
  .testi-card:hover {
    transform: translateY(-6px);
    box-shadow: 0 8px 20px rgba(0,0,0,.14);
  }

  .testi-identitas {
    margin-bottom: 8px;
  }
  .testi-nama {
    font-weight: 700;
    color: #a10026;
    font-size: 16px;
    letter-spacing: .2px;
  }
  .testi-asal {
    font-size: 13.5px;
    color: #666;
    margin-top: 2px;
  }

  .testi-quote {
    font-size: 14px;
    color: #444;
    line-height: 1.65;
    background: #fff4f6;
    border-left: 3px solid #a10026;
    padding: 12px 12px;
    border-radius: 8px;
    margin: 0;
  }

  .testi-quote strong {
    font-weight: 700;
    color: #444;
  }

  .testi-card:hover .testi-nama { color: #7e001d; }
  .testi-card:hover .testi-quote { background: #ffe9ee; }
</style>



<section id="Form">
<h2 class="subjudul">Hubungi Kami</h2>
</section>



<p>Bangun jalan dan area proyek yang lebih kokoh bersama Pabrik Aspal Cilegon. Kami menyediakan material aspal hotmix dengan kualitas terjamin, proses produksi modern, dan pengiriman yang cepat. Didukung tenaga kerja berpengalaman, kami memastikan hasil pengaspalan rapi, awet, dan sesuai standar. Lengkapi form pemesanan di bawah untuk mendapatkan penawaran spesial dan jadwal pengerjaan sesuai kebutuhan Anda.</p>


<div class="form-container" style="max-width:600px;margin:auto;padding:20px;background:#f7f7f7;border-radius:12px;box-shadow:0 0 10px rgba(0,0,0,0.1)">

  <div style="display:flex;flex-direction:column;gap:15px;">

    <!-- Pilih Jenis Aspal -->
    <div>
      <label for="jenis" style="font-weight:600;color:#333;">Pilih Jenis Aspal:</label>
      <select id="jenis" style="width:100%;padding:10px;border-radius:6px;border:1px solid #ccc;">
        <option value="">-- Pilih Jenis Aspal --</option>
        <option value="Aspal Hotmix AC-WC">Aspal Hotmix AC-WC</option>
        <option value="Aspal Hotmix AC-WC IV A">Aspal Hotmix AC-WC IV A</option>
        <option value="Aspal Hotmix AC-BC">Aspal Hotmix AC-BC</option>
        <option value="Aspal Hotmix Laston">Aspal Hotmix Laston</option>
        <option value="Aspal Hotmix Laston Spesial">Aspal Hotmix Laston Spesial</option>
        <option value="Aspal Hotmix HRS">Aspal Hotmix HRS</option>
        <option value="Aspal Hotmix Sand Sheet">Aspal Hotmix Sand Sheet</option>
        <option value="Aspal Hotmix Sand Sheet Spesial">Aspal Hotmix Sand Sheet Spesial</option>
      </select>
    </div>

    <!-- Jumlah Pesanan -->
    <div>
      <label for="jumlah" style="font-weight:600;color:#333;">Jumlah (Ton):</label>
      <div style="display:flex;align-items:center;gap:10px;">
        <input type="number" id="jumlah" min="1" style="flex:1;padding:10px;border-radius:6px;border:1px solid #ccc;">
        <span style="color:#555;font-size:14px;">ton</span>
      </div>
    </div>

    <!-- Tombol Hitung -->
    <button onclick="hitungTotal()" style="width:100%;padding:12px;background:#a10026;color:#fff;border:none;border-radius:6px;font-weight:bold;cursor:pointer;">Hitung Total</button>

    <!-- Hasil -->
    <div id="hasil" style="margin-top:15px;padding:15px;background:#fff;border-radius:8px;display:none;">
      <h4 style="margin-bottom:10px;">Detail Pesanan:</h4>
      <p id="detail" style="margin-bottom:8px;line-height:1.6;"></p>
      <p><strong>Total Harga:</strong> <span id="total-harga" style="color:#a10026;font-weight:bold;"></span></p>
    </div>

    <!-- Tombol WhatsApp -->
    <a id="pesan-wa" href="#" target="_blank" style="display:none;text-decoration:none;">
      <button style="width:100%;margin-top:10px;padding:12px;background:#25d366;color:#fff;border:none;border-radius:6px;font-weight:bold;cursor:pointer;">Pesan Sekarang via WhatsApp</button>
    </a>

  </div>
</div>

<script>
const hargaTon = {
  "Aspal Hotmix AC-WC": 1270000,
  "Aspal Hotmix AC-WC IV A": 1290000,
  "Aspal Hotmix AC-BC": 1220000,
  "Aspal Hotmix Laston": 1315000,
  "Aspal Hotmix Laston Spesial": 1420000,
  "Aspal Hotmix HRS": 1355000,
  "Aspal Hotmix Sand Sheet": 1525000,
  "Aspal Hotmix Sand Sheet Spesial": 1640000,
	
};

function hitungTotal() {
  const jenis = document.getElementById('jenis').value;
  const jumlah = parseFloat(document.getElementById('jumlah').value);

  if (!jenis || !jumlah) {
    alert('Silakan pilih jenis aspal dan masukkan jumlah (ton).');
    return;
  }

  const hargaSatuan = hargaTon[jenis];
  const total = hargaSatuan * jumlah;

  document.getElementById('hasil').style.display = 'block';
  document.getElementById('detail').innerHTML = `
    Jenis Aspal: ${jenis}<br>
    Jumlah: ${jumlah.toLocaleString('id-ID')} ton<br>
    Harga per ton: Rp ${hargaSatuan.toLocaleString('id-ID')}
  `;
  document.getElementById('total-harga').textContent = 'Rp ' + total.toLocaleString('id-ID');

  const pesanText = `Halo hargaaspal.com, Saya berminat untuk pesan ${jenis}, sebanyak ${jumlah} ton. Totalnya Rp ${total.toLocaleString('id-ID')}. Mohon informasinya.`;
  const waUrl = `https://api.whatsapp.com/send/?phone=62817892028&text=${encodeURIComponent(pesanText)}&type=phone_number&app_absent=0`;
  
  const waButton = document.getElementById('pesan-wa');
  waButton.href = waUrl;
  waButton.style.display = 'block';
}
</script>




<h2 class="subjudul">FAQ (Pertanyaan yang Sering Diajukan) Pabrik Aspal Cilegon</h2>



<div class="schema-faq wp-block-yoast-faq-block"><div class="schema-faq-section" id="faq-question-1758857562773"><strong class="schema-faq-question"><strong>1. Apakah pabrik aspal ini melayani jasa pengaspalan?</strong></strong> <p class="schema-faq-answer">Apabila anda membutuhkan bantuan dalam jasa pengaspalan jalan, kami bekerja sama dengan <a href="https://hargaaspal.com/jasa-pengaspalan-cilegon/" target="_blank" rel="noreferrer noopener">jasa pengaspalan Cilegon</a> untuk proses pengaspalan jalan.</p> </div> <div class="schema-faq-section" id="faq-question-1758857584099"><strong class="schema-faq-question"><strong>2. Apakah produk aspal tersedia untuk proyek kecil?</strong></strong> <p class="schema-faq-answer">Tentu saja, kami melayani pesanan untuk proyek kecil maupun besar.</p> </div> <div class="schema-faq-section" id="faq-question-1758857600134"><strong class="schema-faq-question"><strong>3. Bagaimana kualitas produk aspal dari pabrik ini?</strong></strong> <p class="schema-faq-answer">Kami menjamin kualitas terbaik untuk setiap produk aspal yang kami tawarkan, sesuai dengan standar nasional dan internasional.</p> </div> <div class="schema-faq-section" id="faq-question-1758857626848"><strong class="schema-faq-question"><strong>4. Apakah pabrik ini menyediakan konsultasi teknis?</strong></strong> <p class="schema-faq-answer">Tentu saja, kami memiliki tim ahli yang siap memberikan konsultasi teknis terkait penggunaan aspal.</p> </div> <div class="schema-faq-section" id="faq-question-1758857646450"><strong class="schema-faq-question"><strong>5. Bagaimana cara mendapatkan penawaran harga?</strong></strong> <p class="schema-faq-answer">Anda dapat menghubungi tim layanan pelanggan kami untuk mendapatkan penawaran harga sesuai kebutuhan proyek Anda. Pabrik Aspal Cilegon juga melayani pemesanan dan pengiriman untuk wilayah sekitar Cilegon seperti Serang. Selain itu Pabrik Aspal Cilegon juga melayani pengiriman ke seluruh wilayah Indonesia</p> </div> </div>
<p>Artikel <a href="https://hargaaspal.com/pabrik-aspal-cilegon/">Pabrik Aspal Cilegon, Produksi Aspal Kuat untuk Jalan yang Hebat</a> pertama kali tampil pada <a href="https://hargaaspal.com">Harga Aspal Terbaru</a>.</p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>Jasa Pengaspalan Cilegon Terpercaya dan Berkualitas Tinggi</title>
		<link>https://hargaaspal.com/jasa-pengaspalan-cilegon/</link>
		
		<dc:creator><![CDATA[harga aspal]]></dc:creator>
		<pubDate>Wed, 22 May 2024 06:47:35 +0000</pubDate>
				<category><![CDATA[Cilegon]]></category>
		<category><![CDATA[Jasa Pengaspalan]]></category>
		<guid isPermaLink="false">https://hargaaspal.com/?p=1018</guid>

					<description><![CDATA[<p>Selamat datang di layanan jasa pengaspalan Cilegon. Kami adalah perusahaan jasa aspal yang memiliki komitmen untuk menyediakan infrastruktur jalan berkualitas</p>
<p>Artikel <a href="https://hargaaspal.com/jasa-pengaspalan-cilegon/">Jasa Pengaspalan Cilegon Terpercaya dan Berkualitas Tinggi</a> pertama kali tampil pada <a href="https://hargaaspal.com">Harga Aspal Terbaru</a>.</p>
]]></description>
										<content:encoded><![CDATA[
<p>Selamat datang di layanan <a href="https://hargaaspal.com/jasa-pengaspalan-cilegon/" target="_blank" rel="noreferrer noopener">jasa pengaspalan Cilegon</a>. Kami adalah perusahaan jasa aspal yang memiliki komitmen untuk menyediakan infrastruktur jalan berkualitas dengan menggunakan material terbaik dan tenaga kerja profesional. Dengan pengalaman bertahun-tahun dalam bidang konstruksi, kami siap membantu mewujudkan jalan yang tahan lama dan berkualitas tinggi.</p>



<section class="hargaaspal-menu">
  <!-- Heading Menu dengan animasi -->
  <div class="menu-heading-alt">
    <span>MENU</span>
  </div>

  <div class="menu-container-angled">
    <a href="#Layanan" class="menu-link-angled" style="--i:0;">
      <span class="menu-title">Layanan</span>
    </a>

    <a href="#Harga" class="menu-link-angled" style="--i:1;">
      <span class="menu-title">Daftar Harga</span>
    </a>

    <a href="#Form" class="menu-link-angled" style="--i:3;">
      <span class="menu-title">Form Pemesanan</span>
    </a>
  </div>

  <!-- Garis Bawah Menu -->
  <div class="menu-bottom-line"></div>
</section>

<style>
/* Heading Menu dengan garis kiri-kanan + tulisan miring */
.menu-heading-alt {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 1.8rem;
  font-family: 'Segoe UI', sans-serif;
  overflow: hidden;
}

.menu-heading-alt::before,
.menu-heading-alt::after {
  content: "";
  flex: 1;
  height: 3px;
  background: linear-gradient(to right, transparent, #a10026);
  margin: 0 10px;
  border-radius: 2px;
  transform: scaleX(0);
  transform-origin: center;
  animation: lineWipe 0.5s forwards;
}

.menu-heading-alt::after {
  background: linear-gradient(to left, transparent, #a10026);
  animation-delay: 0.3s;
}

.menu-heading-alt span {
  font-size: 1.6rem;
  font-weight: 700;
  color: #091b32;
  letter-spacing: 2px;
  font-style: bold;
  opacity: 0;
  transform: translateY(12px);
  animation: textFadeUp 0.5s forwards 0.3s;
}

/* Container menu */
.menu-container-angled {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 1rem;
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 1rem;
}

/* Menu link berbentuk jajar genjang */
.menu-link-angled {
  flex: 1 1 calc(25% - 1rem);
  background: #a10026;
  color: #fff;
  text-align: center;
  padding: 1.5rem 0.5rem;
  text-decoration: none;
  font-family: 'Segoe UI', sans-serif;
  font-weight: 600;
  transform: skew(-15deg) translateY(25px);
  border-radius: 8px;
  box-shadow: 0 4px 10px rgba(0,0,0,0.15);
  position: relative;
  opacity: 0;
  animation: cardSlideUp 0.5s forwards;
  animation-delay: calc(var(--i) * 0.15s + 0.6s);
  transition: all 0.3s ease;
}

.menu-link-angled span {
  display: block;
  transform: skew(15deg); /* Balikin text agar tidak miring di tombol */
}

.menu-link-angled:hover {
  background: #091b32;
  box-shadow: 0 6px 14px rgba(0,0,0,0.25);
  transform: skew(-15deg) translateY(-3px);
}

.menu-title {
  font-size: 1.2rem;
  text-transform: uppercase;
}

/* Garis Bawah Menu */
.menu-bottom-line {
  width: 100%;
  height: 3px;
  background: linear-gradient(to right, transparent, #a10026, transparent);
  margin-top: 1.5rem;
  transform: scaleX(0);
  transform-origin: center;
  animation: lineWipeFull 0.6s forwards;
  animation-delay: 1s;
  border-radius: 2px;
}

/* Animasi */
@keyframes lineWipe {
  to { transform: scaleX(1); }
}

@keyframes lineWipeFull {
  to { transform: scaleX(1); }
}

@keyframes textFadeUp {
  to { opacity: 1; transform: translateY(0); }
}

@keyframes cardSlideUp {
  to {
    opacity: 1;
    transform: skew(-15deg) translateY(0);
  }
}

/* Responsif */
@media (max-width: 992px) {
  .menu-link-angled {
    flex: 1 1 calc(50% - 1rem);
  }
}
@media (max-width: 480px) {
  .menu-link-angled {
    flex: 1 1 100%;
  }
}
</style>

<script>
// Smooth scroll
document.querySelectorAll('a[href^="#"]').forEach(anchor => {
  anchor.addEventListener("click", function (e) {
    e.preventDefault();
    const target = document.querySelector(this.getAttribute("href"));
    if (target) {
      target.scrollIntoView({ behavior: "smooth", block: "start" });
    }
  });
});
</script>



<h2 class="wp-block-heading"></h2>



<h2 class="subjudul">Profil Perusahaan Jasa Pengaspalan Cilegon</h2>



<p>Kami adalah perusahaan spesialis dalam jasa pengaspalan dengan pengalaman bertahun-tahun di bidang konstruksi jalan. Berdedikasi untuk memberikan hasil terbaik, kami jasa pengaspalan Cilegon menggunakan bahan berkualitas tinggi, teknologi modern, dan tenaga kerja profesional untuk memastikan proyek pengaspalan berjalan dengan baik.</p>



<figure class="wp-block-image aligncenter size-large"><img decoding="async" width="400" height="380" src="https://hargaaspal.com/wp-content/uploads/2024/05/jasa-pengaspalan-cilegon-400x380.webp" alt="jasa pengaspalan Cilegon" class="wp-image-3970"/></figure>



<h2 class="subjudul">Memahami Pentingnya Jasa Pengaspalan Cilegon yang Berkualitas</h2>



<p>Sebagai penyedia jasa aspal jalan murah, kami memahami bahwa jalan yang baik sangat penting untuk kelancaran aktivitas sehari-hari. Jalan yang berkualitas memberikan berbagai manfaat yang signifikan. Berikut beberapa alasan mengapa jasa aspal berkualitas sangat dibutuhkan:</p>



<h3 class="wp-block-heading">1. Meningkatkan Keamanan Berkendara</h3>



<p>Jalan yang mulus dan terawat mengurangi risiko kecelakaan. Selain pengendara dapat melaju dengan aman tanpa harus menghindari lubang atau permukaan jalan yang rusak.</p>



<h3 class="wp-block-heading">2. Memperpanjang Umur Jalan</h3>



<p>Dengan jasa pengaspalan jalan yang berkualitas, jalan akan lebih tahan lama. Di samping itu material aspal berkualitas tinggi dan pengerjaan yang tepat mengurangi risiko retak dan berlubang dalam waktu singkat.</p>



<h3 class="wp-block-heading">3. Mengurangi Biaya Perawatan Kendaraan</h3>



<p>Jalan yang rusak dapat merusak kendaraan, mulai dari ban hingga suspensi. Dengan jasa aspal yang berkualitas, dapat menghemat biaya perawatan kendaraan karena permukaan jalan yang lebih stabil dan rata.</p>



<h3 class="wp-block-heading">4. Mendukung Kelancaran Transportasi dan Ekonomi</h3>



<p>Akses jalan yang baik mempercepat distribusi barang dan jasa. Hal ini berdampak positif pada perekonomian, terutama di kota industri seperti Cilegon.</p>



<h3 class="wp-block-heading">5. Meningkatkan Estetika dan Kenyamanan Kota</h3>



<p>Jalan yang tertata rapi tidak hanya memberikan kenyamanan bagi pengguna, tetapi juga meningkatkan estetika lingkungan sekitar. Karena infrastruktur yang baik mencerminkan perkembangan suatu daerah.</p>



<section id="Layanan">
<h2 class="subjudul">Layanan Jasa Pengaspalan Cilegon</h2>
</section>



<p>Kami menawarkan berbagai layanan <a href="https://hargaaspal.com/jasa-pengaspalan-jalan/" target="_blank" rel="noreferrer noopener">jasa pengaspalan</a> untuk berbagai kebutuhan, di antaranya:</p>



<h3 class="wp-block-heading">1. Jasa Pengaspalan Jalan Raya</h3>



<p>Kami melayani jasa pengaspalan jalan raya untuk memastikan infrastruktur utama tetap kokoh dan aman. Jalan raya yang berkualitas tinggi sangat penting untuk mendukung mobilitas masyarakat dan aktivitas ekonomi. Kami menggunakan material aspal terbaik dan metode pengerjaan modern agar jalan raya lebih tahan terhadap beban kendaraan berat dan perubahan cuaca ekstrem.</p>



<figure class="wp-block-image aligncenter size-large"><img decoding="async" width="400" height="380" src="https://hargaaspal.com/wp-content/uploads/2024/05/jasa-pengaspalan-jalan-Cilegon-400x380.webp" alt="jasa pengaspalan jalan Cilegon" class="wp-image-3973"/></figure>



<h3 class="wp-block-heading">2. Jasa Pengaspalan Jalan Perumahan</h3>



<p>Jalan perumahan yang baik meningkatkan kenyamanan dan keamanan bagi penghuni. Kami menyediakan jasa pengaspalan perumahan dengan material berkualitas tinggi agar jalan tetap halus dan tidak mudah rusak. Karena dengan perawatan yang tepat, jalan di kawasan perumahan dapat bertahan lebih lama dan memberikan nilai tambah bagi lingkungan.</p>



<h3 class="wp-block-heading">3. Jasa Pengaspalan Area Industri</h3>



<p>Area industri membutuhkan jasa pengaspalan yang lebih kuat dan tahan terhadap beban berat. Kami Jasa Pengaspalan Cilegon memastikan jalan di kawasan industri memiliki ketahanan tinggi dengan proses pemadatan yang maksimal. Selain itu, kami memperhatikan sistem drainase agar jalan tetap kering dan tidak mudah mengalami kerusakan akibat genangan air.</p>



<h3 class="wp-block-heading">4. Jasa Pengaspalan Lapangan dan Parkiran</h3>



<p>Kami juga menangani jasa aspal lapangan olahraga, area parkir, dan fasilitas umum lainnya. Dengan permukaan aspal yang rata dan kokoh, kendaraan dapat diparkir dengan aman tanpa risiko kerusakan. Kami menggunakan campuran aspal khusus agar area parkir tetap awet dan tidak mudah berlubang meskipun digunakan setiap hari.</p>



<h2 class="subjudul">Tahap-Tahap Proses Pengaspalan Cilegon</h2>



<p>Kami Jasa Pengaspalan Cilegon selalu memastikan melakukan proses jasa aspal jalan secara profesional dengan tahapan yang terstruktur agar hasil akhir maksimal.</p>



<h3 class="wp-block-heading">1. Persiapan Lahan</h3>



<p>Tim Jasa Pengaspalan Cilegon melakukan pembersihan dan perataan area sebelum proses jasa aspal. Sampah, batu, dan material lainnya harus disingkirkan agar permukaan dasar siap menerima aspal. Selain itu, kami juga memastikan tanah memiliki kepadatan yang cukup agar aspal tidak mudah retak atau bergelombang setelah proses pengerjaan selesai.</p>



<h3 class="wp-block-heading">2. Pemasangan Base Course</h3>



<p>Lapisan dasar atau base course sangat penting dalam jasa aspal karena berfungsi sebagai pondasi utama. Kami Jasa Pengaspalan Cilegon menggunakan agregat batu berkualitas yang yang melalui proses pemadatan dengan mesin khusus agar struktur jalan menjadi lebih kuat. Karena base course yang baik akan meningkatkan daya tahan jalan terhadap tekanan kendaraan dan perubahan cuaca.</p>



<h3 class="wp-block-heading">3. Penghamparan Aspal</h3>



<p>Pada tahap ini, menuangkan dan  meratakan aspal panas menggunakan alat berat seperti asphalt finisher. Kami Jasa Pengaspalan Cilegon memastikan ketebalan aspal sesuai dengan standar agar jalan memiliki daya tahan optimal. Selain itu, kami juga memperhatikan suhu aspal saat penghamparan agar material tetap dalam kondisi ideal untuk proses pemadatan selanjutnya.</p>



<h3 class="wp-block-heading">4. Pemadatan dengan Roller</h3>



<p>Setelah pemerataan aspal, tim kami menggunakan mesin roller untuk memadatkan permukaan jalan. Proses pemadatan ini secara bertahap agar hasil akhir lebih kokoh dan rata. Kami juga memastikan tidak ada celah udara dalam lapisan aspal karena bisa menyebabkan retakan dan kerusakan dini.</p>



<h3 class="wp-block-heading">5. Finishing dan Pengecekan Kualitas</h3>



<p>Tahap terakhir dalam jasa pengaspalan jalan adalah pengecekan akhir untuk memastikan kualitas jalan yang telah dikerjakan. Kami Jasa Pengaspalan Cilegon mengevaluasi ketebalan, kekuatan, dan kelancaran permukaan aspal agar sesuai dengan standar yang telah ditetapkan. Jika ditemukan ketidaksempurnaan, tim kami segera melakukan perbaikan agar hasil akhir benar-benar maksimal.</p>



<h2 class="subjudul">Keunggulan Layanan Jasa Pengaspalan Cilegon</h2>



<p>Mengapa memilih kami Jasa Pengaspalan Cilegon? Berikut beberapa keunggulan kami:</p>



<h3 class="wp-block-heading">1. Material Berkualitas Tinggi</h3>



<p>Kami hanya menggunakan material terbaik dari <a href="https://hargaaspal.com/pabrik-aspal-cilegon/" target="_blank" rel="noreferrer noopener">Pabrik Aspal Cilegon</a> agar jalan tahan lama dan tidak mudah rusak.</p>



<h3 class="wp-block-heading">2. Tenaga Kerja Profesional</h3>



<p>Dikerjakan oleh tim ahli dengan pengalaman bertahun-tahun di bidang jasa aspal.</p>



<figure class="wp-block-image aligncenter size-large"><img loading="lazy" decoding="async" width="400" height="380" src="https://hargaaspal.com/wp-content/uploads/2024/05/jasa-aspal-Cilegon-400x380.webp" alt="jasa aspal Cilegon" class="wp-image-3975"/></figure>



<h3 class="wp-block-heading">3. Harga Terjangkau</h3>



<p>Kami menawarkan harga jasa aspal murah dan kompetitif dengan tetap menjaga kualitas layanan.</p>



<h3 class="wp-block-heading">4. Teknologi Modern</h3>



<p>Menggunakan peralatan terbaru untuk memastikan pekerjaan selesai dengan hasil terbaik.</p>



<section id="Harga">
<h2 class="subjudul">Daftar Harga Jasa Pengaspalan Cilegon</h2>
</section>



<p>Harga jasa pengaspalan jalan tergantung pada beberapa faktor, seperti luas area, jenis material. Berikut kami lampirkan daftar jasa pengaspalan Cilegon:</p>


<div class="wp-tabel-harga-aspal">
  <style>
    .wp-tabel-harga-aspal {
      font-family: 'Segoe UI', sans-serif;
      display: flex;
      justify-content: center;
      padding: 1.5rem 0;
      background-color: transparent;
    }

    .wp-tabel-harga-aspal .tabel-container {
      border-radius: 8px;
      overflow: hidden;
      box-shadow: 0 2px 8px rgba(0,0,0,0.08);
      max-width: 850px;
      width: 100%;
      background-color: #ffffff;
      animation: fadeInAspal 0.6s ease;
      transition: box-shadow 0.3s ease;
    }

    .wp-tabel-harga-aspal .tabel-container:hover {
      box-shadow: 0 4px 12px rgba(0,0,0,0.12);
    }

    .wp-tabel-harga-aspal .tabel-biaya-aspal {
      width: 100%;
      border-collapse: collapse;
    }

    .wp-tabel-harga-aspal .tabel-biaya-aspal thead {
      background-color: #a10026;
      color: #ffffff;
    }

    .wp-tabel-harga-aspal .tabel-biaya-aspal th, 
    .wp-tabel-harga-aspal .tabel-biaya-aspal td {
      padding: 18px 22px;
      border-bottom: 1px solid #e5e7eb;
      text-align: left;
      font-size: 1.4rem; /* lebih besar lagi */
      line-height: 1.6;
    }

    .wp-tabel-harga-aspal .tabel-biaya-aspal tbody tr:nth-child(even) {
      background-color: #f9f9f9;
    }

    .wp-tabel-harga-aspal .tabel-biaya-aspal tbody tr:hover {
      background-color: #fff1f3;
      transition: background-color 0.3s ease;
    }

    .wp-tabel-harga-aspal .tabel-biaya-aspal tbody tr:last-child td {
      border-bottom: none;
    }

    @media (max-width: 600px) {
      .wp-tabel-harga-aspal .tabel-biaya-aspal th, 
      .wp-tabel-harga-aspal .tabel-biaya-aspal td {
        padding: 14px 16px;
        font-size: 1.2rem; /* tetap besar tapi proporsional di HP */
      }
    }

    @keyframes fadeInAspal {
      from { opacity: 0; transform: translateY(10px); }
      to { opacity: 1; transform: translateY(0); }
    }
  </style>

  <div class="tabel-container">
    <table class="tabel-biaya-aspal" aria-label="Tabel harga aspal hotmix 2025">
      <thead>
        <tr>
          <th>Nama Bahan</th>
          <th>Harga per Ton</th>
        </tr>
      </thead>
      <tbody>
        <tr><td>AC BC</td><td>Rp 1.220.000,-</td></tr>
        <tr><td>AC WC</td><td>Rp 1.270.000,-</td></tr>
        <tr><td>AC WC IV A</td><td>Rp 1.290.000,-</td></tr>
        <tr><td>ATB</td><td>Rp 1.175.000,-</td></tr>
        <tr><td>HRS</td><td>Rp 1.355.000,-</td></tr>
        <tr><td>3 Laston</td><td>Rp 1.315.000,-</td></tr>
        <tr><td>3 Laston Spesial</td><td>Rp 1.420.000,-</td></tr>
        <tr><td>Sand Sheet</td><td>Rp 1.525.000,-</td></tr>
        <tr><td>Sand Sheet Spesial</td><td>Rp 1.640.000,-</td></tr>
        <tr><td>Emulsi (Per-Liter)</td><td>Rp 12.500,- / Liter</td></tr>
        <tr><td>Emulsi (Per-Drum)</td><td>Rp 12.801,- / Liter</td></tr>
      </tbody>
    </table>
  </div>
</div>



<section class="daftar-harga-section">
  <div class="harga-container">

    <div class="harga-grid">

      <!-- III Laston -->
      <div class="harga-card">
        <div class="card-header">III Laston</div>
        <div class="card-body">
          <div class="harga-row"><span>2 cm</span><strong>Rp 90.000,-/m²</strong></div>
          <div class="harga-row"><span>3 cm</span><strong>Rp 115.000,-/m²</strong></div>
        </div>
      </div>

      <!-- III Laston Spesial -->
      <div class="harga-card">
        <div class="card-header">III Laston Spesial</div>
        <div class="card-body">
          <div class="harga-row"><span>1 cm</span><strong>Rp 60.000,-/m²</strong></div>
          <div class="harga-row"><span>2 cm</span><strong>Rp 90.000,-/m²</strong></div>
          <div class="harga-row"><span>3 cm</span><strong>Rp 115.000,-/m²</strong></div>
        </div>
      </div>

      <!-- Sandsheet -->
      <div class="harga-card">
        <div class="card-header">Sandsheet</div>
        <div class="card-body">
          <div class="harga-row"><span>1 cm</span><strong>Rp 60.000,-/m²</strong></div>
          <div class="harga-row"><span>2 cm</span><strong>Rp 90.000,-/m²</strong></div>
        </div>
      </div>

      <!-- HRS -->
      <div class="harga-card">
        <div class="card-header">HRS</div>
        <div class="card-body">
          <div class="harga-row"><span>2 cm</span><strong>Rp 90.000,-/m²</strong></div>
          <div class="harga-row"><span>3 cm</span><strong>Rp 115.000,-/m²</strong></div>
          <div class="harga-row"><span>4 cm</span><strong>Rp 145.000,-/m²</strong></div>
        </div>
      </div>

      <!-- AC-WC -->
      <div class="harga-card">
        <div class="card-header">AC-WC</div>
        <div class="card-body">
          <div class="harga-row"><span>3 cm</span><strong>Rp 115.000,-/m²</strong></div>
          <div class="harga-row"><span>4 cm</span><strong>Rp 145.000,-/m²</strong></div>
          <div class="harga-row"><span>5 cm</span><strong>Rp 200.000,-/m²</strong></div>
        </div>
      </div>

      <!-- AC-BC -->
      <div class="harga-card">
        <div class="card-header">AC-BC</div>
        <div class="card-body">
          <div class="harga-row"><span>4 cm</span><strong>Rp 145.000,-/m²</strong></div>
          <div class="harga-row"><span>5 cm</span><strong>Rp 200.000,-/m²</strong></div>
        </div>
      </div>

      <!-- ATB -->
      <div class="harga-card">
        <div class="card-header">ATB</div>
        <div class="card-body">
          <div class="harga-row"><span>5 cm</span><strong>Rp 200.000,-/m²</strong></div>
        </div>
      </div>

    </div>
  </div>
</section>

<style>
  .daftar-harga-section {
    font-family: 'Segoe UI', sans-serif;
    background: #fdfdfd;
    padding: 50px 20px;
    display: flex;
    justify-content: center;
  }

  .harga-container {
    width: 100%;
    max-width: 1100px;
  }

  .harga-title {
    background: #a10026;
    color: #fff;
    text-align: center;
    font-weight: 600;
    font-size: 22px;
    padding: 18px;
    border-radius: 10px;
    text-transform: uppercase;
    margin-bottom: 30px;
    letter-spacing: 0.5px;
  }

  .harga-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
    gap: 25px;
  }

  .harga-card {
    background: #fff;
    border-radius: 14px;
    border: 1px solid #fff6ef;
    box-shadow: 0 4px 12px rgba(0,0,0,0.08);
    overflow: hidden;
    transition: all 0.3s ease;
  }

  .harga-card:hover {
    transform: translateY(-6px);
    box-shadow: 0 8px 18px rgba(0,0,0,0.15);
  }

  .card-header {
    background: #a10026;
    color: #fff;
    font-weight: 700;
    font-size: 17px;
    text-align: center;
    padding: 14px 10px;
    border-bottom: 1px solid #f9f1f3;
  }

  .card-body {
    padding: 14px 20px;
    background: #fffdfd;
  }

  .harga-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 0;
    border-bottom: 1px dashed #e6dada;
    font-size: 15px;
    color: #091b32;
  }

  .harga-row:last-child {
    border-bottom: none;
  }

  .harga-row strong {
    color: #a10026;
    font-weight: 700;
  }

  @media (max-width: 600px) {
    .harga-grid {
      grid-template-columns: 1fr;
    }

    .harga-row {
      flex-direction: column;
      align-items: flex-start;
      gap: 6px;
      font-size: 14px;
    }

    .card-header {
      font-size: 16px;
      padding: 12px;
    }
  }
</style>




<p class="has-text-align-center"><em>nb : untuk mengetahui <a href="https://hargaaspal.com" target="_blank" rel="noreferrer noopener">harga aspal</a> terbaru dan terupdate dapat menghubungi&nbsp;kontak kami</em></p>


<style>
  .kontak-btn-container {
    display: flex;
    justify-content: center; /* tombol berada di tengah */
    gap: 1rem;
    flex-wrap: wrap;
    margin: 1.5rem 0;
    font-family: 'Segoe UI', sans-serif;
  }

  .kontak-btn {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 12px 18px;
    border-radius: 8px;
    font-size: 1rem;
    font-weight: 600;
    text-decoration: none;
    color: #fff;
    transition: all 0.3s ease;
    box-shadow: 0 2px 6px rgba(0,0,0,0.15);
  }

  .kontak-btn:hover {
    transform: translateY(-3px);
    box-shadow: 0 4px 10px rgba(0,0,0,0.2);
  }

  .btn-wa {
    background-color: #25D366; /* Hijau WhatsApp */
  }

  .btn-wa:hover {
    background-color: #1eb354;
  }

  .btn-telp {
    background-color: #a10026; /* red branding */
  }

  .btn-telp:hover {
    background-color: #002d55;
  }

  .kontak-btn svg {
    width: 20px;
    height: 20px;
  }
</style>

<div class="kontak-btn-container">
  <!-- Tombol WhatsApp -->
  <a 
    href="https://api.whatsapp.com/send?phone=62817892028&text=Halo%20hargaaspal.com,%20mohon%20informasi%20mengenai%20harga%20aspal%20dan%20jasa%20pengaspalan." 
    target="_blank" 
    class="kontak-btn btn-wa"
  >
    <!-- Ikon WhatsApp -->
    <svg xmlns="http://www.w3.org/2000/svg" fill="white" viewBox="0 0 24 24">
      <path d="M20.52 3.48A11.9 11.9 0 0012 .07C5.39.07.07 5.39.07 12c0 2.11.55 4.15 1.6 5.95L0 24l6.22-1.63A11.93 11.93 0 0012 23.93c6.61 0 11.93-5.32 11.93-11.93 0-3.19-1.24-6.19-3.41-8.52zM12 21.45c-1.91 0-3.77-.51-5.39-1.47l-.39-.23-3.69.97.99-3.59-.25-.37a9.43 9.43 0 01-1.5-5.15c0-5.22 4.25-9.47 9.47-9.47 2.53 0 4.9.98 6.68 2.76a9.4 9.4 0 012.79 6.72c0 5.22-4.25 9.47-9.47 9.47zm5.25-7.12c-.29-.15-1.73-.85-2-1-.27-.1-.47-.15-.67.15-.19.29-.77.96-.94 1.15-.17.2-.35.22-.64.07-.29-.15-1.22-.45-2.32-1.44-.86-.77-1.44-1.72-1.61-2.01-.17-.29-.02-.45.13-.6.13-.13.29-.35.43-.52.15-.17.19-.29.29-.48.1-.19.05-.36-.02-.52-.07-.15-.67-1.62-.91-2.21-.24-.58-.48-.5-.67-.51h-.57c-.19 0-.52.07-.79.36-.27.29-1.04 1.01-1.04 2.47s1.07 2.87 1.22 3.07c.15.19 2.11 3.22 5.1 4.51.71.31 1.26.5 1.69.64.71.23 1.35.2 1.86.12.57-.08 1.73-.71 1.98-1.4.25-.69.25-1.28.17-1.4-.07-.13-.26-.2-.55-.35z"/>
    </svg>
    WhatsApp
  </a>

  <!-- Tombol Telepon -->
  <a href="tel:62817892028" class="kontak-btn btn-telp">
    <!-- Ikon Telepon -->
    <svg xmlns="http://www.w3.org/2000/svg" fill="white" viewBox="0 0 24 24">
      <path d="M6.62 10.79a15.534 15.534 0 006.59 6.59l2.2-2.2a1 1 0 011.01-.24c1.12.37 2.33.57 3.58.57a1 1 0 011 1V21a1 1 0 01-1 1C10.07 22 2 13.93 2 3a1 1 0 011-1h3.5a1 1 0 011 1c0 1.25.2 2.46.57 3.58.09.32.02.66-.24 1.01l-2.21 2.2z"/>
    </svg>
    Konsultasi Gratis
  </a>
</div>




<h2 class="subjudul">Testimoni Pengguna Jasa Pengaspalan Cilegon</h2>



<section class="testi-section">

  <div class="testi-grid">
    <!-- Testimoni 1 -->
    <article class="testi-card">
      <header class="testi-identitas">
        <div class="testi-nama">Eva</div>
        <div class="testi-asal">Pemilik Pabrik</div>
      </header>
      <p class="testi-quote">
        Layanan jasa pengaspalan yang sangat profesional!
        Jalan di area pabrik kini lebih mulus dan kuat.
      </p>
    </article>

    <!-- Testimoni 2 -->
    <article class="testi-card">
      <header class="testi-identitas">
        <div class="testi-nama">Tata</div>
        <div class="testi-asal">Pemilik Ruko</div>
      </header>
      <p class="testi-quote">
        Salah satu penyedia jasa pengaspalan terbaik!
        Pekerjaan selesai tepat waktu dan sesuai dengan harapan.
      </p>
    </article>

    <!-- Testimoni 3 -->
    <article class="testi-card">
      <header class="testi-identitas">
        <div class="testi-nama">Rena</div>
        <div class="testi-asal">Pengelola Kompleks Perumahan</div>
      </header>
      <p class="testi-quote">
        Pekerjaan cepat dan hasil memuaskan.
        Jalan di kompleks perumahan kini lebih nyaman dilalui penghuni.
      </p>
    </article>

    <!-- Testimoni 4 (Tambahan) -->
    <article class="testi-card">
      <header class="testi-identitas">
        <div class="testi-nama">Tayo</div>
        <div class="testi-asal">Kontraktor Proyek Jalan</div>
      </header>
      <p class="testi-quote">
        Aspalnya Berkualitas, Hasilnya Rapi.
        Penghamparan aspal di proyek jalan desa kami terlihat padat, rapi, dan tahan lama.
      </p>
    </article>
  </div>
</section>

<style>
  .testi-section {
    font-family: 'Segoe UI', sans-serif;
    padding: 36px 20px;
    background: linear-gradient(180deg, #fafafa 0%, #f5f5f5 100%);
  }
  .testi-section h2 {
    text-align: center;
    color: #a10026;
    font-size: 28px;
    font-weight: 700;
    margin-bottom: 14px;
    position: relative;
  }
  .testi-section h2::after {
    content: "";
    display: block;
    width: 70px;
    height: 4px;
    background: #a10026;
    margin: 10px auto 0;
    border-radius: 2px;
    opacity: .9;
  }

  .testi-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
    gap: 22px;
    max-width: 1000px;
    margin: 0 auto;
  }

  .testi-card {
    position: relative;
    background: #fff;
    border: 1px solid #f1f1f1;
    border-radius: 14px;
    box-shadow: 0 4px 12px rgba(0,0,0,.08);
    padding: 18px 18px 22px;
    transition: transform .3s ease, box-shadow .3s ease;
    overflow: hidden;
  }
  .testi-card::before {
    content: "“";
    position: absolute;
    right: 12px;
    top: -8px;
    font-size: 90px;
    line-height: 1;
    color: #a10026;
    opacity: .06;
    pointer-events: none;
  }
  .testi-card:hover {
    transform: translateY(-6px);
    box-shadow: 0 8px 20px rgba(0,0,0,.14);
  }

  .testi-identitas {
    margin-bottom: 8px;
  }
  .testi-nama {
    font-weight: 700;
    color: #a10026;
    font-size: 16px;
    letter-spacing: .2px;
  }
  .testi-asal {
    font-size: 13.5px;
    color: #666;
    margin-top: 2px;
  }

  .testi-quote {
    font-size: 14px;
    color: #444;
    line-height: 1.65;
    background: #fff4f6;
    border-left: 3px solid #a10026;
    padding: 12px 12px;
    border-radius: 8px;
    margin: 0;
  }

  .testi-quote strong {
    font-weight: 700;
    color: #444;
  }

  .testi-card:hover .testi-nama { color: #7e001d; }
  .testi-card:hover .testi-quote { background: #ffe9ee; }
</style>



<section id="Form">
<h2 class="subjudul">Cara Memesan Layanan Jasa Pengaspalan Cilegon</h2>
</section>



<p>Untuk memesan layanan jasa pengaspalan jalan, Anda dapat menghubungi kami melalui kontak yang tercantum di website ini atau mengisi form di bawah ini. Tim kami akan memberikan konsultasi gratis untuk memahami kebutuhan proyek jasa aspal Anda, menawarkan solusi terbaik jasa aspal murah, serta memberikan estimasi biaya dan waktu pengerjaan yang transparan. Setelah kesepakatan tercapai, kami akan segera menjadwalkan pengerjaan agar proyek dapat berjalan dengan lancar dan tepat waktu.</p>


<div class="form-container" style="max-width:600px;margin:auto;padding:20px;background:#f7f7f7;border-radius:12px;box-shadow:0 0 10px rgba(0,0,0,0.1)">

  <div style="display:flex;flex-direction:column;gap:15px;">

    <!-- Pilih Satuan -->
    <div>
      <label for="satuan" style="font-weight:600;color:#333;">Pilih Satuan:</label>
      <select id="satuan" style="width:100%;padding:10px;border-radius:6px;border:1px solid #ccc;">
        <option value="">-- Pilih Satuan --</option>
        <option value="ton">Ton</option>
        <option value="m2">M2</option>
        <option value="drum">Drum</option>
        <option value="liter">Liter</option>
      </select>
    </div>

    <!-- Pilih Jenis Aspal -->
    <div id="jenis-section" style="display:none;">
      <label for="jenis" style="font-weight:600;color:#333;">Pilih Jenis Aspal:</label>
      <select id="jenis" style="width:100%;padding:10px;border-radius:6px;border:1px solid #ccc;">
        <option value="">-- Pilih Jenis Aspal --</option>
      </select>
    </div>

    <!-- Pilih Ketebalan (khusus M2) -->
    <div id="tebal-section" style="display:none;">
      <label for="tebal" style="font-weight:600;color:#333;">Pilih Ketebalan Aspal:</label>
      <select id="tebal" style="width:100%;padding:10px;border-radius:6px;border:1px solid #ccc;">
        <option value="">-- Pilih Ketebalan --</option>
      </select>
    </div>

    <!-- Jumlah Pesanan -->
    <div>
      <label for="jumlah" id="label-jumlah" style="font-weight:600;color:#333;">Jumlah Pesanan:</label>
      <div style="display:flex;align-items:center;gap:10px;">
        <input type="number" id="jumlah" min="1" style="flex:1;padding:10px;border-radius:6px;border:1px solid #ccc;">
        <span id="satuan-label" style="color:#555;font-size:14px;">satuan</span>
      </div>
    </div>

    <!-- Tombol Hitung -->
    <button onclick="hitungTotal()" style="width:100%;padding:12px;background:#a10026;color:#fff;border:none;border-radius:6px;font-weight:bold;cursor:pointer;">Hitung Total</button>

    <!-- Hasil -->
    <div id="hasil" style="margin-top:15px;padding:15px;background:#fff;border-radius:8px;display:none;">
      <h4 style="margin-bottom:10px;">Detail Pesanan:</h4>
      <p id="detail" style="margin-bottom:8px;line-height:1.6;"></p>
      <p><strong>Total Harga:</strong> <span id="total-harga" style="color:#a10026;font-weight:bold;"></span></p>
    </div>

    <!-- Tombol WhatsApp -->
    <a id="pesan-wa" href="#" target="_blank" style="display:none;text-decoration:none;">
      <button style="width:100%;margin-top:10px;padding:12px;background:#25d366;color:#fff;border:none;border-radius:6px;font-weight:bold;cursor:pointer;">Pesan Sekarang via WhatsApp</button>
    </a>

  </div>
</div>

<script>
const harga = {
  ton: {
    "Aspal Hotmix AC-WC": 1270000,
    "Aspal Hotmix AC-WC IV A": 1290000,
    "Aspal Hotmix AC-BC": 1220000,
    "Aspal Hotmix Laston": 1315000,
    "Aspal Hotmix Laston Spesial": 1420000,
    "Aspal Hotmix HRS": 1355000,
    "Aspal Hotmix Sand Sheet": 1525000,
    "Aspal Hotmix Sand Sheet Spesial": 1640000
  },
  m2: {
    1: 60000,
    2: 90000,
    3: 115000,
    4: 145000,
    5: 200000
  },
  drum: { "Emulsi": 12800 },
  liter: { "Emulsi": 12500 }
};

// Jenis aspal berdasarkan satuan
const jenisBySatuan = {
  ton: [
    "Aspal Hotmix AC-WC", "Aspal Hotmix AC-WC IV A", "Aspal Hotmix AC-BC",
    "Aspal Hotmix Laston", "Aspal Hotmix Laston Spesial", "Aspal Hotmix HRS",
    "Aspal Hotmix Sand Sheet", "Aspal Hotmix Sand Sheet Spesial"
  ],
  m2: [
    "AC WC", "AC BC", "HRS", "III Laston", "III Laston Special", "Sandsheet", "ATB"
  ],
  drum: ["Emulsi"],
  liter: ["Emulsi"]
};

// Ketebalan berdasarkan jenis (dibalik dari sebelumnya)
const tebalByJenis = {
  "AC WC": [3,4,5],
  "AC BC": [4,5],
  "HRS": [2,3,4],
  "III Laston": [2,3],
  "III Laston Special": [1,2,3],
  "Sandsheet": [1,2],
  "ATB": [5]
};

const satuanSelect = document.getElementById('satuan');
const jenisSelect = document.getElementById('jenis');
const tebalSelect = document.getElementById('tebal');
const tebalSection = document.getElementById('tebal-section');
const jenisSection = document.getElementById('jenis-section');
const jumlahInput = document.getElementById('jumlah');
const labelJumlah = document.getElementById('label-jumlah');
const satuanLabel = document.getElementById('satuan-label');

satuanSelect.addEventListener('change', () => {
  const satuan = satuanSelect.value;
  jenisSelect.innerHTML = '<option value="">-- Pilih Jenis Aspal --</option>';
  tebalSelect.innerHTML = '<option value="">-- Pilih Ketebalan --</option>';
  tebalSection.style.display = 'none';
  jenisSection.style.display = satuan ? 'block' : 'none';
  labelJumlah.textContent = satuan === 'm2' ? 'Luas (m²):' :
                            satuan === 'ton' ? 'Jumlah (Ton):' :
                            satuan === 'drums' ? 'Jumlah (Liter):' :
                            satuan === 'liter' ? 'Jumlah (Liter):' :
                            'Jumlah Pesanan:';
  satuanLabel.textContent = satuan || 'satuan';

  if (satuan && jenisBySatuan[satuan]) {
    jenisBySatuan[satuan].forEach(j => {
      const opt = document.createElement('option');
      opt.value = j;
      opt.textContent = j;
      jenisSelect.appendChild(opt);
    });
  }
});

jenisSelect.addEventListener('change', () => {
  const satuan = satuanSelect.value;
  const jenis = jenisSelect.value;

  tebalSelect.innerHTML = '<option value="">-- Pilih Ketebalan --</option>';

  if (satuan === 'm2' && tebalByJenis[jenis]) {
    tebalByJenis[jenis].forEach(t => {
      const opt = document.createElement('option');
      opt.value = t;
      opt.textContent = `${t} cm`;
      tebalSelect.appendChild(opt);
    });
    tebalSection.style.display = 'block';
  } else {
    tebalSection.style.display = 'none';
  }
});

function hitungTotal() {
  const satuan = satuanSelect.value;
  const jenis = jenisSelect.value;
  const jumlah = parseFloat(jumlahInput.value);
  const tebal = tebalSelect.value;

  if (!satuan || !jenis || !jumlah) {
    alert('Silakan lengkapi semua pilihan dan jumlah.');
    return;
  }

  let hargaSatuan = 0;
  if (satuan === 'm2') {
    if (!tebal) {
      alert('Silakan pilih ketebalan.');
      return;
    }
    hargaSatuan = harga.m2[tebal];
  } else {
    hargaSatuan = harga[satuan][jenis];
  }

  const total = hargaSatuan * jumlah;

  document.getElementById('hasil').style.display = 'block';
  document.getElementById('detail').innerHTML = `
    Jenis Aspal: ${jenis}<br>
    ${satuan === 'm2' ? `Ketebalan: ${tebal} cm<br>` : ''}
    Jumlah: ${jumlah.toLocaleString('id-ID')} ${satuan}<br>
    Harga per ${satuan}: Rp ${hargaSatuan.toLocaleString('id-ID')}
  `;
  document.getElementById('total-harga').textContent = 'Rp ' + total.toLocaleString('id-ID');

  const pesanText = `Halo hargaaspal.com, Saya berminat untuk pesan ${jenis} ${satuan === 'm2' ? 'dengan ketebalan ' + tebal + ' cm' : ''}, ${jumlah} ${satuan}. Totalnya Rp ${total.toLocaleString('id-ID')}. Mohon informasinya.`;
  const waUrl = `https://api.whatsapp.com/send/?phone=62817892028&text=${encodeURIComponent(pesanText)}&type=phone_number&app_absent=0`;
  
  const waButton = document.getElementById('pesan-wa');
  waButton.href = waUrl;
  waButton.style.display = 'block';
}
</script>



<h2 class="subjudul">FAQ (Pertanyaan yang Sering Diajukan)</h2>



<div class="schema-faq wp-block-yoast-faq-block"><div class="schema-faq-section" id="faq-question-1758853308370"><strong class="schema-faq-question"><strong>1. Apakah jasa pengaspalan mencakup perbaikan jalan rusak?</strong></strong> <p class="schema-faq-answer">Tentu saja, kami juga melayani perbaikan jalan yang rusak sebelum proses pengaspalan agar hasilnya lebih tahan lama.</p> </div> <div class="schema-faq-section" id="faq-question-1758853321859"><strong class="schema-faq-question"><strong>2. Apakah ada garansi untuk pekerjaan pengaspalan?</strong></strong> <p class="schema-faq-answer">Tentu saja kami memberikan garansi untuk setiap proyek yang kami kerjakan guna memastikan kualitas dan daya tahan jalan tetap optimal.</p> </div> <div class="schema-faq-section" id="faq-question-1758853335742"><strong class="schema-faq-question"><strong>3. Menggunakan material apa saja dalam proses jasa pengaspalan?</strong></strong> <p class="schema-faq-answer">Kami menggunakan aspal hotmix berkualitas tinggi yang sesuai dengan standar industri. Selain itu bahan tambahan seperti agregat dan base course untuk memperkuat struktur jalan,.</p> </div> <div class="schema-faq-section" id="faq-question-1758853348744"><strong class="schema-faq-question"><strong>4. Apakah bisa memesan jasa pengaspalan dalam jumlah kecil?</strong></strong> <p class="schema-faq-answer">Tentu saja, kami melayani proyek pengaspalan dengan skala besar maupun kecil sesuai dengan kebutuhan pelanggan.</p> </div> <div class="schema-faq-section" id="faq-question-1758853367271"><strong class="schema-faq-question"><strong>5. Berapa lama proses pengaspalan jalan?</strong></strong> <p class="schema-faq-answer">Lama pengerjaan tergantung pada luas dan kondisi jalan. Karena pada umumnya, proyek pengaspalan dapat selesai dalam beberapa hari hingga beberapa minggu.</p> </div> </div>
<p>Artikel <a href="https://hargaaspal.com/jasa-pengaspalan-cilegon/">Jasa Pengaspalan Cilegon Terpercaya dan Berkualitas Tinggi</a> pertama kali tampil pada <a href="https://hargaaspal.com">Harga Aspal Terbaru</a>.</p>
]]></content:encoded>
					
		
		
			</item>
	</channel>
</rss>
