<?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>Cat Marka Jalan Catin</title>
	<atom:link href="https://www.catinpaint.co.id/feed/" rel="self" type="application/rss+xml" />
	<link>https://www.catinpaint.co.id/</link>
	<description>Thermoplastick Catin Paint</description>
	<lastBuildDate>Thu, 27 Nov 2025 02:41:34 +0000</lastBuildDate>
	<language>id</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	<generator>https://wordpress.org/?v=6.9.1</generator>

<image>
	<url>https://www.catinpaint.co.id/wp-content/uploads/2022/04/Favicon.png</url>
	<title>Cat Marka Jalan Catin</title>
	<link>https://www.catinpaint.co.id/</link>
	<width>32</width>
	<height>32</height>
</image> 
	<item>
		<title>Harga Aspal Cikarang Paket Lengkap Untuk Berbagai Proyek</title>
		<link>https://www.catinpaint.co.id/harga-aspal-cikarang/</link>
					<comments>https://www.catinpaint.co.id/harga-aspal-cikarang/#respond</comments>
		
		<dc:creator><![CDATA[Catin Paint]]></dc:creator>
		<pubDate>Tue, 18 Nov 2025 02:44:31 +0000</pubDate>
				<category><![CDATA[Tak Berkategori]]></category>
		<guid isPermaLink="false">https://www.catinpaint.co.id/?p=2121</guid>

					<description><![CDATA[<p>Sebagai penyedia layanan pengaspalan profesional, catinpaint menghadirkan harga aspal Cikarang Paket Lengkap untuk Berbagai Proyek. solusi pengaspalan dengan kualitas material hotmix terbaik, harga transparan, dan proses pengerjaan yang memenuhi standar teknis. Kami memahami bahwa setiap proyek baik skala kecil hingga industri besar memerlukan perencanaan presisi, pemilihan jenis aspal yang tepat, serta pelaksanaan yang mengacu pada [&#8230;]</p>
<p>The post <a href="https://www.catinpaint.co.id/harga-aspal-cikarang/">Harga Aspal Cikarang Paket Lengkap Untuk Berbagai Proyek</a> appeared first on <a href="https://www.catinpaint.co.id">Cat Marka Jalan Catin</a>.</p>
]]></description>
										<content:encoded><![CDATA[
<p>Sebagai penyedia layanan pengaspalan profesional, <a href="https://www.catinpaint.co.id/">catinpaint</a> menghadirkan harga aspal Cikarang Paket Lengkap untuk Berbagai Proyek. solusi pengaspalan dengan kualitas material hotmix terbaik, harga transparan, dan proses pengerjaan yang memenuhi standar teknis. Kami memahami bahwa setiap proyek baik skala kecil hingga industri besar memerlukan perencanaan presisi, pemilihan jenis aspal yang tepat, serta pelaksanaan yang mengacu pada standar Bina Marga. Kombinasi material bersertifikat dan tenaga ahli berpengalaman membuat hasil akhir lebih kuat, stabil, dan tahan terhadap beban lalu lintas tinggi, sehingga memberikan nilai jangka panjang pada setiap proyek terkait <a href="https://www.catinpaint.co.id/harga-aspal/">harga aspal</a> yang anda pilih.</p>



<h2 class="wp-block-heading has-text-align-center">Aspal Profesional Dengan Kualitas Terjamin</h2>



<p>Di catinpaint, komitmen kami sederhana dengan menghadirkan aspal berkualitas yang benar-benar memberikan nilai jangka panjang. Setiap pengerjaan dilakukan dengan proses penghamparan (paving), pemadatan (compaction), hingga kontrol suhu hotmix yang ketat agar struktur jalan mencapai kepadatan maksimal. Dengan pendekatan ilmiah pada setiap tahapan mulai dari analisis tanah dasar (subgrade) hingga perhitungan ketebalan lapisan kami memastikan setiap proyek di Cikarang memiliki daya dukung optimal dan performa terbaik.</p>



<figure class="wp-block-image aligncenter size-full"><img fetchpriority="high" decoding="async" width="500" height="434" src="https://www.catinpaint.co.id/wp-content/uploads/2025/11/harga-aspal-cikatang.png" alt="harga aspal cikarang" class="wp-image-2133" srcset="https://www.catinpaint.co.id/wp-content/uploads/2025/11/harga-aspal-cikatang.png 500w, https://www.catinpaint.co.id/wp-content/uploads/2025/11/harga-aspal-cikatang-300x260.png 300w" sizes="(max-width: 500px) 100vw, 500px" /></figure>



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



<p>Untuk memastikan setiap proyek pengaspalan mencapai hasil yang kuat, rapi, dan tahan lama, kami menyediakan berbagai pilihan produk aspal yang dirancang sesuai kebutuhan konstruksi di lapangan. Setiap jenis aspal yang kami gunakan telah melalui proses produksi terstandarisasi di AMP bersertifikat, sehingga kualitas material selalu konsisten dan memenuhi kriteria teknis Bina Marga.</p>



<h3 class="wp-block-heading">1. AC-WC (Asphalt Concrete – Wearing Course)</h3>



<p>Lapisan paling atas pada konstruksi perkerasan lentur dengan tekstur halus dan padat. AC-WC memiliki gradasi agregat rapat, kadar aspal tinggi, serta ketahanan aus yang sangat baik. Lapisan ini dirancang untuk menghadapi kontak langsung dengan beban lalu lintas, tekanan ban, serta abrasi harian.</p>



<h3 class="wp-block-heading">2. AC-BC (Asphalt Concrete – Binder Course)</h3>



<p>Merupakan lapisan pengikat di bawah AC-WC yang berfungsi memberikan stabilitas struktural pada keseluruhan perkerasan jalan. AC-BC memiliki struktur agregat lebih kasar yang membantu mengikat lapisan atas dan dasar agar tidak mudah bergeser.</p>



<h3 class="wp-block-heading">3. AC-Base</h3>



<p>AC-Base adalah lapisan dasar struktural yang menopang beban utama kendaraan. Dengan gradasi agregat lebih besar dan kadar aspal sedikit lebih rendah dibanding lapisan atas, AC-Base dirancang untuk memberikan kekuatan fondasi, stabilitas jangka panjang, serta ketahanan terhadap deformasi permanen.</p>



<h3 class="wp-block-heading">4. Hot Rolled Sheet (HRS)</h3>



<p>HRS merupakan jenis hotmix yang lebih lentur dan memiliki tekstur kasar di permukaan. Dengan gradasi terbuka dan sifat fleksibilitas tinggi, HRS efektif meredam tekanan dan mencegah retak akibat perubahan suhu atau pergerakan tanah.</p>



<h2 class="wp-block-heading has-text-align-center">Daftar Harga Aspal Cikarang Terupdate</h2>



<p>Untuk membantu Anda mendapatkan gambaran biaya yang lebih jelas sebelum memulai proyek pengaspalan, kami menghadirkan daftar harga aspal Cikarang terbaru yang telah disesuaikan dengan kondisi pasar dan standar pekerjaan saat ini.</p>



<!-- 🌕 TABEL CUSTOM DAFTAR HARGA MATERIAL ASPAL (TEMA KUNING RAMPING) -->
<style>
  .asphalt-table-wrap {
    --accent: #FFD54A;      /* warna kuning utama */
    --accent-dark: #F0B800; /* warna kuning gelap */
    --text: #222;
    --border: rgba(0,0,0,0.1);
    font-family: "Segoe UI", Roboto, Arial, sans-serif;
    margin: 1.5rem 0;
  }

  .asphalt-table {
    width: 100%;
    max-width: 700px; /* tabel ramping */
    margin: 0 auto;
    border-collapse: collapse;
    background: #fffef7;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0 3px 10px rgba(0,0,0,0.05);
    font-size: 0.9rem;
  }

  .asphalt-table caption {
    background: linear-gradient(90deg, var(--accent), var(--accent-dark));
    color: #111;
    font-weight: 700;
    text-align: center;
    padding: 12px 14px;
    font-size: 1rem;
    letter-spacing: 0.3px;
  }

  .asphalt-table thead th {
    background: rgba(0,0,0,0.05);
    color: var(--text);
    font-weight: 600;
    padding: 8px 10px;
    border-bottom: 2px solid var(--border);
    text-align: left;
  }

  .asphalt-table tbody td {
    padding: 8px 10px;
    border-bottom: 1px solid var(--border);
    color: var(--text);
  }

  .asphalt-table tbody tr:nth-child(even) {
    background: rgba(255, 213, 74, 0.05);
  }

  .asphalt-table tbody tr:hover {
    background: rgba(255, 213, 74, 0.15);
    transition: 0.2s ease;
  }

  .unit {
    text-align: center;
    color: #444;
    font-weight: 600;
  }

  .price {
    text-align: right;
    font-weight: 700;
    color: #000;
    white-space: nowrap;
  }

  /* 📱 Responsif Mobile */
  @media (max-width: 640px) {
    .asphalt-table thead { display: none; }
    .asphalt-table, .asphalt-table tbody, .asphalt-table tr, .asphalt-table td {
      display: block;
      width: 100%;
    }
    .asphalt-table tr {
      margin-bottom: 12px;
      background: #fff;
      border-radius: 8px;
      box-shadow: 0 2px 6px rgba(0,0,0,0.03);
    }
    .asphalt-table td {
      padding: 8px 12px;
      border: none;
      position: relative;
    }
    .asphalt-table td::before {
      content: attr(data-label);
      display: block;
      font-size: 0.8rem;
      color: rgba(0,0,0,0.6);
      margin-bottom: 4px;
      font-weight: 600;
    }
    .price, .unit { text-align: left; }
  }
</style>

<div class="asphalt-table-wrap">
  <table class="asphalt-table" role="table" aria-label="Daftar Harga Material Aspal">
    <caption>Daftar Harga Material Aspal (Spesifikasi Teknis)</caption>
    <thead>
      <tr>
        <th scope="col">Jenis Aspal (Spesifikasi Teknis)</th>
        <th scope="col">Satuan</th>
        <th scope="col">Harga Material (Rp)</th>
      </tr>
    </thead>
    <tbody>
      <tr>
        <td data-label="Jenis Aspal"><strong>ATB</strong> (Asphalt Treated Base)</td>
        <td class="unit" data-label="Satuan">/ ton</td>
        <td class="price" data-label="Harga Material">1.150.000,-</td>
      </tr>
      <tr>
        <td data-label="Jenis Aspal"><strong>AC-BC</strong> (Binder Course)</td>
        <td class="unit">/ ton</td>
        <td class="price">1.180.000,-</td>
      </tr>
      <tr>
        <td data-label="Jenis Aspal"><strong>AC-WC</strong> (Wearing Course)</td>
        <td class="unit">/ ton</td>
        <td class="price">1.235.000,-</td>
      </tr>
      <tr>
        <td>AC-WC IV A</td>
        <td class="unit">/ ton</td>
        <td class="price">1.265.000,-</td>
      </tr>
      <tr>
        <td>3 Laston</td>
        <td class="unit">/ ton</td>
        <td class="price">1.270.000,-</td>
      </tr>
      <tr>
        <td>3 Laston Spesial</td>
        <td class="unit">/ ton</td>
        <td class="price">1.400.000,-</td>
      </tr>
      <tr>
        <td><strong>HRS</strong> (Hot Rolled Sheet)</td>
        <td class="unit">/ ton</td>
        <td class="price">1.320.000,-</td>
      </tr>
      <tr>
        <td>Sand Sheet</td>
        <td class="unit">/ ton</td>
        <td class="price">1.480.000,-</td>
      </tr>
      <tr>
        <td>Sand Sheet Spesial</td>
        <td class="unit">/ ton</td>
        <td class="price">1.570.000,-</td>
      </tr>
      <tr>
        <td><strong>Aspal Emulsi</strong> (Tack Coat)</td>
        <td class="unit">/ Liter</td>
        <td class="price">15.000,-</td>
      </tr>
      <tr>
        <td><strong>Aspal Emulsi</strong> (Tack Coat)</td>
        <td class="unit">/ Drum</td>
        <td class="price">2.605.000,-</td>
      </tr>
    </tbody>
  </table>
</div>
<!-- 🌕 END TABEL CUSTOM ASPAL -->



<p></p>



<style>
.table-aspal {
  width: 80%;
  max-width: 700px;
  margin: 30px auto;
  border-collapse: collapse;
  font-family: 'Segoe UI', Arial, sans-serif;
  background-color: #fffdf5;
  border: 1px solid #f2d56b;
  border-radius: 10px;
  overflow: hidden;
  box-shadow: 0 2px 8px rgba(0,0,0,0.05);
}

.table-aspal caption {
  font-size: 20px;
  font-weight: 600;
  color: #222;
  text-align: center;
  background-color: #f7c948;
  padding: 14px;
  border-bottom: 2px solid #f0b400;
}

.table-aspal th {
  background-color: #fff6cc;
  color: #333;
  text-align: center;
  font-size: 16px;
  font-weight: 600;
  padding: 10px;
  border-bottom: 1px solid #f0e0a0;
}

.table-aspal td {
  padding: 10px;
  font-size: 15px;
  color: #444;
  text-align: center;
  border-bottom: 1px solid #f7eeb0;
}

.table-aspal tr:last-child td {
  border-bottom: none;
}

.table-aspal tr:hover td {
  background-color: #fffbe2;
  transition: 0.2s ease;
}

@media screen and (max-width: 768px) {
  .table-aspal {
    width: 95%;
    font-size: 14px;
  }
}
</style>

<table class="table-aspal">
  <caption>Daftar Harga Aspal Hotmix per m²</caption>

  <tr><th colspan="2">III Laston</th></tr>
  <tr><td>Ketebalan 2 cm</td><td>Rp 95.000,-</td></tr>
  <tr><td>Ketebalan 3 cm</td><td>Rp 125.000,-</td></tr>

  <tr><th colspan="2">III Laston Spesial</th></tr>
  <tr><td>Ketebalan 1 cm</td><td>Rp 67.000,-</td></tr>
  <tr><td>Ketebalan 2 cm</td><td>Rp 95.000,-</td></tr>
  <tr><td>Ketebalan 3 cm</td><td>Rp 125.000,-</td></tr>

  <tr><th colspan="2">Sandsheet</th></tr>
  <tr><td>Ketebalan 1 cm</td><td>Rp 67.000,-</td></tr>
  <tr><td>Ketebalan 2 cm</td><td>Rp 95.000,-</td></tr>

  <tr><th colspan="2">HRS</th></tr>
  <tr><td>Ketebalan 2 cm</td><td>Rp 95.000,-</td></tr>
  <tr><td>Ketebalan 3 cm</td><td>Rp 125.000,-</td></tr>
  <tr><td>Ketebalan 4 cm</td><td>Rp 150.000,-</td></tr>

  <tr><th colspan="2">AC-WC</th></tr>
  <tr><td>Ketebalan 3 cm</td><td>Rp 125.000,-</td></tr>
  <tr><td>Ketebalan 4 cm</td><td>Rp 150.000,-</td></tr>
  <tr><td>Ketebalan 5 cm</td><td>Rp 200.000,-</td></tr>

  <tr><th colspan="2">AC-BC</th></tr>
  <tr><td>Ketebalan 4 cm</td><td>Rp 150.000,-</td></tr>
  <tr><td>Ketebalan 5 cm</td><td>Rp 200.000,-</td></tr>

  <tr><th colspan="2">ATB</th></tr>
  <tr><td>Ketebalan 5 cm</td><td>Rp 200.000,-</td></tr>
</table>



<p></p>



<h2 class="wp-block-heading has-text-align-center">Kenapa Membeli Aspal Di Catinpaint</h2>



<p>Memilih penyedia layanan pengaspalan yang tepat sangat menentukan kualitas dan umur pakai jalan yang anda bangun. Di catinpaint, kami tidak hanya menawarkan harga yang kompetitif, tetapi juga memberikan standar pengerjaan yang mengutamakan kekuatan, ketahanan, dan keselamatan jangka panjang.</p>



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



<p>Semua hotmix kami diproduksi di AMP bersertifikat dan melewati uji mutu laboratorium (uji Marshall, kadar aspal, kadar void, dan kontrol gradasi). Kami menerapkan kontrol suhu dan mixing yang ketat sehingga komposisi material konsisten dari batch ke batch hasilnya kepadatan, daya dukung, dan ketahanan aus sesuai spesifikasi teknis.</p>



<h3 class="wp-block-heading">Tenaga Ahli Berpengalaman</h3>



<p>Tim teknis kami terdiri dari engineer perkerasan, operator AMP bersertifikat, dan pengawas lapangan yang menguasai prosedur konstruksi menurut standar Bina Marga. Mereka melakukan perencanaan ketebalan lapis, analisis subgrade, serta supervisi proses paving dan pemadatan untuk meminimalkan risiko deformasi dan retak prematur.</p>



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



<p>Kami menggunakan peralatan finisher, pneumatic roller, tandem roller, vibratory roller, dan mesin pemotong yang rutin dikalibrasi. Peralatan modern memungkinkan penghamparan presisi, distribusi suhu yang seragam, serta pemadatan sampai kepadatan target (≥ 95% SPD atau sesuai SNI/Bina Marga), yang berkontribusi pada umur pakai jalan yang lebih panjang.</p>



<h3 class="wp-block-heading">Proses Cepat dan Tepat</h3>



<p>Pekerjaan mengikuti manajemen waktu suhu (time–temperature management): pengaturan jarak angkut dari AMP, waktu penghamparan, dan urutan pemadatan agar hotmix tetap dalam rentang suhu kerja optimal. Kami juga melakukan pemeriksaan kualitas harian (cek kepadatan, ketebalan, dan permukaan) sehingga penyelesaian proyek efisien tanpa mengorbankan mutu.</p>



<h3 class="wp-block-heading">Harga Transparan dan Kompetitif</h3>



<p>Setiap penawaran dilengkapi RAB terperinci: material, penghamparan, alat, tenaga, transport, dan potensi biaya tambahan (mis. perbaikan subgrade). Tidak ada biaya tersembunyi  perubahan biaya diinformasikan lewat addendum. </p>



<figure class="wp-block-gallery has-nested-images columns-default is-cropped wp-block-gallery-1 is-layout-flex wp-block-gallery-is-layout-flex">
<figure class="wp-block-image size-large"><img decoding="async" width="500" height="471" data-id="2122" src="https://www.catinpaint.co.id/wp-content/uploads/2025/11/harga-aspal-cikarang-60.000m2.png" alt="" class="wp-image-2122" srcset="https://www.catinpaint.co.id/wp-content/uploads/2025/11/harga-aspal-cikarang-60.000m2.png 500w, https://www.catinpaint.co.id/wp-content/uploads/2025/11/harga-aspal-cikarang-60.000m2-300x283.png 300w" sizes="(max-width: 500px) 100vw, 500px" /></figure>



<figure class="wp-block-image size-large"><img decoding="async" width="500" height="456" data-id="2124" src="https://www.catinpaint.co.id/wp-content/uploads/2025/11/harga-aspal-cikarang-free-konsultasi.png" alt="" class="wp-image-2124" srcset="https://www.catinpaint.co.id/wp-content/uploads/2025/11/harga-aspal-cikarang-free-konsultasi.png 500w, https://www.catinpaint.co.id/wp-content/uploads/2025/11/harga-aspal-cikarang-free-konsultasi-300x274.png 300w" sizes="(max-width: 500px) 100vw, 500px" /></figure>



<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="500" height="487" data-id="2123" src="https://www.catinpaint.co.id/wp-content/uploads/2025/11/harga-aspal-cikarang-jalan-pelabuhan.png" alt="" class="wp-image-2123" srcset="https://www.catinpaint.co.id/wp-content/uploads/2025/11/harga-aspal-cikarang-jalan-pelabuhan.png 500w, https://www.catinpaint.co.id/wp-content/uploads/2025/11/harga-aspal-cikarang-jalan-pelabuhan-300x292.png 300w" sizes="auto, (max-width: 500px) 100vw, 500px" /></figure>



<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="500" height="433" data-id="2125" src="https://www.catinpaint.co.id/wp-content/uploads/2025/11/harga-aspal-cikatang-perbaikan-jalan.png" alt="" class="wp-image-2125" srcset="https://www.catinpaint.co.id/wp-content/uploads/2025/11/harga-aspal-cikatang-perbaikan-jalan.png 500w, https://www.catinpaint.co.id/wp-content/uploads/2025/11/harga-aspal-cikatang-perbaikan-jalan-300x260.png 300w" sizes="auto, (max-width: 500px) 100vw, 500px" /></figure>



<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="500" height="488" data-id="2126" src="https://www.catinpaint.co.id/wp-content/uploads/2025/11/harga-aspal-promo-terbaru.png" alt="" class="wp-image-2126" srcset="https://www.catinpaint.co.id/wp-content/uploads/2025/11/harga-aspal-promo-terbaru.png 500w, https://www.catinpaint.co.id/wp-content/uploads/2025/11/harga-aspal-promo-terbaru-300x293.png 300w" sizes="auto, (max-width: 500px) 100vw, 500px" /></figure>
</figure>



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



<style>
/* CSS Kustom untuk Testimoni Aspal Cikarang (UKURAN LEBIH KECIL) */
:root {
    --accent-color: #ffc107; 
    --secondary-color: #6c757d; 
    --bg-light: #f8f9fa;
    --border-radius: 6px; /* Dikecilkan */
}

.cikarang-testimonial-container {
    font-family: 'Arial', sans-serif;
    max-width: 900px; /* Dikecilkan dari 1000px */
    margin: 15px auto; /* Dikecilkan */
    padding: 10px; /* Dikecilkan */
}

/* --- Bagian Testimoni --- */
.testimonial-section {
    padding: 10px 0; /* Dikecilkan */
    border-radius: var(--border-radius);
}

.testimonial-section h2 {
    text-align: center;
    color: #343a40;
    margin-bottom: 20px; /* Dikecilkan */
    font-weight: 700;
    font-size: 1.5rem; /* Dikecilkan sedikit */
    padding-bottom: 5px;
}

.testimonial-grid {
    display: grid;
    /* Minimal lebar kolom tetap 300px agar 3 kolom terlihat di desktop */
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); 
    gap: 15px; /* Dikecilkan */
    padding: 0 5px; /* Dikecilkan */
}

.testimonial-card {
    background-color: #ffffff;
    padding: 18px; /* Dikecilkan dari 25px */
    border-radius: var(--border-radius); 
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.07); /* Dikecilkan */
    border-top: 4px solid var(--accent-color); /* Dikecilkan dari 5px */
}

.testimonial-quote {
    font-style: italic;
    color: #495057;
    margin-bottom: 12px; /* Dikecilkan */
    line-height: 1.5; /* Dikecilkan sedikit */
    font-size: 0.95em; /* Dikecilkan sedikit */
    border-left: 2px solid var(--secondary-color); /* Dikecilkan */
    padding-left: 8px; /* Dikecilkan */
}

.testimonial-author {
    font-weight: bold;
    color: #343a40;
    margin: 0;
    font-size: 1em; 
}

.testimonial-source {
    font-size: 0.8em; /* Dikecilkan */
    color: var(--secondary-color);
    margin-top: 3px;
    display: block;
}

/* Responsifitas */
@media (max-width: 768px) {
    .testimonial-grid {
        grid-template-columns: 1fr;
    }
}
</style>

<div class="cikarang-testimonial-container">

    <div class="testimonial-section">
        <h2></h2>
        <div class="testimonial-grid">
            
            <div class="testimonial-card">
                <p class="testimonial-quote">&#8220;Harga per meter persegi sangat kompetitif untuk area Cikarang. Kami memilihnya karena biayanya masuk akal dibanding kontraktor lain di Kawasan Industri Jababeka.&#8221;</p>
                <p class="testimonial-author">Bapak Tony</p>
                <span class="testimonial-source">Manager Procurement, Jababeka</span>
            </div>

            <div class="testimonial-card">
                <p class="testimonial-quote">&#8220;Meskipun bukan yang termurah, harga yang ditawarkan sebanding dengan kualitas dan garansi pengerjaan. Jalanan komplek kami di Cikarang Pusat sekarang mulus, nilai investasinya tinggi.&#8221;</p>
                <p class="testimonial-author">Ibu Rina</p>
                <span class="testimonial-source">Sekretaris RW, Cikarang Pusat</span>
            </div>
            
            <div class="testimonial-card">
                <p class="testimonial-quote">&#8220;Dengan anggaran terbatas untuk perbaikan jalan desa, paket yang mereka sarankan sangat efisien. Mereka mampu menekan biaya tanpa mengorbankan kualitas material Hotmix.&#8221;</p>
                <p class="testimonial-author">Kepala Desa Cikarang Timur</p>
                <span class="testimonial-source">Proyek Infrastruktur Desa</span>
            </div>

            <div class="testimonial-card">
                <p class="testimonial-quote">&#8220;Penawaran harga sangat transparan, tidak ada biaya siluman. Kami tahu persis biaya material dan jasa. Proses perhitungan biaya di lokasi kami di Lippo Cikarang juga sangat jelas.&#8221;</p>
                <p class="testimonial-author">PT. Multi Jaya</p>
                <span class="testimonial-source">Kontraktor Sipil, Lippo Cikarang</span>
            </div>
            
            <div class="testimonial-card">
                <p class="testimonial-quote">&#8220;Kami mendapatkan diskon harga yang bagus untuk volume pengaspalan yang besar di kawasan pergudangan kami. Sangat menguntungkan untuk proyek besar di area industri MM2100.&#8221;</p>
                <p class="testimonial-author">Bapak Chandra</p>
                <span class="testimonial-source">Pengelola Kawasan Pergudangan, MM2100</span>
            </div>

            <div class="testimonial-card">
                <p class="testimonial-quote">&#8220;Sudah membandingkan beberapa vendor di Bekasi dan Cikarang, mereka yang memberikan kombinasi harga dan layanan terbaik. Konsultasi pemilihan jenis aspal juga sangat detail.&#8221;</p>
                <p class="testimonial-author">CV. Bina Karya</p>
                <span class="testimonial-source">Kontraktor Lokal Bekasi/Cikarang</span>
            </div>

        </div>
    </div>

</div>



<p></p>



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



<p>Memesan aspal kini lebih mudah dan cepat dengan panduan lengkap dari catinpaint. Kami menyediakan layanan pemesanan yang transparan, praktis, dan sesuai kebutuhan proyek anda. Mulai dari memilih jenis aspal, menentukan volume, hingga proses pengiriman, setiap langkah dirancang agar proyek anda berjalan lancar tanpa hambatan.</p>



<style>
/* CSS Kustom untuk Cara Pemesanan Aspal (Vertikal) */
:root {
    --step-bg-color: #fffbe6; /* Kuning sangat soft */
    --accent-color: #ffc107; /* Kuning terang untuk aksen */
    --text-color: #495057;
    --border-radius: 8px;
    --primary-text: #343a40;
}

.ordering-process-container {
    font-family: 'Arial', sans-serif;
    max-width: 800px; 
    margin: 20px auto;
    padding: 10px; 
}

.ordering-process-container h2 {
    text-align: center;
    color: var(--primary-text);
    margin-bottom: 30px;
    font-weight: 700;
    font-size: 1.5rem;
}

/* Container untuk langkah-langkah vertikal */
.step-vertical-list {
    display: flex;
    flex-direction: column; 
    gap: 15px; /* Jarak antar kartu */
}

/* Desain Kartu Langkah */
.step-card-vertical {
    background-color: var(--step-bg-color);
    border: 1px solid #ffe0a3;
    border-radius: var(--border-radius);
    padding: 20px; /* Padding sedikit diperbesar agar lebih nyaman */
    box-shadow: 0 3px 8px rgba(0, 0, 0, 0.05);
    display: flex;
    align-items: flex-start;
    position: relative;
}

/* Penomoran visual (Garis aksen) */
.step-card-vertical::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 6px; /* Garis vertikal di samping */
    height: 100%;
    background-color: var(--accent-color);
    border-radius: var(--border-radius) 0 0 var(--border-radius);
}

.step-content {
    padding-left: 20px; /* Memberi ruang dari garis aksen */
}

.step-card-vertical h3 {
    font-size: 1.25rem;
    color: var(--primary-text);
    margin-top: 0;
    margin-bottom: 8px;
    font-weight: 700;
}

.step-card-vertical p {
    font-size: 0.95rem; 
    color: var(--text-color);
    line-height: 1.5;
    margin: 0;
}

/* Tambahan: Penomoran di dalam kartu */
.step-number {
    font-size: 1.5rem;
    font-weight: 800;
    color: var(--accent-color);
    margin-right: 15px;
    flex-shrink: 0; /* Mencegah angka menyusut */
}
</style>

<div class="ordering-process-container">

    <h2></h2>

    <div class="step-vertical-list">

        <div class="step-card-vertical">
            <span class="step-number">1.</span>
            <div class="step-content">
                <h3>Konsultasi Awal</h3>
                <p>Sampaikan kebutuhan proyek pengaspalan Anda melalui kontak kami. Kami akan memberikan solusi dan estimasi awal.</p>
            </div>
        </div>

        <div class="step-card-vertical">
            <span class="step-number">2.</span>
            <div class="step-content">
                <h3>Survey Lokasi Gratis</h3>
                <p>Tim ahli kami akan mengunjungi lokasi Anda untuk pengukuran akurat, analisis kondisi tanah, dan penentuan material yang optimal.</p>
            </div>
        </div>

        <div class="step-card-vertical">
            <span class="step-number">3.</span>
            <div class="step-content">
                <h3>Penawaran Harga Resmi</h3>
                <p>Kami menyajikan rincian penawaran biaya yang transparan sesuai hasil survey lapangan, tanpa biaya tersembunyi.</p>
            </div>
        </div>
        
        <div class="step-card-vertical">
            <span class="step-number">4.</span>
            <div class="step-content">
                <h3>Persetujuan dan Jadwal</h3>
                <p>Setelah penawaran disetujui, kami menyusun kontrak kerja dan menentukan tanggal pelaksanaan proyek yang disepakati bersama.</p>
            </div>
        </div>
        
        <div class="step-card-vertical">
            <span class="step-number">5.</span>
            <div class="step-content">
                <h3>Pelaksanaan Pengaspalan</h3>
                <p>Proses pengaspalan dilakukan sesuai jadwal, menggunakan material hotmix terbaik dan pengawasan ketat untuk hasil maksimal.</p>
            </div>
        </div>

        <div class="step-card-vertical">
            <span class="step-number">6.</span>
            <div class="step-content">
                <h3>Serah Terima dan Garansi</h3>
                <p>Proyek diserahterimakan setelah selesai. Kami memberikan garansi pengerjaan sebagai bukti komitmen kualitas kami.</p>
            </div>
        </div>

    </div>
    
</div>



<p></p>



<h2 class="wp-block-heading has-text-align-center">Dapatkan Penawaran Harga Aspal Cikarang Terbaru</h2>



<p>Temukan penawaran harga aspal terbaru di Cikarang yang sesuai dengan kebutuhan proyek anda. Catinpaint menyediakan berbagai jenis aspal hotmix berkualitas tinggi, dengan harga kompetitif dan layanan pengiriman tepat waktu.</p>



<style>
/* --- STYLING (CSS) --- */
/* Warna Kuning Pastel yang Digunakan:
   - Latar Belakang Hasil: #FFFACD (Lemon Chiffon/Kuning sangat terang)
   - Tombol Utama: #FFDB58 (Kuning Mustard Pastel)
   - Hover & Teks Kontras: #DAA520 (Goldenrod, Emas lembut)
*/
.asphalt-calculator {
    padding: 20px;
    border: 1px solid #ddd; /* Border dibuat lebih soft */
    border-radius: 8px;
    max-width: 500px;
    margin: 20px auto;
    font-family: sans-serif;
    background-color: #ffffff; /* Latar belakang putih */
}

.asphalt-calculator h3 {
    text-align: center;
    color: #333;
    margin-bottom: 20px;
}

.form-group {
    margin-bottom: 15px;
}

.form-group label {
    display: block;
    margin-bottom: 5px;
    font-weight: bold;
    color: #555;
}

.form-group select,
.form-group input[type="number"] {
    width: 100%;
    padding: 10px;
    border: 1px solid #ddd;
    border-radius: 4px;
    box-sizing: border-box; 
}

.form-group input[type="number"] {
    -moz-appearance: textfield;
}

.form-group input[type="number"]::-webkit-outer-spin-button,
.form-group input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* WARNA TOMBOL HITUNG DIUBAH MENJADI KUNING PASTER */
#calculateBtn {
    display: block;
    width: 100%;
    padding: 10px;
    background-color: #FFDB58; /* Kuning Pastel/Mustard */
    color: #333; /* Teks Hitam agar kontras dengan latar kuning */
    border: none;
    border-radius: 4px;
    cursor: pointer;
    font-size: 16px;
    margin-top: 10px;
    font-weight: bold;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1); /* Tambah shadow agar menonjol */
}

#calculateBtn:hover {
    background-color: #DAA520; /* Efek Hover (Warna Emas Lembut) */
    color: white; /* Teks putih saat hover */
}

/* LATAR BELAKANG HASIL DIUBAH MENJADI KUNING PASTEL SANGAT TERANG */
#result {
    margin-top: 20px;
    padding: 15px;
    background-color: #FFFACD; /* Kuning Pastel Sangat Terang */
    border: 1px solid #FFDB58; /* Border Kuning Pastel */
    border-radius: 4px;
    text-align: center;
    font-size: 1.1em;
}

#result span {
    font-weight: bold;
    color: #DAA520; /* Warna teks hasil (Emas Lembut) */
    display: block;
    margin-top: 5px;
}

#whatsappLink {
    display: none; 
    margin-top: 15px;
    text-align: center;
}

/* WARNA TOMBOL WHATSAPP TETAP HIJAU STANDAR UNTUK KONSISTENSI */
#whatsappLink a {
    display: inline-block;
    padding: 10px 20px;
    background-color: #25D366; /* Warna WhatsApp (Standar) */
    color: white;
    text-decoration: none;
    border-radius: 20px;
    font-weight: bold;
}

#whatsappLink a:hover {
    background-color: #128C7E;
}
/* --- END STYLING (CSS) --- */
</style>

<div class="asphalt-calculator">
    <h3>Kalkulator Harga Material Aspal per TON</h3>

    <div class="form-group">
        <label for="asphaltType">Pilih Jenis Aspal per :</label>
        <select id="asphaltType">
            <option value="">&#8212; Pilih Material &#8212;</option>
            <option value="ATB">ATB (Asphalt Treated Base) &#8211; Rp 1.150.000 / ton</option>
            <option value="AC-BC">AC-BC (Binder Course) &#8211; Rp 1.180.000 / ton</option>
            <option value="AC-WC">AC-WC (Wearing Course) &#8211; Rp 1.235.000 / ton</option>
            <option value="AC-WC IV A">AC-WC IV A &#8211; Rp 1.265.000 / ton</option>
            <option value="3 Laston">3 Laston &#8211; Rp 1.270.000 / ton</option>
            <option value="3 Laston Spesial">3 Laston Spesial &#8211; Rp 1.400.000 / ton</option>
            <option value="HRS">HRS (Hot Rolled Sheet) &#8211; Rp 1.320.000 / ton</option>
            <option value="Sand Sheet">Sand Sheet &#8211; Rp 1.480.000 / ton</option>
            <option value="Sand Sheet Spesial">Sand Sheet Spesial &#8211; Rp 1.570.000 / ton</option>
            <option value="Aspal Emulsi (Liter)">Aspal Emulsi (Tack Coat) &#8211; Rp 15.000 / Liter</option>
            <option value="Aspal Emulsi (Drum)">Aspal Emulsi (Tack Coat) &#8211; Rp 2.605.000 / Drum</option>
        </select>
    </div>

    <div class="form-group">
        <label for="quantity">Jumlah (Ton/Liter/Drum):</label>
        <input type="number" id="quantity" placeholder="Masukkan jumlah">
    </div>

    <button id="calculateBtn">Hitung Total Biaya</button>

    <div id="result" style="display: none;">
        Total Biaya Estimasi: <span id="totalCost"></span>
    </div>

    <div id="whatsappLink">
        <a id="waLink" href="#" target="_blank">
            Konsultasikan Harga ke WhatsApp
        </a>
    </div>

</div>

<script>
/* --- LOGIKA PERHITUNGAN (JAVASCRIPT) --- */
document.getElementById('calculateBtn').addEventListener('click', function() {
    const prices = {
        "ATB": 1150000,
        "AC-BC": 1180000,
        "AC-WC": 1235000,
        "AC-WC IV A": 1265000,
        "3 Laston": 1270000,
        "3 Laston Spesial": 1400000,
        "HRS": 1320000,
        "Sand Sheet": 1480000,
        "Sand Sheet Spesial": 1570000,
        "Aspal Emulsi (Liter)": 15000,
        "Aspal Emulsi (Drum)": 2605000
    };

    const asphaltType = document.getElementById('asphaltType').value;
    const quantity = parseFloat(document.getElementById('quantity').value);

    const resultDiv = document.getElementById('result');
    const totalCostSpan = document.getElementById('totalCost');
    const waLinkDiv = document.getElementById('whatsappLink');
    const waLinkAnchor = document.getElementById('waLink');

    // Reset tampilan
    resultDiv.style.display = 'none';
    waLinkDiv.style.display = 'none';

    if (!asphaltType || isNaN(quantity) || quantity <= 0) {
        alert("Mohon lengkapi jenis aspal dan masukkan jumlah yang valid.");
        return;
    }

    const price = prices[asphaltType];
    const totalCost = quantity * price;

    // Format mata uang
    const formattedCost = new Intl.NumberFormat('id-ID', {
        style: 'currency',
        currency: 'IDR',
        minimumFractionDigits: 0
    }).format(totalCost);

    // Tampilkan hasil
    totalCostSpan.textContent = formattedCost;
    resultDiv.style.display = 'block';

    // Buat pesan WhatsApp
    let unit = "TON";
    if (asphaltType.includes('(Liter)')) {
        unit = "Liter";
    } else if (asphaltType.includes('(Drum)')) {
        unit = "Drum";
    }
    
    // Angka WA
    const phoneNumber = "6281910263554"; 
    const message = encodeURIComponent(
        `Halo, saya ingin konsultasi mengenai pemesanan material Aspal.\n\n` +
        `Jenis Material: ${asphaltType}\n` +
        `Jumlah: ${quantity} ${unit}\n` +
        `Estimasi Biaya: ${formattedCost}\n\n` +
        `Mohon informasinya lebih lanjut.`
    );

    const waURL = `https://wa.me/${phoneNumber}?text=${message}`;

    // Tampilkan link WA
    waLinkAnchor.href = waURL;
    waLinkDiv.style.display = 'block';

    // Opsional: Gulir ke hasil
    resultDiv.scrollIntoView({ behavior: 'smooth' });
});

// Menambahkan keterangan unit yang berubah
document.getElementById('asphaltType').addEventListener('change', function() {
    const selectedValue = this.value;
    const quantityInput = document.getElementById('quantity');
    const label = document.querySelector('label[for="quantity"]');
    
    let unitText = "Ton";
    if (selectedValue.includes('(Liter)')) {
        unitText = "Liter";
    } else if (selectedValue.includes('(Drum)')) {
        unitText = "Drum";
    }

    label.textContent = `Jumlah (${unitText}):`;
    quantityInput.placeholder = `Masukkan jumlah dalam ${unitText}`;
});
/* --- END LOGIKA PERHITUNGAN (JAVASCRIPT) --- */
</script>



<p></p>



<style>
/* --- STYLING (CSS) --- */
/* Warna Kuning Pastel yang Digunakan:
   - Latar Belakang Hasil: #FFFACD (Lemon Chiffon/Kuning sangat terang)
   - Tombol Utama: #FFDB58 (Kuning Mustard Pastel)
   - Hover & Teks Kontras: #DAA520 (Goldenrod, Emas lembut)
*/
.asphalt-calculator-m2 {
    padding: 20px;
    border: 1px solid #ddd;
    border-radius: 8px;
    max-width: 500px;
    margin: 20px auto;
    font-family: sans-serif;
    background-color: #ffffff;
}

.asphalt-calculator-m2 h3 {
    text-align: center;
    color: #333;
    margin-bottom: 20px;
}

.form-group-m2 {
    margin-bottom: 15px;
}

.form-group-m2 label {
    display: block;
    margin-bottom: 5px;
    font-weight: bold;
    color: #555;
}

.form-group-m2 select,
.form-group-m2 input[type="number"] {
    width: 100%;
    padding: 10px;
    border: 1px solid #ddd;
    border-radius: 4px;
    box-sizing: border-box;
}

.form-group-m2 input[type="number"] {
    -moz-appearance: textfield;
}

.form-group-m2 input[type="number"]::-webkit-outer-spin-button,
.form-group-m2 input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* WARNA TOMBOL HITUNG DIUBAH MENJADI KUNING PASTER */
#calculateM2Btn {
    display: block;
    width: 100%;
    padding: 10px;
    background-color: #FFDB58; /* Kuning Pastel/Mustard */
    color: #333;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    font-size: 16px;
    margin-top: 10px;
    font-weight: bold;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}

#calculateM2Btn:hover {
    background-color: #DAA520; /* Efek Hover (Warna Emas Lembut) */
    color: white;
}

/* LATAR BELAKANG HASIL DIUBAH MENJADI KUNING PASTEL SANGAT TERANG */
#resultM2 {
    margin-top: 20px;
    padding: 15px;
    background-color: #FFFACD; /* Kuning Pastel Sangat Terang */
    border: 1px solid #FFDB58;
    border-radius: 4px;
    text-align: center;
    font-size: 1.1em;
}

#resultM2 span {
    font-weight: bold;
    color: #DAA520;
    display: block;
    margin-top: 5px;
}

#whatsappLinkM2 {
    display: none;
    margin-top: 15px;
    text-align: center;
}

/* WARNA TOMBOL WHATSAPP TETAP HIJAU STANDAR */
#whatsappLinkM2 a {
    display: inline-block;
    padding: 10px 20px;
    background-color: #25D366; 
    color: white;
    text-decoration: none;
    border-radius: 20px;
    font-weight: bold;
}

#whatsappLinkM2 a:hover {
    background-color: #128C7E;
}
/* --- END STYLING (CSS) --- */
</style>

<div class="asphalt-calculator-m2">
    <h3>Kalkulator Biaya Aspal per m2</h3>

    <div class="form-group-m2">
        <label for="materialThickness">Pilih Jenis & Ketebalan Aspal:</label>
        <select id="materialThickness">
            <option value="">-- Pilih Material & Ketebalan --</option>
            <option value="III Laston|2">III Laston - 2 cm (Rp 95.000 /m2) </option>
            <option value="III Laston|3">III Laston - 3 cm (Rp 125.000 / m2)</option>
            <option value="III Laston Spesial|1">III Laston Spesial - 1 cm (Rp 67.000 / m2)</option>
            <option value="III Laston Spesial|2">III Laston Spesial - 2 cm (Rp 95.000 /m2)</option>
            <option value="III Laston Spesial|3">III Laston Spesial - 3 cm (Rp 125.000 / m2)</option>
            <option value="Sandsheet|1">Sandsheet - 1 cm (Rp 67.000 / m2) </option>
            <option value="Sandsheet|2">Sandsheet - 2 cm (Rp 95.000 / m2)/<option>
            <option value="HRS|2">HRS - 2 cm (Rp 95.000 /m2)</option>
            <option value="HRS|3">HRS - 3 cm (Rp 125.000 / m2)</option>
            <option value="HRS|4">HRS - 4 cm (Rp 150.000 / m2)</option>
            <option value="AC-WC|3">AC-WC - 3 cm (Rp 125.000 /m2)</option>
            <option value="AC-WC|4">AC-WC - 4 cm (Rp 150.000 / m2)</option>
            <option value="AC-WC|5">AC-WC - 5 cm (Rp 200.000 /m2))</option>
            <option value="AC-BC|4">AC-BC - 4 cm (Rp 150.000 /m2)</option>
            <option value="AC-BC|5">AC-BC - 5 cm (Rp 200.000 / m2)</option>
            <option value="ATB|5">ATB - 5 cm (Rp 200.000 / m2)</option>
        </select>
    </div>

    <div class="form-group-m2">
        <label for="area">Luas Area:</label>
        <input type="number" id="area" placeholder="Masukkan total luas area (contoh: 100)">
    </div>

    <button id="calculateM2Btn">Hitung Total Biaya</button>

    <div id="resultM2" style="display: none;">
        Total Biaya Estimasi: <span id="totalCostM2"></span>
    </div>

    <div id="whatsappLinkM2">
        <a id="waLinkM2" href="#" target="_blank">
            Konsultasikan Harga ke WhatsApp
        </a>
    </div>

</div>

<script>
/* --- LOGIKA PERHITUNGAN (JAVASCRIPT) --- */
document.getElementById('calculateM2Btn').addEventListener('click', function() {
    // Data harga disimpan di sini
    const pricesM2 = {
        "III Laston|2": 95000,
        "III Laston|3": 125000,
        "III Laston Spesial|1": 67000,
        "III Laston Spesial|2": 95000,
        "III Laston Spesial|3": 125000,
        "Sandsheet|1": 67000,
        "Sandsheet|2": 95000,
        "HRS|2": 95000,
        "HRS|3": 125000,
        "HRS|4": 150000,
        "AC-WC|3": 125000,
        "AC-WC|4": 150000,
        "AC-WC|5": 200000,
        "AC-BC|4": 150000,
        "AC-BC|5": 200000,
        "ATB|5": 200000
    };

    const materialThickness = document.getElementById('materialThickness').value;
    const area = parseFloat(document.getElementById('area').value);

    const resultDiv = document.getElementById('resultM2');
    const totalCostSpan = document.getElementById('totalCostM2');
    const waLinkDiv = document.getElementById('whatsappLinkM2');
    const waLinkAnchor = document.getElementById('waLinkM2');

    // Reset tampilan
    resultDiv.style.display = 'none';
    waLinkDiv.style.display = 'none';

    if (!materialThickness || isNaN(area) || area <= 0) {
        alert("Mohon pilih jenis aspal dan masukkan luas area yang valid.");
        return;
    }

    const price = pricesM2[materialThickness];
    const totalCost = area * price;

    // Pisahkan jenis material dan ketebalan
    const [materialName, thickness] = materialThickness.split('|');

    // Format mata uang
    const formattedCost = new Intl.NumberFormat('id-ID', {
        style: 'currency',
        currency: 'IDR',
        minimumFractionDigits: 0
    }).format(totalCost);

    // Tampilkan hasil
    totalCostSpan.textContent = formattedCost;
    resultDiv.style.display = 'block';

    // Buat pesan WhatsApp
    const phoneNumber = "6281910263554"; 
    const message = encodeURIComponent(
        `Halo, saya ingin konsultasi mengenai pemesanan Aspal Hotmix per m².\n\n` +
        `Jenis Material: ${materialName}\n` +
        `Ketebalan: ${thickness} cm\n` +
        `Luas Area: ${area} m²\n` +
        `Estimasi Biaya: ${formattedCost}\n\n` +
        `Mohon informasinya lebih lanjut.`
    );

    const waURL = `https://wa.me/${phoneNumber}?text=${message}`;

    // Tampilkan link WA
    waLinkAnchor.href = waURL;
    waLinkDiv.style.display = 'block';

    // Opsional: Gulir ke hasil
    resultDiv.scrollIntoView({ behavior: 'smooth' });
});
/* --- END LOGIKA PERHITUNGAN (JAVASCRIPT) --- */
</script>



<h2 class="wp-block-heading has-text-align-center">FAQ: Pertanyaan Umum Seputar Harga Aspal Cikarang</h2>



<div class="schema-faq wp-block-yoast-faq-block"><div class="schema-faq-section" id="faq-question-1763368684698"><strong class="schema-faq-question">Bagaimana cara memastikan kualitas aspal yang dibeli?</strong> <p class="schema-faq-answer">Pastikan aspal memiliki sertifikasi standar Bina Marga atau SNI. Supplier terpercaya akan memberikan dokumen uji mutu.</p> </div> <div class="schema-faq-section" id="faq-question-1763368699561"><strong class="schema-faq-question">Harga aspal hotmix di Cikarang bervariasi, mulai dari Rp60.000/m², tergantung jenis aspal dan ketebalan lapisan yang dibutuhkan.</strong> <p class="schema-faq-answer">Harga per ton biasanya berkisar antara Rp1.000.000 – Rp1.200.000, tergantung jenis aspal dan volume pemesanan.</p> </div> <div class="schema-faq-section" id="faq-question-1763368719277"><strong class="schema-faq-question">Apakah harga aspal sudah termasuk pengiriman?</strong> <p class="schema-faq-answer">Harga dasar belum termasuk pengiriman. Biaya kirim akan disesuaikan dengan jarak lokasi proyek dari pabrik.</p> </div> <div class="schema-faq-section" id="faq-question-1763368729997"><strong class="schema-faq-question">Bagaimana cara memesan aspal?</strong> <p class="schema-faq-answer">Anda bisa memesan melalui website, telepon, atau langsung menghubungi tim sales kami untuk mendapatkan penawaran harga resmi.</p> </div> <div class="schema-faq-section" id="faq-question-1763368747925"><strong class="schema-faq-question">Apakah ada minimum pemesanan?</strong> <p class="schema-faq-answer">Minimum pemesanan tergantung jenis aspal dan lokasi proyek. Tim kami akan membantu menyesuaikan kebutuhan proyek Anda.</p> </div> </div>
<p>The post <a href="https://www.catinpaint.co.id/harga-aspal-cikarang/">Harga Aspal Cikarang Paket Lengkap Untuk Berbagai Proyek</a> appeared first on <a href="https://www.catinpaint.co.id">Cat Marka Jalan Catin</a>.</p>
]]></content:encoded>
					
					<wfw:commentRss>https://www.catinpaint.co.id/harga-aspal-cikarang/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>Rincian Harga Aspal Majalengka per M2 dan Per Ton</title>
		<link>https://www.catinpaint.co.id/harga-aspal-majalengka/</link>
					<comments>https://www.catinpaint.co.id/harga-aspal-majalengka/#respond</comments>
		
		<dc:creator><![CDATA[Catin Paint]]></dc:creator>
		<pubDate>Mon, 17 Nov 2025 06:28:13 +0000</pubDate>
				<category><![CDATA[harga aspal]]></category>
		<guid isPermaLink="false">https://www.catinpaint.co.id/?p=2108</guid>

					<description><![CDATA[<p>Ingin mendapatkan harga aspal Majalengka per m2 dan per ton yang transparan, dan sesuai kebutuhan proyek anda? Kami menyediakan rincian biaya lengkap untuk membantu anda merencanakan anggaran dengan lebih tepat. Dengan material hotmix berkualitas tinggi, standar pengerjaan profesional, serta harga yang kompetitif di wilayah Majalengka, anda dapat memastikan proyek pengaspalan berjalan lebih cepat, kuat, dan [&#8230;]</p>
<p>The post <a href="https://www.catinpaint.co.id/harga-aspal-majalengka/">Rincian Harga Aspal Majalengka per M2 dan Per Ton</a> appeared first on <a href="https://www.catinpaint.co.id">Cat Marka Jalan Catin</a>.</p>
]]></description>
										<content:encoded><![CDATA[
<p>Ingin mendapatkan harga aspal Majalengka per m2 dan per ton yang transparan, dan sesuai kebutuhan proyek anda? Kami menyediakan rincian biaya lengkap untuk membantu anda merencanakan anggaran dengan lebih tepat. Dengan material hotmix berkualitas tinggi, standar pengerjaan profesional, serta harga yang kompetitif di wilayah Majalengka, anda dapat memastikan proyek pengaspalan berjalan lebih cepat, kuat, dan tahan lama. Dapatkan solusi <a href="https://www.catinpaint.co.id/category/harga-aspal/">harga aspal</a> terbaik tanpa overbudget. <a href="https://www.catinpaint.co.id/harga-aspal/">Catinpaint</a> siap memberikan penawaran terupdate sesuai kebutuhan lokasi dan volume pekerjaan anda.</p>



<h2 class="wp-block-heading has-text-align-center">Kami Hadirkan Aspal Berkualitas Untuk Anda </h2>



<p>Sebagai penyedia layanan pengaspalan profesional, kami memahami bahwa kualitas jalan ditentukan oleh tiga faktor utama komposisi material, ketepatan metode kerja, dan ketahanan terhadap beban lalu lintas. Aspal berkualitas harus memiliki kadar bitumen yang stabil, struktur agregat yang kuat, dan ketebalan lapisan sesuai <a href="https://binamarga.pu.go.id/index.php/nspk/all/213">standar Bina Marga</a>.</p>



<figure class="wp-block-image aligncenter size-full"><img loading="lazy" decoding="async" width="500" height="457" src="https://www.catinpaint.co.id/wp-content/uploads/2025/11/harga-aspal-majalengka.png" alt="harga aspal majalengka parkiran motor" class="wp-image-2114" srcset="https://www.catinpaint.co.id/wp-content/uploads/2025/11/harga-aspal-majalengka.png 500w, https://www.catinpaint.co.id/wp-content/uploads/2025/11/harga-aspal-majalengka-300x274.png 300w" sizes="auto, (max-width: 500px) 100vw, 500px" /></figure>



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



<p>Sebagai penyedia layanan pengaspalan profesional, Catinpaint menghadirkan berbagai pilihan aspal berkualitas tinggi yang dirancang untuk memenuhi kebutuhan konstruksi jalan di berbagai skala. Setiap produk kami dipilih dan diproses dengan standar teknis yang ketat, sehingga mampu memberikan daya tahan maksimal, hasil yang rapi, serta performa optimal di lapangan.</p>



<h3 class="wp-block-heading">Aspal Hotmix AC-WC (Wearing Course)</h3>



<p>AC-WC adalah lapisan permukaan paling atas pada struktur perkerasan jalan. Lapisan ini dirancang dengan agregat halus dan kadar aspal yang ideal untuk menghasilkan permukaan yang rata, halus, serta tahan terhadap abrasi dan keausan akibat lalu lintas.</p>



<h3 class="wp-block-heading">Aspal Hotmix AC-BC (Binder Course)</h3>



<p>AC-BC merupakan lapisan pengikat yang terletak di antara AC-Base dan AC-WC. Komposisi agregatnya lebih besar sehingga menghasilkan kekuatan struktural yang lebih baik. Fungsi utamanya adalah sebagai lapisan transisi yang menyebarkan beban kendaraan dari lapisan permukaan ke lapisan bawah.</p>



<h3 class="wp-block-heading">Aspal Hotmix AC-Base</h3>



<p>AC-Base adalah lapisan dasar struktural yang memiliki peran vital sebagai fondasi utama pada perkerasan jalan. Lapisan ini disusun dari agregat berukuran besar dan proporsi aspal yang tepat untuk mendukung beban lalu lintas secara keseluruhan. AC-Base memberikan stabilitas, kekuatan, dan distribusi beban yang baik, sehingga memperpanjang umur layanan seluruh konstruksi jalan.</p>



<h3 class="wp-block-heading">Aspal HRS (Hot Rolled Sheet)</h3>



<p>Aspal HRS adalah campuran beraspal panas dengan karakteristik lebih fleksibel dibandingkan AC-series. Komposisi agregatnya memungkinkan deformasi plastis dalam batas aman sehingga cocok digunakan pada jalan dengan beban sedang, seperti jalan lingkungan, kawasan permukiman, dan jalan kota.</p>



<h3 class="wp-block-heading">Cold Mix / Aspal Dingin</h3>



<p>Cold Mix adalah jenis aspal siap pakai yang tidak memerlukan pemanasan sebelum aplikasi. Campuran ini dapat digunakan pada kondisi basah atau lembap, sehingga sangat efektif untuk perbaikan darurat seperti menutup lubang (pothole patching), retakan, dan kerusakan jalan ringan.</p>



<h2 class="wp-block-heading has-text-align-center">Daftar Harga Aspal Majalengka Terbaru</h2>



<p>Mencari informasi harga aspal Majalengka yang akurat dan terbaru kini semakin mudah. Melalui halaman ini, catinpaint menghadirkan daftar harga lengkap mulai dari harga per m² hingga per ton, mencakup berbagai jenis aspal seperti hotmix AC-WC, AC-BC, AC-Base, hingga cold mix. Informasi ini dirancang untuk membantu anda menghitung kebutuhan biaya secara tepat sebelum memulai proyek pengaspalan di wilayah Majalengka, baik untuk jalan lingkungan, area parkir, perumahan, kawasan industri, maupun proyek skala besar.</p>



<!-- 🌕 TABEL CUSTOM DAFTAR HARGA MATERIAL ASPAL (TEMA KUNING RAMPING) -->
<style>
  .asphalt-table-wrap {
    --accent: #FFD54A;      /* warna kuning utama */
    --accent-dark: #F0B800; /* warna kuning gelap */
    --text: #222;
    --border: rgba(0,0,0,0.1);
    font-family: "Segoe UI", Roboto, Arial, sans-serif;
    margin: 1.5rem 0;
  }

  .asphalt-table {
    width: 100%;
    max-width: 700px; /* tabel ramping */
    margin: 0 auto;
    border-collapse: collapse;
    background: #fffef7;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0 3px 10px rgba(0,0,0,0.05);
    font-size: 0.9rem;
  }

  .asphalt-table caption {
    background: linear-gradient(90deg, var(--accent), var(--accent-dark));
    color: #111;
    font-weight: 700;
    text-align: center;
    padding: 12px 14px;
    font-size: 1rem;
    letter-spacing: 0.3px;
  }

  .asphalt-table thead th {
    background: rgba(0,0,0,0.05);
    color: var(--text);
    font-weight: 600;
    padding: 8px 10px;
    border-bottom: 2px solid var(--border);
    text-align: left;
  }

  .asphalt-table tbody td {
    padding: 8px 10px;
    border-bottom: 1px solid var(--border);
    color: var(--text);
  }

  .asphalt-table tbody tr:nth-child(even) {
    background: rgba(255, 213, 74, 0.05);
  }

  .asphalt-table tbody tr:hover {
    background: rgba(255, 213, 74, 0.15);
    transition: 0.2s ease;
  }

  .unit {
    text-align: center;
    color: #444;
    font-weight: 600;
  }

  .price {
    text-align: right;
    font-weight: 700;
    color: #000;
    white-space: nowrap;
  }

  /* 📱 Responsif Mobile */
  @media (max-width: 640px) {
    .asphalt-table thead { display: none; }
    .asphalt-table, .asphalt-table tbody, .asphalt-table tr, .asphalt-table td {
      display: block;
      width: 100%;
    }
    .asphalt-table tr {
      margin-bottom: 12px;
      background: #fff;
      border-radius: 8px;
      box-shadow: 0 2px 6px rgba(0,0,0,0.03);
    }
    .asphalt-table td {
      padding: 8px 12px;
      border: none;
      position: relative;
    }
    .asphalt-table td::before {
      content: attr(data-label);
      display: block;
      font-size: 0.8rem;
      color: rgba(0,0,0,0.6);
      margin-bottom: 4px;
      font-weight: 600;
    }
    .price, .unit { text-align: left; }
  }
</style>

<div class="asphalt-table-wrap">
  <table class="asphalt-table" role="table" aria-label="Daftar Harga Aspal">
    <caption>Daftar Harga Aspal (Spesifikasi Teknis)</caption>
    <thead>
      <tr>
        <th scope="col">Jenis Aspal (Spesifikasi Teknis)</th>
        <th scope="col">Satuan</th>
        <th scope="col">Harga Material (Rp)</th>
      </tr>
    </thead>
    <tbody>
      <tr>
        <td data-label="Jenis Aspal"><strong>ATB</strong> (Asphalt Treated Base)</td>
        <td class="unit" data-label="Satuan">/ ton</td>
        <td class="price" data-label="Harga Material">1.150.000,-</td>
      </tr>
      <tr>
        <td data-label="Jenis Aspal"><strong>AC-BC</strong> (Binder Course)</td>
        <td class="unit">/ ton</td>
        <td class="price">1.180.000,-</td>
      </tr>
      <tr>
        <td data-label="Jenis Aspal"><strong>AC-WC</strong> (Wearing Course)</td>
        <td class="unit">/ ton</td>
        <td class="price">1.235.000,-</td>
      </tr>
      <tr>
        <td>AC-WC IV A</td>
        <td class="unit">/ ton</td>
        <td class="price">1.265.000,-</td>
      </tr>
      <tr>
        <td>3 Laston</td>
        <td class="unit">/ ton</td>
        <td class="price">1.270.000,-</td>
      </tr>
      <tr>
        <td>3 Laston Spesial</td>
        <td class="unit">/ ton</td>
        <td class="price">1.400.000,-</td>
      </tr>
      <tr>
        <td><strong>HRS</strong> (Hot Rolled Sheet)</td>
        <td class="unit">/ ton</td>
        <td class="price">1.320.000,-</td>
      </tr>
      <tr>
        <td>Sand Sheet</td>
        <td class="unit">/ ton</td>
        <td class="price">1.480.000,-</td>
      </tr>
      <tr>
        <td>Sand Sheet Spesial</td>
        <td class="unit">/ ton</td>
        <td class="price">1.570.000,-</td>
      </tr>
      <tr>
        <td><strong>Aspal Emulsi</strong> (Tack Coat)</td>
        <td class="unit">/ Liter</td>
        <td class="price">15.000,-</td>
      </tr>
      <tr>
        <td><strong>Aspal Emulsi</strong> (Tack Coat)</td>
        <td class="unit">/ Drum</td>
        <td class="price">2.605.000,-</td>
      </tr>
    </tbody>
  </table>
</div>
<!-- 🌕 END TABEL CUSTOM ASPAL -->



<p></p>



<style>
.table-aspal {
  width: 80%;
  max-width: 700px;
  margin: 30px auto;
  border-collapse: collapse;
  font-family: 'Segoe UI', Arial, sans-serif;
  background-color: #fffdf5;
  border: 1px solid #f2d56b;
  border-radius: 10px;
  overflow: hidden;
  box-shadow: 0 2px 8px rgba(0,0,0,0.05);
}

.table-aspal caption {
  font-size: 20px;
  font-weight: 600;
  color: #222;
  text-align: center;
  background-color: #f7c948;
  padding: 14px;
  border-bottom: 2px solid #f0b400;
}

.table-aspal th {
  background-color: #fff6cc;
  color: #333;
  text-align: center;
  font-size: 16px;
  font-weight: 600;
  padding: 10px;
  border-bottom: 1px solid #f0e0a0;
}

.table-aspal td {
  padding: 10px;
  font-size: 15px;
  color: #444;
  text-align: center;
  border-bottom: 1px solid #f7eeb0;
}

.table-aspal tr:last-child td {
  border-bottom: none;
}

.table-aspal tr:hover td {
  background-color: #fffbe2;
  transition: 0.2s ease;
}

@media screen and (max-width: 768px) {
  .table-aspal {
    width: 95%;
    font-size: 14px;
  }
}
</style>

<table class="table-aspal">
  <caption>Daftar Harga Aspal Hotmix per m²</caption>

  <tr><th colspan="2">III Laston</th></tr>
  <tr><td>Ketebalan 2 cm</td><td>Rp 95.000,-</td></tr>
  <tr><td>Ketebalan 3 cm</td><td>Rp 125.000,-</td></tr>

  <tr><th colspan="2">III Laston Spesial</th></tr>
  <tr><td>Ketebalan 1 cm</td><td>Rp 67.000,-</td></tr>
  <tr><td>Ketebalan 2 cm</td><td>Rp 95.000,-</td></tr>
  <tr><td>Ketebalan 3 cm</td><td>Rp 125.000,-</td></tr>

  <tr><th colspan="2">Sandsheet</th></tr>
  <tr><td>Ketebalan 1 cm</td><td>Rp 67.000,-</td></tr>
  <tr><td>Ketebalan 2 cm</td><td>Rp 95.000,-</td></tr>

  <tr><th colspan="2">HRS</th></tr>
  <tr><td>Ketebalan 2 cm</td><td>Rp 95.000,-</td></tr>
  <tr><td>Ketebalan 3 cm</td><td>Rp 125.000,-</td></tr>
  <tr><td>Ketebalan 4 cm</td><td>Rp 150.000,-</td></tr>

  <tr><th colspan="2">AC-WC</th></tr>
  <tr><td>Ketebalan 3 cm</td><td>Rp 125.000,-</td></tr>
  <tr><td>Ketebalan 4 cm</td><td>Rp 150.000,-</td></tr>
  <tr><td>Ketebalan 5 cm</td><td>Rp 200.000,-</td></tr>

  <tr><th colspan="2">AC-BC</th></tr>
  <tr><td>Ketebalan 4 cm</td><td>Rp 150.000,-</td></tr>
  <tr><td>Ketebalan 5 cm</td><td>Rp 200.000,-</td></tr>

  <tr><th colspan="2">ATB</th></tr>
  <tr><td>Ketebalan 5 cm</td><td>Rp 200.000,-</td></tr>
</table>



<p></p>



<!-- 🔹 Tombol WhatsApp Catinpaint (Hijau & Kuning) -->
<style>
  .wa-buttons {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 15px;
    margin: 30px 0;
  }

  .wa-btn {
    display: flex;
    align-items: center;
    gap: 8px;
    font-weight: 600;
    text-decoration: none;
    padding: 10px 22px;
    border-radius: 50px;
    box-shadow: 0 3px 8px rgba(0,0,0,0.15);
    transition: all 0.3s ease;
  }

  /* Tombol Hijau WhatsApp */
  .wa-green {
    background-color: #25D366;
    color: #fff;
  }

  .wa-green:hover {
    background-color: #1ebe5d;
    transform: scale(1.05);
  }

  /* Tombol Kuning Catinpaint */
  .wa-yellow {
    background-color: #f1c40f;
    color: #000;
  }

  .wa-yellow:hover {
    background-color: #000;
    color: #fff;
    transform: scale(1.05);
  }

  .wa-btn i {
    font-size: 18px;
  }
</style>

<div class="wa-buttons">
  <a href="https://wa.me/6281910263554" target="_blank" class="wa-btn wa-green">
    <i></i> WhatsApp 
  </a>

  <a href="https://wa.me/62811142024" target="_blank" class="wa-btn wa-yellow">
    <i></i> Telepon
  </a>
</div>



<h2 class="wp-block-heading has-text-align-center">Kenapa Membeli Aspal di Catinpaint</h2>



<p>Memilih penyedia aspal yang tepat adalah langkah penting untuk memastikan proyek pengaspalan berjalan lancar, kuat, dan tahan lama. Catinpaint memahami bahwa setiap proyek memiliki kebutuhan teknis berbeda, sehingga kami menghadirkan layanan yang tidak hanya fokus pada harga, tetapi juga kualitas, ketepatan pengerjaan, dan kepuasan pelanggan.</p>



<p><strong>Kualitas Aspal Standar Proyek Nasional</strong> Material aspal yang kami gunakan diproduksi dengan standar mutu tinggi, mulai dari AC-WC, AC-BC, AC-Base, hingga HRS dan Cold Mix.</p>



<p><strong>Harga Kompetitif dan Transparan</strong> Catinpaint memberikan harga aspal Majalengka yang jelas, tanpa biaya tersembunyi. Anda dapat memilih paket harga per m² atau per ton sesuai kebutuhan proyek.</p>



<p><strong>Tenaga Ahli Berpengalaman</strong> Setiap proyek ditangani oleh tim profesional yang telah berpengalaman dalam berbagai pekerjaan pengaspalan mulai dari jalan lingkungan, kawasan industri, area parkir, hingga jalan utama.</p>



<p><strong>Proses Cepat dan Efisien</strong> Dengan dukungan alat berat modern dan logistic yang terencana, kami mampu menyelesaikan pekerjaan dengan waktu yang lebih efisien tanpa mengorbankan kualitas.</p>



<p><strong>Layanan Konsultasi Teknis</strong> Catinpaint menyediakan konsultasi gratis untuk membantu Anda menentukan jenis aspal terbaik, estimasi kebutuhan material, hingga perhitungan volume pekerjaan.</p>



<p><strong>Garansi Kualitas Pengerjaan</strong> Setiap pekerjaan yang kami lakukan dilindungi oleh garansi kualitas. Kami memastikan permukaan yang kuat, tidak bergelombang, dan tahan terhadap lalu lintas serta perubahan cuaca.</p>



<figure class="wp-block-gallery has-nested-images columns-default is-cropped wp-block-gallery-2 is-layout-flex wp-block-gallery-is-layout-flex">
<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="500" height="463" data-id="2109" src="https://www.catinpaint.co.id/wp-content/uploads/2025/11/harga-aspal-majalengka-free-konsultasi.png" alt="harga aspal majalengka terdekat dari lokasi anda" class="wp-image-2109" srcset="https://www.catinpaint.co.id/wp-content/uploads/2025/11/harga-aspal-majalengka-free-konsultasi.png 500w, https://www.catinpaint.co.id/wp-content/uploads/2025/11/harga-aspal-majalengka-free-konsultasi-300x278.png 300w" sizes="auto, (max-width: 500px) 100vw, 500px" /></figure>



<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="500" height="465" data-id="2110" src="https://www.catinpaint.co.id/wp-content/uploads/2025/11/harga-aspal-majalengka-free-survey.png" alt="harga aspal majalengka perbaikan jalan" class="wp-image-2110" srcset="https://www.catinpaint.co.id/wp-content/uploads/2025/11/harga-aspal-majalengka-free-survey.png 500w, https://www.catinpaint.co.id/wp-content/uploads/2025/11/harga-aspal-majalengka-free-survey-300x279.png 300w" sizes="auto, (max-width: 500px) 100vw, 500px" /></figure>



<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="500" height="453" data-id="2111" src="https://www.catinpaint.co.id/wp-content/uploads/2025/11/harga-aspal-majalengka-murah.png" alt="harga aspal majalengka free kinsultasi" class="wp-image-2111" srcset="https://www.catinpaint.co.id/wp-content/uploads/2025/11/harga-aspal-majalengka-murah.png 500w, https://www.catinpaint.co.id/wp-content/uploads/2025/11/harga-aspal-majalengka-murah-300x272.png 300w" sizes="auto, (max-width: 500px) 100vw, 500px" /></figure>



<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="500" height="496" data-id="2112" src="https://www.catinpaint.co.id/wp-content/uploads/2025/11/harga-aspal-majalengka-perbaikan-jalan.png" alt="harga aspal terbaik majalengka" class="wp-image-2112" srcset="https://www.catinpaint.co.id/wp-content/uploads/2025/11/harga-aspal-majalengka-perbaikan-jalan.png 500w, https://www.catinpaint.co.id/wp-content/uploads/2025/11/harga-aspal-majalengka-perbaikan-jalan-300x298.png 300w, https://www.catinpaint.co.id/wp-content/uploads/2025/11/harga-aspal-majalengka-perbaikan-jalan-150x150.png 150w" sizes="auto, (max-width: 500px) 100vw, 500px" /></figure>



<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="500" height="472" data-id="2113" src="https://www.catinpaint.co.id/wp-content/uploads/2025/11/harga-aspal-majalengka-promo-terbaru.png" alt="harga aspal majalengkfree survey" class="wp-image-2113" srcset="https://www.catinpaint.co.id/wp-content/uploads/2025/11/harga-aspal-majalengka-promo-terbaru.png 500w, https://www.catinpaint.co.id/wp-content/uploads/2025/11/harga-aspal-majalengka-promo-terbaru-300x283.png 300w" sizes="auto, (max-width: 500px) 100vw, 500px" /></figure>
</figure>



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



<style>
/* CSS Kustom untuk Testimoni Aspal Majalengka */
:root {
    --accent-color: #ffc107; /* Kuning untuk garis aksen */
    --secondary-color: #6c757d; /* Abu-abu untuk teks sekunder */
    --bg-light: #f8f9fa;
    --border-radius: 8px;
}

.majalengka-testimonial-container {
    font-family: 'Arial', sans-serif;
    max-width: 1000px;
    margin: 20px auto;
    padding: 20px;
}

/* --- Bagian Testimoni --- */
.testimonial-section {
    padding: 20px 0;
    border-radius: var(--border-radius);
}

.testimonial-section h2 {
    text-align: center;
    color: #343a40;
    margin-bottom: 30px;
    font-weight: 700;
    /* Tanpa Garis Bawah */
    padding-bottom: 10px;
}

.testimonial-grid {
    display: grid;
    /* Membuat kolom responsif, minimal 300px per kolom */
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 20px;
    padding: 0 10px;
}

.testimonial-card {
    background-color: #ffffff;
    padding: 25px;
    border-radius: var(--border-radius);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08); 
    border-top: 5px solid var(--accent-color); /* WARNA KUNING */
    transition: transform 0.3s;
}

.testimonial-card:hover {
    transform: translateY(-3px);
}

.testimonial-quote {
    font-style: italic;
    color: #495057;
    margin-bottom: 15px;
    line-height: 1.6;
    border-left: 3px solid var(--secondary-color);
    padding-left: 10px;
}

.testimonial-author {
    font-weight: bold;
    color: #343a40;
    margin: 0;
}

.testimonial-source {
    font-size: 0.9em;
    color: var(--secondary-color);
    margin-top: 5px;
    display: block;
}

/* Responsifitas */
@media (max-width: 768px) {
    .testimonial-grid {
        grid-template-columns: 1fr;
    }
}
</style>

<div class="majalengka-testimonial-container">

    <div class="testimonial-section">
        <h2>Testimoni</h2>
        <div class="testimonial-grid">
            
            <div class="testimonial-card">
                <p class="testimonial-quote">&#8220;Harga pengaspalan yang ditawarkan sangat bersaing di Majalengka. Kami memilih paket standar, dan hasilnya melebihi ekspektasi. Kualitas hotmix-nya bagus, tidak mudah retak walau dilewati truk.&#8221;</p>
                <p class="testimonial-author">Bapak Heru P.</p>
                <span class="testimonial-source">Pemilik Depo Material, Kadipaten</span>
            </div>

            <div class="testimonial-card">
                <p class="testimonial-quote">&#8220;Kami pakai paket Ekonomis untuk jalan komplek, dan biayanya sangat terjangkau per meter. Anggaran RT kami jadi lebih efisien, dan jalannya mulus kembali. Sangat *worth it*!&#8221;</p>
                <p class="testimonial-author">Ibu Nina K.</p>
                <span class="testimonial-source">Bendahara RW, Majalengka Kota</span>
            </div>
            
            <div class="testimonial-card">
                <p class="testimonial-quote">&#8220;Tim memberikan konsultasi yang sangat jelas mengenai perbedaan harga setiap jenis aspal. Jadi kami bisa memutuskan paket yang paling sesuai dengan budget proyek pembangunan gudang kami di Jatiwangi.&#8221;</p>
                <p class="testimonial-author">PT. Cahaya Kontruksi</p>
                <span class="testimonial-source">Developer Proyek Jatiwangi</span>
            </div>

            <div class="testimonial-card">
                <p class="testimonial-quote">&#8220;Awalnya mencari harga yang paling murah, tapi setelah melihat perbandingan harga aspal dengan kualitas material yang mereka gunakan, kami yakin ini adalah investasi terbaik. Harganya sepadan dengan daya tahannya.&#8221;</p>
                <p class="testimonial-author">Bapak Doni</p>
                <span class="testimonial-source">Pengelola Parkiran Mall, Cigasong</span>
            </div>
            
            <div class="testimonial-card">
                <p class="testimonial-quote">&#8220;Estimasi harga yang diberikan di awal sama persis dengan tagihan akhir. Tidak ada biaya tersembunyi untuk mobilitas alat di area Cikijing. Ini yang paling kami hargai dari profesionalisme mereka.&#8221;</p>
                <p class="testimonial-author">Kepala Desa Cikijing</p>
                <span class="testimonial-source">Proyek Infrastruktur Desa Cikijing</span>
            </div>

            <div class="testimonial-card">
                <p class="testimonial-quote">&#8220;Kami memilih Paket Premium untuk jalan utama pabrik kami. Walaupun harganya lebih tinggi, kualitasnya terjamin. Jalan sangat padat dan mereka berani memberikan garansi panjang. Puas dengan nilai yang didapat.&#8221;</p>
                <p class="testimonial-author">Manajer Logistik Pabrik</p>
                <span class="testimonial-source">Kawasan Industri Dawuan</span>
            </div>

        </div>
    </div>

</div>



<p></p>



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



<p>Memesan layanan pengaspalan kini jauh lebih mudah dan cepat. Kami menyediakan proses pemesanan yang praktis sehingga anda bisa mendapatkan kebutuhan aspal hotmix, coldmix, maupun jasa pengaspalan jalan tanpa ribet</p>



<style>
/* CSS Kustom untuk Cara Pemesanan Aspal (Vertikal) */
:root {
    --step-bg-color: #fffbe6; /* Kuning sangat soft */
    --accent-color: #ffc107; /* Kuning terang untuk aksen */
    --text-color: #495057;
    --border-radius: 8px;
    --primary-text: #343a40;
}

.ordering-process-container {
    font-family: 'Arial', sans-serif;
    max-width: 800px; 
    margin: 30px auto;
    padding: 20px;
}

.ordering-process-container h2 {
    text-align: center;
    color: var(--primary-text);
    margin-bottom: 40px;
    font-weight: 700;
}

/* Container untuk langkah-langkah vertikal */
.step-vertical-list {
    display: flex;
    flex-direction: column; /* Susunan vertikal */
    gap: 15px; /* Jarak antar kartu */
}

/* Desain Kartu Langkah */
.step-card-vertical {
    background-color: var(--step-bg-color);
    border: 1px solid #ffe0a3;
    border-radius: var(--border-radius);
    padding: 25px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.05);
    display: flex;
    align-items: flex-start;
    position: relative;
}

/* Penomoran visual (Garis aksen) */
.step-card-vertical::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 6px; /* Garis vertikal di samping */
    height: 100%;
    background-color: var(--accent-color);
    border-radius: var(--border-radius) 0 0 var(--border-radius);
}

.step-content {
    padding-left: 20px; /* Memberi ruang dari garis aksen */
}

.step-card-vertical h3 {
    font-size: 1.25rem;
    color: var(--primary-text);
    margin-top: 0;
    margin-bottom: 10px;
    font-weight: 600;
}

.step-card-vertical p {
    font-size: 1rem;
    color: var(--text-color);
    line-height: 1.6;
    margin: 0;
}
</style>

<div class="ordering-process-container">

    <h2></h2>

    <div class="step-vertical-list">

        <div class="step-card-vertical">
            <div class="step-content">
                <h3>Hubungi &#038; Konsultasi</h3>
                <p>Silakan kontak tim kami melalui telepon atau WhatsApp. Sampaikan lokasi dan kebutuhan pengaspalan Anda secara detail untuk mendapatkan solusi awal.</p>
            </div>
        </div>

        <div class="step-card-vertical">
            <div class="step-content">
                <h3>Survey Lokasi Gratis</h3>
                <p>Kami akan menjadwalkan kunjungan gratis ke lokasi proyek Anda di Majalengka untuk pengukuran yang akurat, analisis kondisi tanah, dan penentuan jenis hotmix yang optimal.</p>
            </div>
        </div>

        <div class="step-card-vertical">
            <div class="step-content">
                <h3>Terima Penawaran Harga</h3>
                <p>Anda akan menerima penawaran harga yang transparan. Rincian mencakup biaya material (hotmix), biaya pengerjaan, dan estimasi durasi proyek, tanpa ada biaya tersembunyi.</p>
            </div>
        </div>
        
        <div class="step-card-vertical">
            <div class="step-content">
                <h3>Persetujuan dan Jadwal</h3>
                <p>Setelah Anda menyetujui penawaran, kami akan menyusun kontrak kerja dan menentukan jadwal pengerjaan yang disepakati bersama. Proyek siap dimulai!</p>
            </div>
        </div>

    </div>
    
    </div>



<p></p>



<h2 class="wp-block-heading has-text-align-center">Dapatkan Penawaran Harga Aspal Majalengka Terbaik Hari Ini!</h2>



<p>Dapatkan penawaran harga aspal Majalengka terbaik untuk kebutuhan proyek anda, mulai dari perbaikan jalan, pengaspalan halaman, hingga pembangunan akses usaha. Kami menyediakan layanan pengaspalan yang cepat, rapi, dan bergaransi dengan menggunakan material hotmix berkualitas.</p>



<style>
/* --- STYLING (CSS) --- */
/* Warna Kuning Pastel yang Digunakan:
   - Latar Belakang Hasil: #FFFACD (Lemon Chiffon/Kuning sangat terang)
   - Tombol Utama: #FFDB58 (Kuning Mustard Pastel)
   - Hover & Teks Kontras: #DAA520 (Goldenrod, Emas lembut)
*/
.asphalt-calculator {
    padding: 20px;
    border: 1px solid #ddd; /* Border dibuat lebih soft */
    border-radius: 8px;
    max-width: 500px;
    margin: 20px auto;
    font-family: sans-serif;
    background-color: #ffffff; /* Latar belakang putih */
}

.asphalt-calculator h3 {
    text-align: center;
    color: #333;
    margin-bottom: 20px;
}

.form-group {
    margin-bottom: 15px;
}

.form-group label {
    display: block;
    margin-bottom: 5px;
    font-weight: bold;
    color: #555;
}

.form-group select,
.form-group input[type="number"] {
    width: 100%;
    padding: 10px;
    border: 1px solid #ddd;
    border-radius: 4px;
    box-sizing: border-box; 
}

.form-group input[type="number"] {
    -moz-appearance: textfield;
}

.form-group input[type="number"]::-webkit-outer-spin-button,
.form-group input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* WARNA TOMBOL HITUNG DIUBAH MENJADI KUNING PASTER */
#calculateBtn {
    display: block;
    width: 100%;
    padding: 10px;
    background-color: #FFDB58; /* Kuning Pastel/Mustard */
    color: #333; /* Teks Hitam agar kontras dengan latar kuning */
    border: none;
    border-radius: 4px;
    cursor: pointer;
    font-size: 16px;
    margin-top: 10px;
    font-weight: bold;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1); /* Tambah shadow agar menonjol */
}

#calculateBtn:hover {
    background-color: #DAA520; /* Efek Hover (Warna Emas Lembut) */
    color: white; /* Teks putih saat hover */
}

/* LATAR BELAKANG HASIL DIUBAH MENJADI KUNING PASTEL SANGAT TERANG */
#result {
    margin-top: 20px;
    padding: 15px;
    background-color: #FFFACD; /* Kuning Pastel Sangat Terang */
    border: 1px solid #FFDB58; /* Border Kuning Pastel */
    border-radius: 4px;
    text-align: center;
    font-size: 1.1em;
}

#result span {
    font-weight: bold;
    color: #DAA520; /* Warna teks hasil (Emas Lembut) */
    display: block;
    margin-top: 5px;
}

#whatsappLink {
    display: none; 
    margin-top: 15px;
    text-align: center;
}

/* WARNA TOMBOL WHATSAPP TETAP HIJAU STANDAR UNTUK KONSISTENSI */
#whatsappLink a {
    display: inline-block;
    padding: 10px 20px;
    background-color: #25D366; /* Warna WhatsApp (Standar) */
    color: white;
    text-decoration: none;
    border-radius: 20px;
    font-weight: bold;
}

#whatsappLink a:hover {
    background-color: #128C7E;
}
/* --- END STYLING (CSS) --- */
</style>

<div class="asphalt-calculator">
    <h3>Kalkulator Harga Material Aspal per TON</h3>

    <div class="form-group">
        <label for="asphaltType">Pilih Jenis Aspal per :</label>
        <select id="asphaltType">
            <option value="">&#8212; Pilih Material &#8212;</option>
            <option value="ATB">ATB (Asphalt Treated Base) &#8211; Rp 1.150.000 / ton</option>
            <option value="AC-BC">AC-BC (Binder Course) &#8211; Rp 1.180.000 / ton</option>
            <option value="AC-WC">AC-WC (Wearing Course) &#8211; Rp 1.235.000 / ton</option>
            <option value="AC-WC IV A">AC-WC IV A &#8211; Rp 1.265.000 / ton</option>
            <option value="3 Laston">3 Laston &#8211; Rp 1.270.000 / ton</option>
            <option value="3 Laston Spesial">3 Laston Spesial &#8211; Rp 1.400.000 / ton</option>
            <option value="HRS">HRS (Hot Rolled Sheet) &#8211; Rp 1.320.000 / ton</option>
            <option value="Sand Sheet">Sand Sheet &#8211; Rp 1.480.000 / ton</option>
            <option value="Sand Sheet Spesial">Sand Sheet Spesial &#8211; Rp 1.570.000 / ton</option>
            <option value="Aspal Emulsi (Liter)">Aspal Emulsi (Tack Coat) &#8211; Rp 15.000 / Liter</option>
            <option value="Aspal Emulsi (Drum)">Aspal Emulsi (Tack Coat) &#8211; Rp 2.605.000 / Drum</option>
        </select>
    </div>

    <div class="form-group">
        <label for="quantity">Jumlah (Ton/Liter/Drum):</label>
        <input type="number" id="quantity" placeholder="Masukkan jumlah">
    </div>

    <button id="calculateBtn">Hitung Total Biaya</button>

    <div id="result" style="display: none;">
        Total Biaya Estimasi: <span id="totalCost"></span>
    </div>

    <div id="whatsappLink">
        <a id="waLink" href="#" target="_blank">
            Konsultasikan Harga ke WhatsApp
        </a>
    </div>

</div>

<script>
/* --- LOGIKA PERHITUNGAN (JAVASCRIPT) --- */
document.getElementById('calculateBtn').addEventListener('click', function() {
    const prices = {
        "ATB": 1150000,
        "AC-BC": 1180000,
        "AC-WC": 1235000,
        "AC-WC IV A": 1265000,
        "3 Laston": 1270000,
        "3 Laston Spesial": 1400000,
        "HRS": 1320000,
        "Sand Sheet": 1480000,
        "Sand Sheet Spesial": 1570000,
        "Aspal Emulsi (Liter)": 15000,
        "Aspal Emulsi (Drum)": 2605000
    };

    const asphaltType = document.getElementById('asphaltType').value;
    const quantity = parseFloat(document.getElementById('quantity').value);

    const resultDiv = document.getElementById('result');
    const totalCostSpan = document.getElementById('totalCost');
    const waLinkDiv = document.getElementById('whatsappLink');
    const waLinkAnchor = document.getElementById('waLink');

    // Reset tampilan
    resultDiv.style.display = 'none';
    waLinkDiv.style.display = 'none';

    if (!asphaltType || isNaN(quantity) || quantity <= 0) {
        alert("Mohon lengkapi jenis aspal dan masukkan jumlah yang valid.");
        return;
    }

    const price = prices[asphaltType];
    const totalCost = quantity * price;

    // Format mata uang
    const formattedCost = new Intl.NumberFormat('id-ID', {
        style: 'currency',
        currency: 'IDR',
        minimumFractionDigits: 0
    }).format(totalCost);

    // Tampilkan hasil
    totalCostSpan.textContent = formattedCost;
    resultDiv.style.display = 'block';

    // Buat pesan WhatsApp
    let unit = "TON";
    if (asphaltType.includes('(Liter)')) {
        unit = "Liter";
    } else if (asphaltType.includes('(Drum)')) {
        unit = "Drum";
    }
    
    // Angka WA
    const phoneNumber = "6281910263554"; 
    const message = encodeURIComponent(
        `Halo, saya ingin konsultasi mengenai pemesanan material Aspal.\n\n` +
        `Jenis Material: ${asphaltType}\n` +
        `Jumlah: ${quantity} ${unit}\n` +
        `Estimasi Biaya: ${formattedCost}\n\n` +
        `Mohon informasinya lebih lanjut.`
    );

    const waURL = `https://wa.me/${phoneNumber}?text=${message}`;

    // Tampilkan link WA
    waLinkAnchor.href = waURL;
    waLinkDiv.style.display = 'block';

    // Opsional: Gulir ke hasil
    resultDiv.scrollIntoView({ behavior: 'smooth' });
});

// Menambahkan keterangan unit yang berubah
document.getElementById('asphaltType').addEventListener('change', function() {
    const selectedValue = this.value;
    const quantityInput = document.getElementById('quantity');
    const label = document.querySelector('label[for="quantity"]');
    
    let unitText = "Ton";
    if (selectedValue.includes('(Liter)')) {
        unitText = "Liter";
    } else if (selectedValue.includes('(Drum)')) {
        unitText = "Drum";
    }

    label.textContent = `Jumlah (${unitText}):`;
    quantityInput.placeholder = `Masukkan jumlah dalam ${unitText}`;
});
/* --- END LOGIKA PERHITUNGAN (JAVASCRIPT) --- */
</script>



<style>
/* --- STYLING (CSS) --- */
/* Warna Kuning Pastel yang Digunakan:
   - Latar Belakang Hasil: #FFFACD (Lemon Chiffon/Kuning sangat terang)
   - Tombol Utama: #FFDB58 (Kuning Mustard Pastel)
   - Hover & Teks Kontras: #DAA520 (Goldenrod, Emas lembut)
*/
.asphalt-calculator-m2 {
    padding: 20px;
    border: 1px solid #ddd;
    border-radius: 8px;
    max-width: 500px;
    margin: 20px auto;
    font-family: sans-serif;
    background-color: #ffffff;
}

.asphalt-calculator-m2 h3 {
    text-align: center;
    color: #333;
    margin-bottom: 20px;
}

.form-group-m2 {
    margin-bottom: 15px;
}

.form-group-m2 label {
    display: block;
    margin-bottom: 5px;
    font-weight: bold;
    color: #555;
}

.form-group-m2 select,
.form-group-m2 input[type="number"] {
    width: 100%;
    padding: 10px;
    border: 1px solid #ddd;
    border-radius: 4px;
    box-sizing: border-box;
}

.form-group-m2 input[type="number"] {
    -moz-appearance: textfield;
}

.form-group-m2 input[type="number"]::-webkit-outer-spin-button,
.form-group-m2 input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* WARNA TOMBOL HITUNG DIUBAH MENJADI KUNING PASTER */
#calculateM2Btn {
    display: block;
    width: 100%;
    padding: 10px;
    background-color: #FFDB58; /* Kuning Pastel/Mustard */
    color: #333;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    font-size: 16px;
    margin-top: 10px;
    font-weight: bold;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}

#calculateM2Btn:hover {
    background-color: #DAA520; /* Efek Hover (Warna Emas Lembut) */
    color: white;
}

/* LATAR BELAKANG HASIL DIUBAH MENJADI KUNING PASTEL SANGAT TERANG */
#resultM2 {
    margin-top: 20px;
    padding: 15px;
    background-color: #FFFACD; /* Kuning Pastel Sangat Terang */
    border: 1px solid #FFDB58;
    border-radius: 4px;
    text-align: center;
    font-size: 1.1em;
}

#resultM2 span {
    font-weight: bold;
    color: #DAA520;
    display: block;
    margin-top: 5px;
}

#whatsappLinkM2 {
    display: none;
    margin-top: 15px;
    text-align: center;
}

/* WARNA TOMBOL WHATSAPP TETAP HIJAU STANDAR */
#whatsappLinkM2 a {
    display: inline-block;
    padding: 10px 20px;
    background-color: #25D366; 
    color: white;
    text-decoration: none;
    border-radius: 20px;
    font-weight: bold;
}

#whatsappLinkM2 a:hover {
    background-color: #128C7E;
}
/* --- END STYLING (CSS) --- */
</style>

<div class="asphalt-calculator-m2">
    <h3>Kalkulator Biaya Aspal per m2</h3>

    <div class="form-group-m2">
        <label for="materialThickness">Pilih Jenis & Ketebalan Aspal:</label>
        <select id="materialThickness">
            <option value="">-- Pilih Material & Ketebalan --</option>
            <option value="III Laston|2">III Laston - 2 cm (Rp 95.000 /m2) </option>
            <option value="III Laston|3">III Laston - 3 cm (Rp 125.000 / m2)</option>
            <option value="III Laston Spesial|1">III Laston Spesial - 1 cm (Rp 67.000 / m2)</option>
            <option value="III Laston Spesial|2">III Laston Spesial - 2 cm (Rp 95.000 /m2)</option>
            <option value="III Laston Spesial|3">III Laston Spesial - 3 cm (Rp 125.000 / m2)</option>
            <option value="Sandsheet|1">Sandsheet - 1 cm (Rp 67.000 / m2) </option>
            <option value="Sandsheet|2">Sandsheet - 2 cm (Rp 95.000 / m2)/<option>
            <option value="HRS|2">HRS - 2 cm (Rp 95.000 /m2)</option>
            <option value="HRS|3">HRS - 3 cm (Rp 125.000 / m2)</option>
            <option value="HRS|4">HRS - 4 cm (Rp 150.000 / m2)</option>
            <option value="AC-WC|3">AC-WC - 3 cm (Rp 125.000 /m2)</option>
            <option value="AC-WC|4">AC-WC - 4 cm (Rp 150.000 / m2)</option>
            <option value="AC-WC|5">AC-WC - 5 cm (Rp 200.000 /m2))</option>
            <option value="AC-BC|4">AC-BC - 4 cm (Rp 150.000 /m2)</option>
            <option value="AC-BC|5">AC-BC - 5 cm (Rp 200.000 / m2)</option>
            <option value="ATB|5">ATB - 5 cm (Rp 200.000 / m2)</option>
        </select>
    </div>

    <div class="form-group-m2">
        <label for="area">Luas Area:</label>
        <input type="number" id="area" placeholder="Masukkan total luas area (contoh: 100)">
    </div>

    <button id="calculateM2Btn">Hitung Total Biaya</button>

    <div id="resultM2" style="display: none;">
        Total Biaya Estimasi: <span id="totalCostM2"></span>
    </div>

    <div id="whatsappLinkM2">
        <a id="waLinkM2" href="#" target="_blank">
            Konsultasikan Harga ke WhatsApp
        </a>
    </div>

</div>

<script>
/* --- LOGIKA PERHITUNGAN (JAVASCRIPT) --- */
document.getElementById('calculateM2Btn').addEventListener('click', function() {
    // Data harga disimpan di sini
    const pricesM2 = {
        "III Laston|2": 95000,
        "III Laston|3": 125000,
        "III Laston Spesial|1": 67000,
        "III Laston Spesial|2": 95000,
        "III Laston Spesial|3": 125000,
        "Sandsheet|1": 67000,
        "Sandsheet|2": 95000,
        "HRS|2": 95000,
        "HRS|3": 125000,
        "HRS|4": 150000,
        "AC-WC|3": 125000,
        "AC-WC|4": 150000,
        "AC-WC|5": 200000,
        "AC-BC|4": 150000,
        "AC-BC|5": 200000,
        "ATB|5": 200000
    };

    const materialThickness = document.getElementById('materialThickness').value;
    const area = parseFloat(document.getElementById('area').value);

    const resultDiv = document.getElementById('resultM2');
    const totalCostSpan = document.getElementById('totalCostM2');
    const waLinkDiv = document.getElementById('whatsappLinkM2');
    const waLinkAnchor = document.getElementById('waLinkM2');

    // Reset tampilan
    resultDiv.style.display = 'none';
    waLinkDiv.style.display = 'none';

    if (!materialThickness || isNaN(area) || area <= 0) {
        alert("Mohon pilih jenis aspal dan masukkan luas area yang valid.");
        return;
    }

    const price = pricesM2[materialThickness];
    const totalCost = area * price;

    // Pisahkan jenis material dan ketebalan
    const [materialName, thickness] = materialThickness.split('|');

    // Format mata uang
    const formattedCost = new Intl.NumberFormat('id-ID', {
        style: 'currency',
        currency: 'IDR',
        minimumFractionDigits: 0
    }).format(totalCost);

    // Tampilkan hasil
    totalCostSpan.textContent = formattedCost;
    resultDiv.style.display = 'block';

    // Buat pesan WhatsApp
    const phoneNumber = "6281910263554"; 
    const message = encodeURIComponent(
        `Halo, saya ingin konsultasi mengenai pemesanan Aspal Hotmix per m².\n\n` +
        `Jenis Material: ${materialName}\n` +
        `Ketebalan: ${thickness} cm\n` +
        `Luas Area: ${area} m²\n` +
        `Estimasi Biaya: ${formattedCost}\n\n` +
        `Mohon informasinya lebih lanjut.`
    );

    const waURL = `https://wa.me/${phoneNumber}?text=${message}`;

    // Tampilkan link WA
    waLinkAnchor.href = waURL;
    waLinkDiv.style.display = 'block';

    // Opsional: Gulir ke hasil
    resultDiv.scrollIntoView({ behavior: 'smooth' });
});
/* --- END LOGIKA PERHITUNGAN (JAVASCRIPT) --- */
</script>



<p></p>



<h2 class="wp-block-heading has-text-align-center">Pertanyaan Umum Menggenai Harga Aspal Majalengka </h2>



<div class="schema-faq wp-block-yoast-faq-block"><div class="schema-faq-section" id="faq-question-1763355358424"><strong class="schema-faq-question">Apakah survei lokasi dikenakan biaya?</strong> <p class="schema-faq-answer">Untuk wilayah Majalengka dan sekitarnya, survei biasanya gratis, terutama untuk proyek dengan luas tertentu.</p> </div> <div class="schema-faq-section" id="faq-question-1763355371979"><strong class="schema-faq-question">Apakah harga sudah termasuk material dan tenaga kerja?</strong> <p class="schema-faq-answer">Ya, harga umumnya sudah termasuk material aspal hotmix + tenaga kerja + peralatan.</p> </div> <div class="schema-faq-section" id="faq-question-1763355389136"><strong class="schema-faq-question">Apakah harga bisa dinegosiasikan?</strong> <p class="schema-faq-answer">Bisa. Harga dapat menyesuaikan volume pekerjaan dan kondisi lapangan.</p> </div> <div class="schema-faq-section" id="faq-question-1763355406034"><strong class="schema-faq-question">Apakah harga aspal per ton berbeda dengan per m²?</strong> <p class="schema-faq-answer">Ya. Harga per ton mengacu pada berat material, sedangkan harga per m² mengikuti kebutuhan lapangan seperti ketebalan dan luas area.</p> </div> <div class="schema-faq-section" id="faq-question-1763355420275"><strong class="schema-faq-question">Apakah bisa mendapatkan survei lokasi di Majalengka?</strong> <p class="schema-faq-answer">Bisa. Kami menyediakan survei untuk menghitung kebutuhan material dan memberikan penawaran harga lebih akurat.</p> </div> </div>
<p>The post <a href="https://www.catinpaint.co.id/harga-aspal-majalengka/">Rincian Harga Aspal Majalengka per M2 dan Per Ton</a> appeared first on <a href="https://www.catinpaint.co.id">Cat Marka Jalan Catin</a>.</p>
]]></content:encoded>
					
					<wfw:commentRss>https://www.catinpaint.co.id/harga-aspal-majalengka/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>Harga Aspal Cirebon Perbaikan Jalan- Hotmix, Laston 60.000/m2</title>
		<link>https://www.catinpaint.co.id/harga-aspal-cirebon/</link>
					<comments>https://www.catinpaint.co.id/harga-aspal-cirebon/#respond</comments>
		
		<dc:creator><![CDATA[Catin Paint]]></dc:creator>
		<pubDate>Sat, 15 Nov 2025 04:37:39 +0000</pubDate>
				<category><![CDATA[harga aspal]]></category>
		<guid isPermaLink="false">https://www.catinpaint.co.id/?p=2085</guid>

					<description><![CDATA[<p>Sedang mencari solusi perbaikan jalan yang cepat, kuat, dan tahan lama? catinpaint menghadirkan layanan harga aspal Cirebon perbaikan jalan hotmix dan laston 60.000/m2 dengan kualitas terbaik. Kami menggunakan material standar proyek nasional sehingga hasilnya lebih rapi dan berumur panjang. Selain itu, proses kerja kami berlangsung efisien agar proyek anda selesai tepat waktu. Anda bisa mendapatkan [&#8230;]</p>
<p>The post <a href="https://www.catinpaint.co.id/harga-aspal-cirebon/">Harga Aspal Cirebon Perbaikan Jalan- Hotmix, Laston 60.000/m2</a> appeared first on <a href="https://www.catinpaint.co.id">Cat Marka Jalan Catin</a>.</p>
]]></description>
										<content:encoded><![CDATA[
<p>Sedang mencari solusi perbaikan jalan yang cepat, kuat, dan tahan lama? <a href="https://www.catinpaint.co.id/">catinpaint</a> menghadirkan layanan harga aspal Cirebon perbaikan jalan hotmix dan laston 60.000/m2 dengan kualitas terbaik. Kami menggunakan material standar proyek nasional sehingga hasilnya lebih rapi dan berumur panjang. Selain itu, proses kerja kami berlangsung efisien agar proyek anda selesai tepat waktu. Anda bisa mendapatkan hasil pengaspalan profesional yang siap menunjang kebutuhan perumahan, area parkir, hingga akses jalan lingkungan. Pelajari detail lengkapnya melalui halaman <a href="https://www.catinpaint.co.id/harga-aspal/">harga aspal</a> kami</p>



<h2 class="wp-block-heading has-text-align-center">Kami Hadirkan Aspal Berkualitas untuk Anda</h2>



<p>Sebagai penyedia layanan pengaspalan profesional, kami di catinpaint memahami bahwa kualitas jalan bukan hanya bergantung pada teknik pengerjaan, tetapi dimulai dari pemilihan material yang tepat. Itulah sebabnya setiap proyek yang kami tangani selalu mengikuti standar teknis nasional, spesifikasi <strong><a href="https://binamarga.pu.go.id/index.php/nspk/pedoman-teknis-bidang-jalan/1">Bina Marga</a></strong>, dan metode ilmiah dalam pengolahan material. Dengan pendekatan berbasis data dan pengalaman lapangan, kami menghadirkan produk aspal yang stabil, tahan deformasi, serta mampu menahan beban lalu lintas secara optimal.</p>



<figure class="wp-block-image aligncenter size-full"><img loading="lazy" decoding="async" width="500" height="457" src="https://www.catinpaint.co.id/wp-content/uploads/2025/11/harga-aspal-cirebon.png" alt="" class="wp-image-2093" srcset="https://www.catinpaint.co.id/wp-content/uploads/2025/11/harga-aspal-cirebon.png 500w, https://www.catinpaint.co.id/wp-content/uploads/2025/11/harga-aspal-cirebon-300x274.png 300w" sizes="auto, (max-width: 500px) 100vw, 500px" /></figure>



<p></p>



<h2 class="wp-block-heading has-text-align-center">Pilihan Jenis Aspal Terbaik dari Catinpaint</h2>



<p>Sebagai penyedia layanan pengaspalan yang berpengalaman, Catinpaint menawarkan beragam jenis produk aspal yang dirancang untuk memenuhi kebutuhan konstruksi jalan, perumahan, hingga area industri. Setiap material diproduksi dengan standar teknis nasional serta menjalani proses kontrol kualitas yang ketat, sehingga performa struktur perkerasan tetap optimal dalam jangka panjang. Berikut pilihan produk aspal terbaik yang kami sediakan:</p>



<h3 class="wp-block-heading">Aspal Hotmix AC-WC (Wearing Course)</h3>



<p>lapisan permukaan pada konstruksi perkerasan jalan yang berfungsi sebagai lapisan paling atas yang langsung bersentuhan dengan lalu lintas. AC-WC memiliki tekstur halus, densitas tinggi, dan dirancang untuk memberikan kenyamanan berkendara, kekesatan permukaan, serta ketahanan terhadap beban berat dan abrasi ban.</p>



<h3 class="wp-block-heading">Aspal Hotmix AC-BC (Binder Course)</h3>



<p>lapisan pengikat dalam sistem perkerasan jalan yang berada di antara lapisan permukaan (AC-WC) dan lapisan dasar (AC-Base). Fungsi utama AC-BC adalah memberikan ikatan struktural yang kuat antara kedua lapisan tersebut sekaligus membantu mendistribusikan beban kendaraan ke lapisan di bawahnya.</p>



<h3 class="wp-block-heading">Aspal Hotmix AC-Base</h3>



<p>lapisan dasar struktural pada konstruksi perkerasan jalan yang berfungsi sebagai penopang utama seluruh beban lalu lintas di atasnya. Lapisan ini berada di bawah AC-BC dan AC-WC, sehingga perannya sangat penting dalam menjaga kekuatan dan kestabilan keseluruhan struktur perkerasan.</p>



<h3 class="wp-block-heading">Aspal Hotmix Lapis Pondasi (Base Course)</h3>



<p>struktural utama dalam konstruksi perkerasan jalan yang berfungsi sebagai pondasi kuat sebelum diberi lapisan pengikat (AC-BC) dan lapisan aus (AC-WC). Lapisan ini dibuat dari campuran agregat bergradasi kasar dan halus yang dicampur dengan aspal panas sehingga menghasilkan struktur yang kuat, stabil, serta mampu menahan beban berat kendaraan.</p>



<h3 class="wp-block-heading">Aspal Coldmix (Aspal Dingin)</h3>



<p>jenis campuran aspal yang dapat digunakan tanpa pemanasan, sehingga sangat praktis untuk pekerjaan perbaikan jalan. Campuran ini terdiri dari agregat dan emulsi aspal yang dirancang agar tetap lentur, mudah diaplikasikan, dan dapat mengeras setelah terkena tekanan kendaraan.</p>



<h3 class="wp-block-heading">Laston (Asphalt Concrete)</h3>



<p>Laston diproduksi pada suhu tinggi di AMP (Asphalt Mixing Plant) dan diaplikasikan sebagai lapisan struktur perkerasan jalan dengan tingkat kekuatan, stabilitas, dan ketahanan tinggi.</p>



<h2 class="wp-block-heading has-text-align-center">Estimasi Harga Aspal Cirebon Terbaru</h2>



<p>Mengetahui estimasi harga aspal yang akurat sangat penting sebelum memulai proyek pengaspalan, baik untuk perbaikan jalan, perumahan, maupun area komersial. Di Cirebon, harga aspal dapat bervariasi tergantung jenis material, ketebalan lapisan, hingga kebutuhan volume pekerjaan.</p>



<!-- 🌕 TABEL CUSTOM DAFTAR HARGA MATERIAL ASPAL (TEMA KUNING RAMPING) -->
<style>
  .asphalt-table-wrap {
    --accent: #FFD54A;      /* warna kuning utama */
    --accent-dark: #F0B800; /* warna kuning gelap */
    --text: #222;
    --border: rgba(0,0,0,0.1);
    font-family: "Segoe UI", Roboto, Arial, sans-serif;
    margin: 1.5rem 0;
  }

  .asphalt-table {
    width: 100%;
    max-width: 700px; /* tabel ramping */
    margin: 0 auto;
    border-collapse: collapse;
    background: #fffef7;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0 3px 10px rgba(0,0,0,0.05);
    font-size: 0.9rem;
  }

  .asphalt-table caption {
    background: linear-gradient(90deg, var(--accent), var(--accent-dark));
    color: #111;
    font-weight: 700;
    text-align: center;
    padding: 12px 14px;
    font-size: 1rem;
    letter-spacing: 0.3px;
  }

  .asphalt-table thead th {
    background: rgba(0,0,0,0.05);
    color: var(--text);
    font-weight: 600;
    padding: 8px 10px;
    border-bottom: 2px solid var(--border);
    text-align: left;
  }

  .asphalt-table tbody td {
    padding: 8px 10px;
    border-bottom: 1px solid var(--border);
    color: var(--text);
  }

  .asphalt-table tbody tr:nth-child(even) {
    background: rgba(255, 213, 74, 0.05);
  }

  .asphalt-table tbody tr:hover {
    background: rgba(255, 213, 74, 0.15);
    transition: 0.2s ease;
  }

  .unit {
    text-align: center;
    color: #444;
    font-weight: 600;
  }

  .price {
    text-align: right;
    font-weight: 700;
    color: #000;
    white-space: nowrap;
  }

  /* 📱 Responsif Mobile */
  @media (max-width: 640px) {
    .asphalt-table thead { display: none; }
    .asphalt-table, .asphalt-table tbody, .asphalt-table tr, .asphalt-table td {
      display: block;
      width: 100%;
    }
    .asphalt-table tr {
      margin-bottom: 12px;
      background: #fff;
      border-radius: 8px;
      box-shadow: 0 2px 6px rgba(0,0,0,0.03);
    }
    .asphalt-table td {
      padding: 8px 12px;
      border: none;
      position: relative;
    }
    .asphalt-table td::before {
      content: attr(data-label);
      display: block;
      font-size: 0.8rem;
      color: rgba(0,0,0,0.6);
      margin-bottom: 4px;
      font-weight: 600;
    }
    .price, .unit { text-align: left; }
  }
</style>

<div class="asphalt-table-wrap">
  <table class="asphalt-table" role="table" aria-label="Daftar Harga Aspal">
    <caption>Daftar Harga Aspal (Spesifikasi Teknis)</caption>
    <thead>
      <tr>
        <th scope="col">Jenis Aspal (Spesifikasi Teknis)</th>
        <th scope="col">Satuan</th>
        <th scope="col">Harga Material (Rp)</th>
      </tr>
    </thead>
    <tbody>
      <tr>
        <td data-label="Jenis Aspal"><strong>ATB</strong> (Asphalt Treated Base)</td>
        <td class="unit" data-label="Satuan">/ ton</td>
        <td class="price" data-label="Harga Material">1.150.000,-</td>
      </tr>
      <tr>
        <td data-label="Jenis Aspal"><strong>AC-BC</strong> (Binder Course)</td>
        <td class="unit">/ ton</td>
        <td class="price">1.180.000,-</td>
      </tr>
      <tr>
        <td data-label="Jenis Aspal"><strong>AC-WC</strong> (Wearing Course)</td>
        <td class="unit">/ ton</td>
        <td class="price">1.235.000,-</td>
      </tr>
      <tr>
        <td>AC-WC IV A</td>
        <td class="unit">/ ton</td>
        <td class="price">1.265.000,-</td>
      </tr>
      <tr>
        <td>3 Laston</td>
        <td class="unit">/ ton</td>
        <td class="price">1.270.000,-</td>
      </tr>
      <tr>
        <td>3 Laston Spesial</td>
        <td class="unit">/ ton</td>
        <td class="price">1.400.000,-</td>
      </tr>
      <tr>
        <td><strong>HRS</strong> (Hot Rolled Sheet)</td>
        <td class="unit">/ ton</td>
        <td class="price">1.320.000,-</td>
      </tr>
      <tr>
        <td>Sand Sheet</td>
        <td class="unit">/ ton</td>
        <td class="price">1.480.000,-</td>
      </tr>
      <tr>
        <td>Sand Sheet Spesial</td>
        <td class="unit">/ ton</td>
        <td class="price">1.570.000,-</td>
      </tr>
      <tr>
        <td><strong>Aspal Emulsi</strong> (Tack Coat)</td>
        <td class="unit">/ Liter</td>
        <td class="price">15.000,-</td>
      </tr>
      <tr>
        <td><strong>Aspal Emulsi</strong> (Tack Coat)</td>
        <td class="unit">/ Drum</td>
        <td class="price">2.605.000,-</td>
      </tr>
    </tbody>
  </table>
</div>
<!-- 🌕 END TABEL CUSTOM ASPAL -->



<p></p>



<style>
.table-aspal {
  width: 80%;
  max-width: 700px;
  margin: 30px auto;
  border-collapse: collapse;
  font-family: 'Segoe UI', Arial, sans-serif;
  background-color: #fffdf5;
  border: 1px solid #f2d56b;
  border-radius: 10px;
  overflow: hidden;
  box-shadow: 0 2px 8px rgba(0,0,0,0.05);
}

.table-aspal caption {
  font-size: 20px;
  font-weight: 600;
  color: #222;
  text-align: center;
  background-color: #f7c948;
  padding: 14px;
  border-bottom: 2px solid #f0b400;
}

.table-aspal th {
  background-color: #fff6cc;
  color: #333;
  text-align: center;
  font-size: 16px;
  font-weight: 600;
  padding: 10px;
  border-bottom: 1px solid #f0e0a0;
}

.table-aspal td {
  padding: 10px;
  font-size: 15px;
  color: #444;
  text-align: center;
  border-bottom: 1px solid #f7eeb0;
}

.table-aspal tr:last-child td {
  border-bottom: none;
}

.table-aspal tr:hover td {
  background-color: #fffbe2;
  transition: 0.2s ease;
}

@media screen and (max-width: 768px) {
  .table-aspal {
    width: 95%;
    font-size: 14px;
  }
}
</style>

<table class="table-aspal">
  <caption>Daftar Harga Aspal Hotmix per m²</caption>

  <tr><th colspan="2">III Laston</th></tr>
  <tr><td>Ketebalan 2 cm</td><td>Rp 95.000,-</td></tr>
  <tr><td>Ketebalan 3 cm</td><td>Rp 125.000,-</td></tr>

  <tr><th colspan="2">III Laston Spesial</th></tr>
  <tr><td>Ketebalan 1 cm</td><td>Rp 67.000,-</td></tr>
  <tr><td>Ketebalan 2 cm</td><td>Rp 95.000,-</td></tr>
  <tr><td>Ketebalan 3 cm</td><td>Rp 125.000,-</td></tr>

  <tr><th colspan="2">Sandsheet</th></tr>
  <tr><td>Ketebalan 1 cm</td><td>Rp 67.000,-</td></tr>
  <tr><td>Ketebalan 2 cm</td><td>Rp 95.000,-</td></tr>

  <tr><th colspan="2">HRS</th></tr>
  <tr><td>Ketebalan 2 cm</td><td>Rp 95.000,-</td></tr>
  <tr><td>Ketebalan 3 cm</td><td>Rp 125.000,-</td></tr>
  <tr><td>Ketebalan 4 cm</td><td>Rp 150.000,-</td></tr>

  <tr><th colspan="2">AC-WC</th></tr>
  <tr><td>Ketebalan 3 cm</td><td>Rp 125.000,-</td></tr>
  <tr><td>Ketebalan 4 cm</td><td>Rp 150.000,-</td></tr>
  <tr><td>Ketebalan 5 cm</td><td>Rp 200.000,-</td></tr>

  <tr><th colspan="2">AC-BC</th></tr>
  <tr><td>Ketebalan 4 cm</td><td>Rp 150.000,-</td></tr>
  <tr><td>Ketebalan 5 cm</td><td>Rp 200.000,-</td></tr>

  <tr><th colspan="2">ATB</th></tr>
  <tr><td>Ketebalan 5 cm</td><td>Rp 200.000,-</td></tr>
</table>



<p></p>



<!-- 🔹 Tombol WhatsApp Catinpaint (Hijau & Kuning) -->
<style>
  .wa-buttons {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 15px;
    margin: 30px 0;
  }

  .wa-btn {
    display: flex;
    align-items: center;
    gap: 8px;
    font-weight: 600;
    text-decoration: none;
    padding: 10px 22px;
    border-radius: 50px;
    box-shadow: 0 3px 8px rgba(0,0,0,0.15);
    transition: all 0.3s ease;
  }

  /* Tombol Hijau WhatsApp */
  .wa-green {
    background-color: #25D366;
    color: #fff;
  }

  .wa-green:hover {
    background-color: #1ebe5d;
    transform: scale(1.05);
  }

  /* Tombol Kuning Catinpaint */
  .wa-yellow {
    background-color: #f1c40f;
    color: #000;
  }

  .wa-yellow:hover {
    background-color: #000;
    color: #fff;
    transform: scale(1.05);
  }

  .wa-btn i {
    font-size: 18px;
  }
</style>

<div class="wa-buttons">
  <a href="https://wa.me/6281910263554" target="_blank" class="wa-btn wa-green">
    <i></i> WhatsApp 
  </a>

  <a href="https://wa.me/62811142024" target="_blank" class="wa-btn wa-yellow">
    <i></i> Telepon
  </a>
</div>



<p></p>



<h2 class="wp-block-heading has-text-align-center">Kelebihan Membeli Aspal Catinpaint</h2>



<p>Sebagai penyedia jasa pengaspalan yang berkomitmen pada kualitas, catinpaint selalu menghadirkan layanan yang mengutamakan ketepatan, ketahanan, dan profesionalitas. Setiap proyek kami tangani dengan standar kerja yang jelas, mulai dari pemilihan material, perencanaan teknis, hingga proses eksekusi di lapangan.</p>



<h3 class="wp-block-heading">Menggunakan Material Teruji</h3>



<p>Semua material yang kami gunakan telah memenuhi standar Bina Marga dan melewati rangkaian pengujian teknis seperti analisis gradasi agregat, uji <strong>Stabilitas Marshall</strong>, serta pemeriksaan kadar aspal. Dengan kontrol kualitas yang ketat tersebut, kami memastikan setiap proyek memiliki hasil yang kuat, stabil, dan konsisten dalam jangka panjang.</p>



<h3 class="wp-block-heading">Tenaga Ahli Berpengalaman</h3>



<p>Tim kami terdiri dari teknisi, operator, dan pengawas lapangan yang berpengalaman dalam proses konstruksi perkerasan. Mereka memahami metode kerja sesuai SOP, mulai dari pemilihan material, teknik hampar, hingga proses pemadatan, sehingga kualitas pekerjaan dapat dipertanggungjawabkan secara profesional.</p>



<h3 class="wp-block-heading">Harga Transparan dan Kompetitif</h3>



<p>Kami selalu memberikan rincian biaya yang jelas dan terstruktur, tanpa biaya tambahan yang tidak dijelaskan. Dengan begitu, Anda dapat melakukan perencanaan anggaran secara akurat dan mendapatkan harga terbaik sesuai kebutuhan proyek.</p>



<h3 class="wp-block-heading">Proses Pengerjaan Cepat dan Tepat</h3>



<p>Dengan dukungan peralatan modern seperti finisher, tandem roller, dan baby roller, kami dapat mempercepat proses penghamparan sekaligus menjaga ketepatan kepadatan lapisan. Hasilnya, pekerjaan selesai lebih cepat tanpa mengorbankan kualitas konstruksi.</p>



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



<p>Kami memberikan jaminan kualitas terhadap hasil pekerjaan yang kami kerjakan. Garansi ini memastikan anda mendapatkan nilai investasi terbaik dan ketenangan karena setiap lapisan aspal telah diproses sesuai standar teknis dan prosedur keselamatan.</p>



<figure class="wp-block-gallery has-nested-images columns-default is-cropped wp-block-gallery-3 is-layout-flex wp-block-gallery-is-layout-flex">
<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="500" height="473" data-id="2086" src="https://www.catinpaint.co.id/wp-content/uploads/2025/11/harga-asap-cirebon-murag-berkualitas.png" alt="" class="wp-image-2086" srcset="https://www.catinpaint.co.id/wp-content/uploads/2025/11/harga-asap-cirebon-murag-berkualitas.png 500w, https://www.catinpaint.co.id/wp-content/uploads/2025/11/harga-asap-cirebon-murag-berkualitas-300x284.png 300w" sizes="auto, (max-width: 500px) 100vw, 500px" /></figure>



<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="500" height="452" data-id="2091" src="https://www.catinpaint.co.id/wp-content/uploads/2025/11/harga-aspal-cirebon-2026.png" alt="" class="wp-image-2091" srcset="https://www.catinpaint.co.id/wp-content/uploads/2025/11/harga-aspal-cirebon-2026.png 500w, https://www.catinpaint.co.id/wp-content/uploads/2025/11/harga-aspal-cirebon-2026-300x271.png 300w" sizes="auto, (max-width: 500px) 100vw, 500px" /></figure>



<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="500" height="468" data-id="2088" src="https://www.catinpaint.co.id/wp-content/uploads/2025/11/harga-aspal-cirebon-free-survey.png" alt="" class="wp-image-2088" srcset="https://www.catinpaint.co.id/wp-content/uploads/2025/11/harga-aspal-cirebon-free-survey.png 500w, https://www.catinpaint.co.id/wp-content/uploads/2025/11/harga-aspal-cirebon-free-survey-300x281.png 300w" sizes="auto, (max-width: 500px) 100vw, 500px" /></figure>



<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="500" height="447" data-id="2089" src="https://www.catinpaint.co.id/wp-content/uploads/2025/11/harga-aspal-cirebon-murah.png" alt="" class="wp-image-2089" srcset="https://www.catinpaint.co.id/wp-content/uploads/2025/11/harga-aspal-cirebon-murah.png 500w, https://www.catinpaint.co.id/wp-content/uploads/2025/11/harga-aspal-cirebon-murah-300x268.png 300w" sizes="auto, (max-width: 500px) 100vw, 500px" /></figure>



<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="500" height="447" data-id="2090" src="https://www.catinpaint.co.id/wp-content/uploads/2025/11/harga-aspal-cirebon-perbaikan-jalan.png" alt="" class="wp-image-2090" srcset="https://www.catinpaint.co.id/wp-content/uploads/2025/11/harga-aspal-cirebon-perbaikan-jalan.png 500w, https://www.catinpaint.co.id/wp-content/uploads/2025/11/harga-aspal-cirebon-perbaikan-jalan-300x268.png 300w" sizes="auto, (max-width: 500px) 100vw, 500px" /></figure>



<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="500" height="444" data-id="2087" src="https://www.catinpaint.co.id/wp-content/uploads/2025/11/harga-aspal-jalan-terbaik.png" alt="" class="wp-image-2087" srcset="https://www.catinpaint.co.id/wp-content/uploads/2025/11/harga-aspal-jalan-terbaik.png 500w, https://www.catinpaint.co.id/wp-content/uploads/2025/11/harga-aspal-jalan-terbaik-300x266.png 300w" sizes="auto, (max-width: 500px) 100vw, 500px" /></figure>
</figure>



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



<style>
/* *************************************************************
 * CSS INTERNAL UNTUK 6 TESTIMONI ASPAL CIREBON (VERSI KECIL & CENTER)
 * ************************************************************* */
.testimonials-grid-container {
    padding: 20px 0;
    /* Menengahkan seluruh container di halaman */
    display: flex; 
    flex-direction: column;
    align-items: center;
}

.testimonials-grid {
    /* Batasan lebar maksimum keseluruhan grid diperkecil */
    max-width: 800px; 
    width: 100%;
    display: grid;
    /* Tetap 3 kolom di desktop */
    grid-template-columns: repeat(3, 1fr); 
    gap: 15px; /* Jarak antar kotak testimoni sedikit diperkecil */
}

.testimoni-card {
    background-color: #FFF3CD; /* Latar Belakang Kuning Pucat */
    border: 2px solid #FFC107; /* Border sedikit diperkecil */
    padding: 12px; /* Padding dikurangi */
    border-radius: 6px; /* Sudut sedikit dirampingkan */
    box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1);
    display: flex; 
    flex-direction: column;
    height: 100%; 
}

.testimoni-header-text {
    font-size: 1em; /* Ukuran font header diperkecil */
    font-weight: bold;
    color: #333;
    margin-bottom: 8px;
    text-align: center;
}

.testimoni-quote-icon {
    color: #FFC107; 
    font-size: 1.3em; /* Ukuran ikon diperkecil */
    margin-right: 4px;
    display: inline-block;
}

.testimoni-quote {
    font-style: italic;
    font-size: 0.85em; /* Ukuran font kutipan diperkecil */
    line-height: 1.4;
    color: #555;
    flex-grow: 1; 
    text-align: justify;
}

.testimoni-source {
    margin-top: 12px;
    padding-top: 8px;
    border-top: 1px solid #FFC107; 
    text-align: right;
    font-weight: bold;
    color: #000;
    font-size: 0.8em; /* Ukuran font sumber diperkecil */
}

/* Media Query untuk Tampilan Responsif (Mobile) */
@media (max-width: 768px) {
    .testimonials-grid {
        /* Di layar kecil (ponsel), tetap 1 kolom */
        grid-template-columns: 1fr; 
        gap: 10px; /* Jarak antar kotak di ponsel */
    }
}
</style>

<div class="testimonials-grid-container">
    <h2 style="text-align: center; color: #333; margin-bottom: 25px; font-size: 1.5em;">
        <span style="color: #FFC107; font-size: 1.2em;"></span>
        
        <span style="color: #FFC107; font-size: 1.2em;"></span>
    </h2>

    <div class="testimonials-grid">
        
        <div class="testimoni-card">
            <p class="testimoni-header-text"><span class="testimoni-quote-icon">❝</span> Harga Paling Kompetitif</p>
            <p class="testimoni-quote">
                &#8220;Harga aspal hotmix di Cirebon sangat masuk akal dan termurah dari beberapa vendor yang saya hubungi. Kualitas materialnya juga tidak diragukan. Sangat puas dengan hasil pengaspalan jalan gudang kami.&#8221;
            </p>
            <p class="testimoni-source">
                — Bpk. Rahmat Hidayat (PT. Jaya Abadi)
            </p>
        </div>

        <div class="testimoni-card">
            <p class="testimoni-header-text"><span class="testimoni-quote-icon">❝</span> Pekerjaan Rapi &#038; Cepat</p>
            <p class="testimoni-quote">
                &#8220;Harga aspal Cirebon di sini sangat bersahabat dan kualitasnya tidak perlu diragukan. Jalan rumah saya sekarang mulus sekali.&#8221;
            </p>
            <p class="testimoni-source">
                — Ibu Siska Dewi (Ketua RW 05)
            </p>
        </div>

        <div class="testimoni-card">
            <p class="testimoni-header-text"><span class="testimoni-quote-icon">❝</span> Kualitas Hotmix Premium</p>
            <p class="testimoni-quote">
                &#8220;Kami puas dengan ketebalan hotmix dan finishing-nya. Harga aspal Cirebon sangat kompetitif untuk proyek besar.&#8221;
            </p>
            <p class="testimoni-source">
                — Ir. Henry Jaya (Manajer Proyek)
            </p>
        </div>
        
        <div class="testimoni-card">
            <p class="testimoni-header-text"><span class="testimoni-quote-icon">❝</span> Komunikasi Sangat Baik</p>
            <p class="testimoni-quote">
                &#8220;Sejak awal survei lokasi hingga pekerjaan selesai, komunikasi berjalan lancar. Semua pertanyaan kami dijawab dengan jelas dan transparan mengenai biaya dan material yang digunakan. Jempol lima!&#8221;
            </p>
            <p class="testimoni-source">
                — Ahmad Faisal (Warga Cirebon Kota)
            </p>
        </div>
        
        <div class="testimoni-card">
            <p class="testimoni-header-text"><span class="testimoni-quote-icon">❝</span> Respon Cepat &#038; Tanggap</p>
            <p class="testimoni-quote">
                &#8220;Parkiran truk kini jauh lebih kuat dan stabil. Harga aspal Cirebon sangat layak untuk kualitas premium seperti ini.&#8221;
            </p>
            <p class="testimoni-source">
                — PT. Logistik Makmur Sejahtera
            </p>
        </div>
        
        <div class="testimoni-card">
            <p class="testimoni-header-text"><span class="testimoni-quote-icon">❝</span> Pelayanan Terbaik di Cirebon</p>
            <p class="testimoni-quote">
                &#8220;Pengerjaan cepat, tidak ribet, dan hasilnya presisi. Harga benar-benar kompetitif.&#8221;
            </p>
            <p class="testimoni-source">
                — CV. Bangun Tirta (Kontraktor)
            </p>
        </div>

    </div>
</div>



<p></p>



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



<p>Memesan aspal kini semakin mudah dan cepat. Kami menyediakan proses pemesanan yang sederhana, jelas, dan dapat disesuaikan dengan kebutuhan proyek anda, baik untuk perbaikan jalan, halaman, area parkir, maupun konstruksi skala besar. Dengan layanan yang responsif dan tim profesional, anda bisa mendapatkan informasi harga, jenis aspal, hingga jadwal pengerjaan hanya dalam beberapa langkah mudah.</p>



<div class="order-aspal-section" style="padding:20px;text-align:center;display:flex;justify-content:center;">
    <div style="max-width:650px;width:100%;">

        <h2 style="margin-bottom:20px;"></h2>

        <table style="width:100%;border-collapse:collapse;font-size:15px;margin:auto;text-align:center;">
            <tbody>
                <tr style="background:#ffe877;">
                    <td style="padding:12px;border:1px solid #d4b93b;">
                        <h3 style="margin:0 0 6px 0;font-size:18px;">Hubungi Tim Kami</h3>
                        <p style="margin:0;">Kontak kami melalui WhatsApp atau telepon untuk konsultasi kebutuhan pengaspalan.</p>
                    </td>
                </tr>

                <tr style="background:#fff2a8;">
                    <td style="padding:12px;border:1px solid #d4b93b;">
                        <h3 style="margin:0 0 6px 0;font-size:18px;">Sampaikan Detail Lokasi &#038; Volume</h3>
                        <p style="margin:0;">Berikan detail lokasi, luas area, dan jenis aspal untuk estimasi biaya.</p>
                    </td>
                </tr>

                <tr style="background:#ffe877;">
                    <td style="padding:12px;border:1px solid #d4b93b;">
                        <h3 style="margin:0 0 6px 0;font-size:18px;">Survey Lokasi (Opsional)</h3>
                        <p style="margin:0;">Survey dilakukan untuk memastikan kondisi lapangan dan kebutuhan teknis.</p>
                    </td>
                </tr>

                <tr style="background:#fff2a8;">
                    <td style="padding:12px;border:1px solid #d4b93b;">
                        <h3 style="margin:0 0 6px 0;font-size:18px;">Terima Penawaran Harga</h3>
                        <p style="margin:0;">Penawaran resmi berisi harga per meter, material, dan estimasi durasi.</p>
                    </td>
                </tr>

                <tr style="background:#ffe877;">
                    <td style="padding:12px;border:1px solid #d4b93b;">
                        <h3 style="margin:0 0 6px 0;font-size:18px;">Lakukan Kesepakatan</h3>
                        <p style="margin:0;">Jika disetujui, kami mulai menyiapkan jadwal pengerjaan.</p>
                    </td>
                </tr>

                <tr style="background:#fff2a8;">
                    <td style="padding:12px;border:1px solid #d4b93b;">
                        <h3 style="margin:0 0 6px 0;font-size:18px;">Proses Pengerjaan Aspal</h3>
                        <p style="margin:0;">Tim kami bekerja sesuai standar konstruksi hingga selesai.</p>
                    </td>
                </tr>
            </tbody>
        </table>

    </div>
</div>



<p></p>



<!-- 🔹 Tombol WhatsApp Catinpaint (Hijau & Kuning) -->
<style>
  .wa-buttons {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 15px;
    margin: 30px 0;
  }

  .wa-btn {
    display: flex;
    align-items: center;
    gap: 8px;
    font-weight: 600;
    text-decoration: none;
    padding: 10px 22px;
    border-radius: 50px;
    box-shadow: 0 3px 8px rgba(0,0,0,0.15);
    transition: all 0.3s ease;
  }

  /* Tombol Hijau WhatsApp */
  .wa-green {
    background-color: #25D366;
    color: #fff;
  }

  .wa-green:hover {
    background-color: #1ebe5d;
    transform: scale(1.05);
  }

  /* Tombol Kuning Catinpaint */
  .wa-yellow {
    background-color: #f1c40f;
    color: #000;
  }

  .wa-yellow:hover {
    background-color: #000;
    color: #fff;
    transform: scale(1.05);
  }

  .wa-btn i {
    font-size: 18px;
  }
</style>

<div class="wa-buttons">
  <a href="https://wa.me/6281910263554" target="_blank" class="wa-btn wa-green">
    <i></i> WhatsApp 
  </a>

  <a href="https://wa.me/62811142024" target="_blank" class="wa-btn wa-yellow">
    <i></i> Telepon
  </a>
</div>



<h2 class="wp-block-heading has-text-align-center">Pertanyaan Umum Seputar Harga Aspal Cirebon </h2>



<div class="schema-faq wp-block-yoast-faq-block"><div class="schema-faq-section" id="faq-question-1763180978040"><strong class="schema-faq-question">Berapa harga aspal hotmix per meter di Cirebon?</strong> <p class="schema-faq-answer">Harga aspal hotmix di Cirebon umumnya berada di kisaran Rp 60.000–Rp 95.000 per m², tergantung jenis lapisan dan ketebalan.</p> </div> <div class="schema-faq-section" id="faq-question-1763181040665"><strong class="schema-faq-question">Apakah harga berbeda untuk area kota dan kabupaten Cirebon?</strong> <p class="schema-faq-answer">Ya. Perbedaan jarak pengiriman dan akses lokasi menyebabkan harga bisa sedikit berbeda antara Kota Cirebon dan Kabupaten Cirebon.</p> </div> <div class="schema-faq-section" id="faq-question-1763181054029"><strong class="schema-faq-question">Apa saja faktor yang memengaruhi harga aspal di Cirebon?</strong> <p class="schema-faq-answer">Faktor utama meliputi: luas area, ketebalan hotmix, jenis material (AC-WC, AC-BC, AC-Base), jarak mobilisasi alat, serta kondisi dasar jalan.</p> </div> <div class="schema-faq-section" id="faq-question-1763181065279"><strong class="schema-faq-question">Berapa minimal pemesanan aspal hotmix untuk wilayah Cirebon?</strong> <p class="schema-faq-answer">Minimal pemesanan biasanya sekitar 5–10 ton, tergantung supplier.</p> </div> <div class="schema-faq-section" id="faq-question-1763181078560"><strong class="schema-faq-question">Apakah biaya transportasi sudah termasuk dalam harga?</strong> <p class="schema-faq-answer">Sebagian besar supplier memasukkan biaya transport dalam penawaran, namun untuk lokasi jauh mungkin dikenakan tambahan.</p> </div> </div>
<p>The post <a href="https://www.catinpaint.co.id/harga-aspal-cirebon/">Harga Aspal Cirebon Perbaikan Jalan- Hotmix, Laston 60.000/m2</a> appeared first on <a href="https://www.catinpaint.co.id">Cat Marka Jalan Catin</a>.</p>
]]></content:encoded>
					
					<wfw:commentRss>https://www.catinpaint.co.id/harga-aspal-cirebon/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>Harga Aspal Pandeglang: Hotmix 60.000/m2 Update Terbaru</title>
		<link>https://www.catinpaint.co.id/harga-aspal-pandeglang/</link>
					<comments>https://www.catinpaint.co.id/harga-aspal-pandeglang/#respond</comments>
		
		<dc:creator><![CDATA[Catin Paint]]></dc:creator>
		<pubDate>Fri, 14 Nov 2025 08:20:19 +0000</pubDate>
				<category><![CDATA[harga aspal]]></category>
		<guid isPermaLink="false">https://www.catinpaint.co.id/?p=2069</guid>

					<description><![CDATA[<p>Mencari harga aspal Pandeglang hotmix 60.000/m2 update terbaru dengan kualitas yang tinggi? Saat ini, catinpaint menyediakan penawaran harga aspal hotmix , lengkap dengan material terbaik dan pengerjaan profesional. Cocok untuk pengaspalan rumah, perumahan, ruko, hingga proyek skala besar di wilayah Pandeglang. Dengan standar kerja yang rapi, kuat, dan tahan lama, anda bisa mendapatkan hasil terbaik [&#8230;]</p>
<p>The post <a href="https://www.catinpaint.co.id/harga-aspal-pandeglang/">Harga Aspal Pandeglang: Hotmix 60.000/m2 Update Terbaru</a> appeared first on <a href="https://www.catinpaint.co.id">Cat Marka Jalan Catin</a>.</p>
]]></description>
										<content:encoded><![CDATA[
<p>Mencari harga aspal Pandeglang hotmix 60.000/m2 update terbaru dengan kualitas yang tinggi? Saat ini, <a href="https://www.catinpaint.co.id/">catinpaint</a> menyediakan penawaran harga aspal hotmix , lengkap dengan material terbaik dan pengerjaan profesional. Cocok untuk pengaspalan rumah, perumahan, ruko, hingga proyek skala besar di wilayah Pandeglang. Dengan standar kerja yang rapi, kuat, dan tahan lama, anda bisa mendapatkan hasil terbaik tanpa harus mengeluarkan biaya berlebihan. Dapatkan update <a href="https://www.catinpaint.co.id/harga-aspal/">harga aspal</a> terbaru dan penawaran khusus sesuai kebutuhan proyek anda.</p>



<h2 class="wp-block-heading has-text-align-center">Kami Hadirkan Aspal Berkualitas untuk Anda</h2>



<p>Sebagai penyedia layanan pengaspalan, kami berkomitmen memberikan material terbaik sesuai Standar Nasional Indonesia (SNI) dan spesifikasi teknis Bina Marga. Setiap produk aspal yang kami gunakan melalui proses produksi terkontrol, mulai dari komposisi agregat, kadar aspal (bitumen content), hingga suhu pemadatan di lapangan. Pendekatan ilmiah inilah yang membuat hasil pekerjaan kami mampu bertahan lama, minim retak, dan memiliki daya ikat yang optimal.</p>



<figure class="wp-block-image aligncenter size-full"><img loading="lazy" decoding="async" width="500" height="472" src="https://www.catinpaint.co.id/wp-content/uploads/2025/11/harga-aspal-pandeglang-60.000m2.png" alt="Harga Aspal Pandeglang: Hotmix 60.000/m2 Update Terbaru" class="wp-image-2070" srcset="https://www.catinpaint.co.id/wp-content/uploads/2025/11/harga-aspal-pandeglang-60.000m2.png 500w, https://www.catinpaint.co.id/wp-content/uploads/2025/11/harga-aspal-pandeglang-60.000m2-300x283.png 300w" sizes="auto, (max-width: 500px) 100vw, 500px" /></figure>



<p></p>



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



<p>Di Catinpaint, kami berkomitmen menyediakan berbagai pilihan material aspal yang telah teruji kualitasnya dan sesuai standar konstruksi nasional. Setiap jenis aspal memiliki karakteristik teknis berbeda yang dirancang untuk memenuhi kebutuhan struktur jalan, intensitas beban kendaraan, serta kondisi lingkungan di lapangan.</p>



<h3 class="wp-block-heading">Aspal AC-WC (Wearing Course)</h3>



<p>Lapisan permukaan dengan tekstur sangat halus, tingkat kekesatan optimal, serta ketahanan tinggi terhadap gesekan dan beban dinamis. Jenis ini merupakan lapisan paling atas yang bersentuhan langsung dengan kendaraan, sehingga sangat cocok digunakan pada jalan raya, lingkungan perumahan, hingga kawasan industri.</p>



<h3 class="wp-block-heading">Aspal AC-BC (Binder Course)</h3>



<p>Lapisan tengah yang berfungsi sebagai pengikat antara lapisan permukaan dan lapisan dasar. AC-BC memiliki struktur lebih tebal dan kuat, sehingga membantu mendistribusikan beban kendaraan ke lapisan bawah secara merata. Lapisan ini penting untuk memastikan jalan tidak mudah bergelombang atau mengalami deformasi.</p>



<h3 class="wp-block-heading">Aspal AC-Base</h3>



<p>Merupakan lapisan dasar struktural yang menggunakan agregat kasar dan kadar aspal yang proporsional untuk memberikan kekuatan maksimum terhadap seluruh konstruksi jalan. AC-Base menjadi fondasi utama agar perkerasan jalan lebih stabil dan mampu menahan beban berat dalam jangka panjang.</p>



<h3 class="wp-block-heading">Cold Mix (Aspal Dingin)</h3>



<p>Jenis aspal siap pakai yang tidak memerlukan pemanasan sebelum diaplikasikan. Cold Mix sangat ideal untuk perbaikan cepat seperti tambal sulam, penutupan lubang, dan area yang membutuhkan respons instan. Material ini praktis, fleksibel, dan bisa digunakan meskipun kondisi lapangan tidak memungkinkan untuk produksi hotmix.</p>



<h3 class="wp-block-heading">Sand Sheet (Latasir / Lapisan Tipis Aspal Pasir)</h3>



<p>Lapisan tipis berbahan campuran aspal dan pasir halus yang digunakan untuk penyempurnaan permukaan jalan. Cocok untuk area dengan beban ringan seperti halaman, akses perumahan, dan trotoar. Sand Sheet memberikan hasil akhir yang rapi, halus, dan membantu mencegah permukaan menjadi licin.</p>



<h2 class="wp-block-heading has-text-align-center">Informasi Harga Aspal Pandeglang</h2>



<p>Menentukan harga aspal yang tepat untuk proyek di wilayah Pandeglang memerlukan pemahaman yang jelas mengenai jenis material, ketebalan lapisan, serta standar kualitas yang digunakan. Di catinpaint, kami menyajikan informasi harga aspal Pandeglang secara lengkap, akurat, dan terbaru agar anda dapat merencanakan pembangunan atau perbaikan jalan dengan lebih efisien.</p>



<!-- 🌕 TABEL CUSTOM DAFTAR HARGA MATERIAL ASPAL (TEMA KUNING RAMPING) -->
<style>
  .asphalt-table-wrap {
    --accent: #FFD54A;      /* warna kuning utama */
    --accent-dark: #F0B800; /* warna kuning gelap */
    --text: #222;
    --border: rgba(0,0,0,0.1);
    font-family: "Segoe UI", Roboto, Arial, sans-serif;
    margin: 1.5rem 0;
  }

  .asphalt-table {
    width: 100%;
    max-width: 700px; /* tabel ramping */
    margin: 0 auto;
    border-collapse: collapse;
    background: #fffef7;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0 3px 10px rgba(0,0,0,0.05);
    font-size: 0.9rem;
  }

  .asphalt-table caption {
    background: linear-gradient(90deg, var(--accent), var(--accent-dark));
    color: #111;
    font-weight: 700;
    text-align: center;
    padding: 12px 14px;
    font-size: 1rem;
    letter-spacing: 0.3px;
  }

  .asphalt-table thead th {
    background: rgba(0,0,0,0.05);
    color: var(--text);
    font-weight: 600;
    padding: 8px 10px;
    border-bottom: 2px solid var(--border);
    text-align: left;
  }

  .asphalt-table tbody td {
    padding: 8px 10px;
    border-bottom: 1px solid var(--border);
    color: var(--text);
  }

  .asphalt-table tbody tr:nth-child(even) {
    background: rgba(255, 213, 74, 0.05);
  }

  .asphalt-table tbody tr:hover {
    background: rgba(255, 213, 74, 0.15);
    transition: 0.2s ease;
  }

  .unit {
    text-align: center;
    color: #444;
    font-weight: 600;
  }

  .price {
    text-align: right;
    font-weight: 700;
    color: #000;
    white-space: nowrap;
  }

  /* 📱 Responsif Mobile */
  @media (max-width: 640px) {
    .asphalt-table thead { display: none; }
    .asphalt-table, .asphalt-table tbody, .asphalt-table tr, .asphalt-table td {
      display: block;
      width: 100%;
    }
    .asphalt-table tr {
      margin-bottom: 12px;
      background: #fff;
      border-radius: 8px;
      box-shadow: 0 2px 6px rgba(0,0,0,0.03);
    }
    .asphalt-table td {
      padding: 8px 12px;
      border: none;
      position: relative;
    }
    .asphalt-table td::before {
      content: attr(data-label);
      display: block;
      font-size: 0.8rem;
      color: rgba(0,0,0,0.6);
      margin-bottom: 4px;
      font-weight: 600;
    }
    .price, .unit { text-align: left; }
  }
</style>

<div class="asphalt-table-wrap">
  <table class="asphalt-table" role="table" aria-label="Daftar Harga Aspal">
    <caption>Daftar Harga Aspal (Spesifikasi Teknis)</caption>
    <thead>
      <tr>
        <th scope="col">Jenis Aspal (Spesifikasi Teknis)</th>
        <th scope="col">Satuan</th>
        <th scope="col">Harga Material (Rp)</th>
      </tr>
    </thead>
    <tbody>
      <tr>
        <td data-label="Jenis Aspal"><strong>ATB</strong> (Asphalt Treated Base)</td>
        <td class="unit" data-label="Satuan">/ ton</td>
        <td class="price" data-label="Harga Material">1.150.000,-</td>
      </tr>
      <tr>
        <td data-label="Jenis Aspal"><strong>AC-BC</strong> (Binder Course)</td>
        <td class="unit">/ ton</td>
        <td class="price">1.180.000,-</td>
      </tr>
      <tr>
        <td data-label="Jenis Aspal"><strong>AC-WC</strong> (Wearing Course)</td>
        <td class="unit">/ ton</td>
        <td class="price">1.235.000,-</td>
      </tr>
      <tr>
        <td>AC-WC IV A</td>
        <td class="unit">/ ton</td>
        <td class="price">1.265.000,-</td>
      </tr>
      <tr>
        <td>3 Laston</td>
        <td class="unit">/ ton</td>
        <td class="price">1.270.000,-</td>
      </tr>
      <tr>
        <td>3 Laston Spesial</td>
        <td class="unit">/ ton</td>
        <td class="price">1.400.000,-</td>
      </tr>
      <tr>
        <td><strong>HRS</strong> (Hot Rolled Sheet)</td>
        <td class="unit">/ ton</td>
        <td class="price">1.320.000,-</td>
      </tr>
      <tr>
        <td>Sand Sheet</td>
        <td class="unit">/ ton</td>
        <td class="price">1.480.000,-</td>
      </tr>
      <tr>
        <td>Sand Sheet Spesial</td>
        <td class="unit">/ ton</td>
        <td class="price">1.570.000,-</td>
      </tr>
      <tr>
        <td><strong>Aspal Emulsi</strong> (Tack Coat)</td>
        <td class="unit">/ Liter</td>
        <td class="price">15.000,-</td>
      </tr>
      <tr>
        <td><strong>Aspal Emulsi</strong> (Tack Coat)</td>
        <td class="unit">/ Drum</td>
        <td class="price">2.605.000,-</td>
      </tr>
    </tbody>
  </table>
</div>
<!-- 🌕 END TABEL CUSTOM ASPAL -->



<p></p>



<style>
.table-aspal {
  width: 80%;
  max-width: 700px;
  margin: 30px auto;
  border-collapse: collapse;
  font-family: 'Segoe UI', Arial, sans-serif;
  background-color: #fffdf5;
  border: 1px solid #f2d56b;
  border-radius: 10px;
  overflow: hidden;
  box-shadow: 0 2px 8px rgba(0,0,0,0.05);
}

.table-aspal caption {
  font-size: 20px;
  font-weight: 600;
  color: #222;
  text-align: center;
  background-color: #f7c948;
  padding: 14px;
  border-bottom: 2px solid #f0b400;
}

.table-aspal th {
  background-color: #fff6cc;
  color: #333;
  text-align: center;
  font-size: 16px;
  font-weight: 600;
  padding: 10px;
  border-bottom: 1px solid #f0e0a0;
}

.table-aspal td {
  padding: 10px;
  font-size: 15px;
  color: #444;
  text-align: center;
  border-bottom: 1px solid #f7eeb0;
}

.table-aspal tr:last-child td {
  border-bottom: none;
}

.table-aspal tr:hover td {
  background-color: #fffbe2;
  transition: 0.2s ease;
}

@media screen and (max-width: 768px) {
  .table-aspal {
    width: 95%;
    font-size: 14px;
  }
}
</style>

<table class="table-aspal">
  <caption>Daftar Harga Aspal Hotmix per m²</caption>

  <tr><th colspan="2">III Laston</th></tr>
  <tr><td>Ketebalan 2 cm</td><td>Rp 95.000,-</td></tr>
  <tr><td>Ketebalan 3 cm</td><td>Rp 125.000,-</td></tr>

  <tr><th colspan="2">III Laston Spesial</th></tr>
  <tr><td>Ketebalan 1 cm</td><td>Rp 67.000,-</td></tr>
  <tr><td>Ketebalan 2 cm</td><td>Rp 95.000,-</td></tr>
  <tr><td>Ketebalan 3 cm</td><td>Rp 125.000,-</td></tr>

  <tr><th colspan="2">Sandsheet</th></tr>
  <tr><td>Ketebalan 1 cm</td><td>Rp 67.000,-</td></tr>
  <tr><td>Ketebalan 2 cm</td><td>Rp 95.000,-</td></tr>

  <tr><th colspan="2">HRS</th></tr>
  <tr><td>Ketebalan 2 cm</td><td>Rp 95.000,-</td></tr>
  <tr><td>Ketebalan 3 cm</td><td>Rp 125.000,-</td></tr>
  <tr><td>Ketebalan 4 cm</td><td>Rp 150.000,-</td></tr>

  <tr><th colspan="2">AC-WC</th></tr>
  <tr><td>Ketebalan 3 cm</td><td>Rp 125.000,-</td></tr>
  <tr><td>Ketebalan 4 cm</td><td>Rp 150.000,-</td></tr>
  <tr><td>Ketebalan 5 cm</td><td>Rp 200.000,-</td></tr>

  <tr><th colspan="2">AC-BC</th></tr>
  <tr><td>Ketebalan 4 cm</td><td>Rp 150.000,-</td></tr>
  <tr><td>Ketebalan 5 cm</td><td>Rp 200.000,-</td></tr>

  <tr><th colspan="2">ATB</th></tr>
  <tr><td>Ketebalan 5 cm</td><td>Rp 200.000,-</td></tr>
</table>



<p></p>



<!-- 🔹 Tombol WhatsApp Catinpaint (Hijau & Kuning) -->
<style>
  .wa-buttons {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 15px;
    margin: 30px 0;
  }

  .wa-btn {
    display: flex;
    align-items: center;
    gap: 8px;
    font-weight: 600;
    text-decoration: none;
    padding: 10px 22px;
    border-radius: 50px;
    box-shadow: 0 3px 8px rgba(0,0,0,0.15);
    transition: all 0.3s ease;
  }

  /* Tombol Hijau WhatsApp */
  .wa-green {
    background-color: #25D366;
    color: #fff;
  }

  .wa-green:hover {
    background-color: #1ebe5d;
    transform: scale(1.05);
  }

  /* Tombol Kuning Catinpaint */
  .wa-yellow {
    background-color: #f1c40f;
    color: #000;
  }

  .wa-yellow:hover {
    background-color: #000;
    color: #fff;
    transform: scale(1.05);
  }

  .wa-btn i {
    font-size: 18px;
  }
</style>

<div class="wa-buttons">
  <a href="https://wa.me/6281910263554" target="_blank" class="wa-btn wa-green">
    <i></i> WhatsApp 
  </a>

  <a href="https://wa.me/62811142024" target="_blank" class="wa-btn wa-yellow">
    <i></i> Telepon
  </a>
</div>



<h2 class="wp-block-heading has-text-align-center">Kenapa Membeli Aspal di Catinpaint</h2>



<p>Memilih penyedia aspal yang tepat adalah langkah penting untuk memastikan proyek pengaspalan berjalan efisien, tahan lama, dan sesuai standar teknis. Catinpaint hadir sebagai solusi terpercaya bagi anda yang membutuhkan aspal berkualitas dengan pelayanan profesional.</p>



<h3 class="wp-block-heading">1. Menggunakan Material Teruji </h3>



<p>Semua produk yang kami gunakan mengikuti standar teknis nasional dan spesifikasi Bina Marga, sehingga kualitas, daya tahan, dan keamanan konstruksi benar-benar terjamin.</p>



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



<p>Tim lapangan kami terdiri dari tenaga terlatih dengan pengalaman bertahun-tahun dalam aplikasi hotmix, menjaga kontrol suhu, pemadatan, dan leveling secara presisi agar hasil akhir rapi, padat, dan tidak mudah rusak.</p>



<h3 class="wp-block-heading">3. Harga Transparan &amp; Kompetitif</h3>



<p>Setiap penawaran disusun berdasarkan perhitungan teknis yang jelas tanpa biaya tersembunyi, tanpa mark-up berlebihan sehingga Anda mendapatkan hasil terbaik sesuai anggaran.</p>



<h3 class="wp-block-heading">4. Dukungan Konsultasi Teknis</h3>



<p>Kami membantu menganalisis kebutuhan proyek Anda, mulai dari ketebalan lapisan, volume aspal, jenis material, hingga rekomendasi struktur perkerasan berdasarkan beban lalu lintas dan kondisi tanah.</p>



<h3 class="wp-block-heading">5. Garansi Hasil</h3>



<p>Setiap pekerjaan dilindungi dengan garansi terhadap gelombang, retak dini, permukaan tidak rata, dan hasil finishing yang tidak sesuai standar memberikan Anda ketenangan dan kualitas yang dapat dipertanggungjawabkan.</p>



<figure class="wp-block-gallery has-nested-images columns-default is-cropped wp-block-gallery-4 is-layout-flex wp-block-gallery-is-layout-flex">
<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="500" height="486" data-id="2072" src="https://www.catinpaint.co.id/wp-content/uploads/2025/11/harga-aspal-murag-pandeglang.png" alt="harga aspal pandeglang free konsultasi" class="wp-image-2072" srcset="https://www.catinpaint.co.id/wp-content/uploads/2025/11/harga-aspal-murag-pandeglang.png 500w, https://www.catinpaint.co.id/wp-content/uploads/2025/11/harga-aspal-murag-pandeglang-300x292.png 300w" sizes="auto, (max-width: 500px) 100vw, 500px" /></figure>



<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="500" height="469" data-id="2076" src="https://www.catinpaint.co.id/wp-content/uploads/2025/11/harga-aspal-pandeglang-free-konsultasi.png" alt="harga aspal pandeglang free survey" class="wp-image-2076" srcset="https://www.catinpaint.co.id/wp-content/uploads/2025/11/harga-aspal-pandeglang-free-konsultasi.png 500w, https://www.catinpaint.co.id/wp-content/uploads/2025/11/harga-aspal-pandeglang-free-konsultasi-300x281.png 300w" sizes="auto, (max-width: 500px) 100vw, 500px" /></figure>



<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="500" height="472" data-id="2073" src="https://www.catinpaint.co.id/wp-content/uploads/2025/11/harga-aspal-pandeglang-free-suevey.png" alt="harga aspal pandeglang" class="wp-image-2073" srcset="https://www.catinpaint.co.id/wp-content/uploads/2025/11/harga-aspal-pandeglang-free-suevey.png 500w, https://www.catinpaint.co.id/wp-content/uploads/2025/11/harga-aspal-pandeglang-free-suevey-300x283.png 300w" sizes="auto, (max-width: 500px) 100vw, 500px" /></figure>



<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="500" height="473" data-id="2071" src="https://www.catinpaint.co.id/wp-content/uploads/2025/11/harga-aspal-pandeglang-terbaru.png" alt="harga aspal pandeglang perbaikan jalan" class="wp-image-2071" srcset="https://www.catinpaint.co.id/wp-content/uploads/2025/11/harga-aspal-pandeglang-terbaru.png 500w, https://www.catinpaint.co.id/wp-content/uploads/2025/11/harga-aspal-pandeglang-terbaru-300x284.png 300w" sizes="auto, (max-width: 500px) 100vw, 500px" /></figure>



<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="500" height="456" data-id="2075" src="https://www.catinpaint.co.id/wp-content/uploads/2025/11/harga-aspal-pandeglang-terdekat.png" alt="harga aspal pandeglang terbaru" class="wp-image-2075" srcset="https://www.catinpaint.co.id/wp-content/uploads/2025/11/harga-aspal-pandeglang-terdekat.png 500w, https://www.catinpaint.co.id/wp-content/uploads/2025/11/harga-aspal-pandeglang-terdekat-300x274.png 300w" sizes="auto, (max-width: 500px) 100vw, 500px" /></figure>
</figure>



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



<div style="max-width:900px;margin:auto;font-family:Arial, sans-serif;">
    <h2 style="text-align:center;color:#333;margin-bottom:20px;">
        
    </h2>

    <!-- Testimoni Card -->
    <div style="background:#fff8d6;border-left:5px solid #f1c40f;padding:20px;margin-bottom:20px;border-radius:8px;box-shadow:0 2px 6px rgba(0,0,0,0.1);">
        <p style="font-size:16px;color:#555;line-height:1.6;">
            “Harga aspal di Pandeglang dari Catinpaint sangat kompetitif dan kualitasnya memuaskan. Proses pengaspalan cepat dan rapi.”
        </p>
        <strong style="color:#333;">— Bapak Rahmat, Pandeglang Kota</strong>
    </div>

    <div style="background:#fff8d6;border-left:5px solid #f1c40f;padding:20px;margin-bottom:20px;border-radius:8px;box-shadow:0 2px 6px rgba(0,0,0,0.1);">
        <p style="font-size:16px;color:#555;line-height:1.6;">
            “Timnya profesional, harga jelas, dan hasil jalan lingkungan kami jadi jauh lebih halus. Recommended!”
        </p>
        <strong style="color:#333;">— Ibu Lestari, Kecamatan Menes</strong>
    </div>

    <div style="background:#fff8d6;border-left:5px solid #f1c40f;padding:20px;margin-bottom:20px;border-radius:8px;box-shadow:0 2px 6px rgba(0,0,0,0.1);">
        <p style="font-size:16px;color:#555;line-height:1.6;">
            “Pelayanan cepat tanggap. Harga aspal hotmix di Pandeglang sangat masuk akal dan sesuai kualitas.”
        </p>
        <strong style="color:#333;">— Surya, Kecamatan Labuan</strong>
    </div>

    <div style="background:#fff8d6;border-left:5px solid #f1c40f;padding:20px;margin-bottom:20px;border-radius:8px;box-shadow:0 2px rgba(0,0,0,0.1);margin-bottom:20px;">
        <p style="font-size:16px;color:#555;line-height:1.6;">
            “Proyek perbaikan jalan usaha tani berjalan lancar dan hasilnya kokoh. Harga sesuai kualitas premium.”
        </p>
        <strong style="color:#333;">— Deni, Kecamatan Cikeusik</strong>
    </div>

    <div style="background:#fff8d6;border-left:5px solid #f1c40f;padding:20px;margin-bottom:20px;border-radius:8px;box-shadow:0 2px 6px rgba(0,0,0,0.1);">
        <p style="font-size:16px;color:#555;line-height:1.6;">
            “Harga aspal Pandeglang di sini sangat masuk akal. Hasilnya rapi dan tebal, sesuai dengan yang dijanjikan.”
        </p>
        <strong style="color:#333;">— Riko, Pandeglang Barat</strong>
    </div>

    <div style="background:#fff8d6;border-left:5px solid #f1c40f;padding:20px;margin-bottom:20px;border-radius:8px;box-shadow:0 2px 6px rgba(0,0,0,0.1);">
        <p style="font-size:16px;color:#555;line-height:1.6;">
            “Harga Aspal Pandeglang paling bersaing dibandingkan penyedia lain. Kualitasnya sangat bagus.”
        </p>
        <strong style="color:#333;">— Hendra, Kecamatan Jiput</strong>
    </div>
</div>



<p></p>



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



<p>Kami menyediakan proses pemesanan aspal yang cepat dan praktis, sehingga Anda bisa langsung fokus pada pengerjaan proyek tanpa ribet.</p>



<div style="max-width:900px;margin:auto;font-family:Arial, sans-serif;">

    <h2 style="text-align:center;color:#333;margin-bottom:25px;">
      
    </h2>

    <div style="background:#f9f9f9;border-left:5px solid #f1c40f;padding:20px;border-radius:8px;margin-bottom:20px;box-shadow:0 2px 6px rgba(0,0,0,0.1);">
        <h3 style="color:#333;margin-top:0;">1. Hubungi Tim Kami</h3>
        <p style="color:#555;line-height:1.6;">
            Hubungi kami melalui WhatsApp atau telepon untuk konsultasi awal mengenai kebutuhan pengaspalan Anda.
        </p>
    </div>

    <div style="background:#f9f9f9;border-left:5px solid #f1c40f;padding:20px;border-radius:8px;margin-bottom:20px;box-shadow:0 2px 6px rgba(0,0,0,0.1);">
        <h3 style="color:#333;margin-top:0;">2. Kirimkan Lokasi &#038; Detail Proyek</h3>
        <p style="color:#555;line-height:1.6;">
            Berikan alamat lengkap, luas area, foto lokasi, serta kondisi permukaan agar kami bisa menghitung kebutuhan material dengan tepat.
        </p>
    </div>

    <div style="background:#f9f9f9;border-left:5px solid #f1c40f;padding:20px;border-radius:8px;margin-bottom:20px;box-shadow:0 2px 6px rgba(0,0,0,0.1);">
        <h3 style="color:#333;margin-top:0;">3. Survey Lokasi</h3>
        <p style="color:#555;line-height:1.6;">
            Tim teknis kami akan datang melakukan survey untuk memastikan kondisi tanah, kebutuhan alat, dan estimasi ketebalan aspal.
        </p>
    </div>

    <div style="background:#f9f9f9;border-left:5px solid #f1c40f;padding:20px;border-radius:8px;margin-bottom:20px;box-shadow:0 2px 6px rgba(0,0,0,0.1);">
        <h3 style="color:#333;margin-top:0;">4. Terima Penawaran Harga</h3>
        <p style="color:#555;line-height:1.6;">
            Setelah survey, Anda akan menerima penawaran resmi berupa harga per m², total kebutuhan material, dan rencana kerja.
        </p>
    </div>

    <div style="background:#f9f9f9;border-left:5px solid #f1c40f;padding:20px;border-radius:8px;margin-bottom:20px;box-shadow:0 2px 6px rgba(0,0,0,0.1);">
        <h3 style="color:#333;margin-top:0;">5. Jadwalkan Pengerjaan</h3>
        <p style="color:#555;line-height:1.6;">
            Jika penawaran sesuai, Anda dapat menentukan jadwal pekerjaan sesuai kebutuhan proyek.
        </p>
    </div>

    <div style="background:#f9f9f9;border-left:5px solid #f1c40f;padding:20px;border-radius:8px;margin-bottom:20px;box-shadow:0 2px 6px rgba(0,0,0,0.1);">
        <h3 style="color:#333;margin-top:0;">6. Proses Pengerjaan Aspal</h3>
        <p style="color:#555;line-height:1.6;">
            Pengerjaan dilakukan sesuai prosedur: pemadatan, penghamparan aspal hotmix, dan perataan menggunakan alat berat.
        </p>
    </div>

    <div style="background:#f9f9f9;border-left:5px solid #f1c40f;padding:20px;border-radius:8px;margin-bottom:30px;box-shadow:0 2px 6px rgba(0,0,0,0.1);">
        <h3 style="color:#333;margin-top:0;">7. Pengecekan Akhir &#038; Serah Terima</h3>
        <p style="color:#555;line-height:1.6;">
            Setelah selesai, dilakukan pengecekan bersama untuk memastikan kualitas dan ketebalan aspal sesuai standar.
        </p>
    </div>

</div>



<h2 class="wp-block-heading has-text-align-center">Dapatkan Penawaran Harga Aspal Pandeglang Sekarang!</h2>



<p>Pengaspalan yang berkualitas dimulai dari pemilihan material yang tepat dan harga yang jelas sejak awal. Jika anda sedang merencanakan pembangunan atau perbaikan jalan di wilayah Pandeglang, kami siap membantu menyediakan aspal hotmix berkualitas dengan penawaran harga yang transparan, kompetitif, dan sesuai kebutuhan proyek anda</p>



<style>
/* --- STYLING (CSS) --- */
/* Warna Kuning Pastel yang Digunakan:
   - Latar Belakang Hasil: #FFFACD (Lemon Chiffon/Kuning sangat terang)
   - Tombol Utama: #FFDB58 (Kuning Mustard Pastel)
   - Hover & Teks Kontras: #DAA520 (Goldenrod, Emas lembut)
*/
.asphalt-calculator {
    padding: 20px;
    border: 1px solid #ddd; /* Border dibuat lebih soft */
    border-radius: 8px;
    max-width: 500px;
    margin: 20px auto;
    font-family: sans-serif;
    background-color: #ffffff; /* Latar belakang putih */
}

.asphalt-calculator h3 {
    text-align: center;
    color: #333;
    margin-bottom: 20px;
}

.form-group {
    margin-bottom: 15px;
}

.form-group label {
    display: block;
    margin-bottom: 5px;
    font-weight: bold;
    color: #555;
}

.form-group select,
.form-group input[type="number"] {
    width: 100%;
    padding: 10px;
    border: 1px solid #ddd;
    border-radius: 4px;
    box-sizing: border-box; 
}

.form-group input[type="number"] {
    -moz-appearance: textfield;
}

.form-group input[type="number"]::-webkit-outer-spin-button,
.form-group input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* WARNA TOMBOL HITUNG DIUBAH MENJADI KUNING PASTER */
#calculateBtn {
    display: block;
    width: 100%;
    padding: 10px;
    background-color: #FFDB58; /* Kuning Pastel/Mustard */
    color: #333; /* Teks Hitam agar kontras dengan latar kuning */
    border: none;
    border-radius: 4px;
    cursor: pointer;
    font-size: 16px;
    margin-top: 10px;
    font-weight: bold;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1); /* Tambah shadow agar menonjol */
}

#calculateBtn:hover {
    background-color: #DAA520; /* Efek Hover (Warna Emas Lembut) */
    color: white; /* Teks putih saat hover */
}

/* LATAR BELAKANG HASIL DIUBAH MENJADI KUNING PASTEL SANGAT TERANG */
#result {
    margin-top: 20px;
    padding: 15px;
    background-color: #FFFACD; /* Kuning Pastel Sangat Terang */
    border: 1px solid #FFDB58; /* Border Kuning Pastel */
    border-radius: 4px;
    text-align: center;
    font-size: 1.1em;
}

#result span {
    font-weight: bold;
    color: #DAA520; /* Warna teks hasil (Emas Lembut) */
    display: block;
    margin-top: 5px;
}

#whatsappLink {
    display: none; 
    margin-top: 15px;
    text-align: center;
}

/* WARNA TOMBOL WHATSAPP TETAP HIJAU STANDAR UNTUK KONSISTENSI */
#whatsappLink a {
    display: inline-block;
    padding: 10px 20px;
    background-color: #25D366; /* Warna WhatsApp (Standar) */
    color: white;
    text-decoration: none;
    border-radius: 20px;
    font-weight: bold;
}

#whatsappLink a:hover {
    background-color: #128C7E;
}
/* --- END STYLING (CSS) --- */
</style>

<div class="asphalt-calculator">
    <h3>Kalkulator Harga Material Aspal per TON</h3>

    <div class="form-group">
        <label for="asphaltType">Pilih Jenis Aspal per :</label>
        <select id="asphaltType">
            <option value="">&#8212; Pilih Material &#8212;</option>
            <option value="ATB">ATB (Asphalt Treated Base) &#8211; Rp 1.150.000 / ton</option>
            <option value="AC-BC">AC-BC (Binder Course) &#8211; Rp 1.180.000 / ton</option>
            <option value="AC-WC">AC-WC (Wearing Course) &#8211; Rp 1.235.000 / ton</option>
            <option value="AC-WC IV A">AC-WC IV A &#8211; Rp 1.265.000 / ton</option>
            <option value="3 Laston">3 Laston &#8211; Rp 1.270.000 / ton</option>
            <option value="3 Laston Spesial">3 Laston Spesial &#8211; Rp 1.400.000 / ton</option>
            <option value="HRS">HRS (Hot Rolled Sheet) &#8211; Rp 1.320.000 / ton</option>
            <option value="Sand Sheet">Sand Sheet &#8211; Rp 1.480.000 / ton</option>
            <option value="Sand Sheet Spesial">Sand Sheet Spesial &#8211; Rp 1.570.000 / ton</option>
            <option value="Aspal Emulsi (Liter)">Aspal Emulsi (Tack Coat) &#8211; Rp 15.000 / Liter</option>
            <option value="Aspal Emulsi (Drum)">Aspal Emulsi (Tack Coat) &#8211; Rp 2.605.000 / Drum</option>
        </select>
    </div>

    <div class="form-group">
        <label for="quantity">Jumlah (Ton/Liter/Drum):</label>
        <input type="number" id="quantity" placeholder="Masukkan jumlah">
    </div>

    <button id="calculateBtn">Hitung Total Biaya</button>

    <div id="result" style="display: none;">
        Total Biaya Estimasi: <span id="totalCost"></span>
    </div>

    <div id="whatsappLink">
        <a id="waLink" href="#" target="_blank">
            Konsultasikan Harga ke WhatsApp
        </a>
    </div>

</div>

<script>
/* --- LOGIKA PERHITUNGAN (JAVASCRIPT) --- */
document.getElementById('calculateBtn').addEventListener('click', function() {
    const prices = {
        "ATB": 1150000,
        "AC-BC": 1180000,
        "AC-WC": 1235000,
        "AC-WC IV A": 1265000,
        "3 Laston": 1270000,
        "3 Laston Spesial": 1400000,
        "HRS": 1320000,
        "Sand Sheet": 1480000,
        "Sand Sheet Spesial": 1570000,
        "Aspal Emulsi (Liter)": 15000,
        "Aspal Emulsi (Drum)": 2605000
    };

    const asphaltType = document.getElementById('asphaltType').value;
    const quantity = parseFloat(document.getElementById('quantity').value);

    const resultDiv = document.getElementById('result');
    const totalCostSpan = document.getElementById('totalCost');
    const waLinkDiv = document.getElementById('whatsappLink');
    const waLinkAnchor = document.getElementById('waLink');

    // Reset tampilan
    resultDiv.style.display = 'none';
    waLinkDiv.style.display = 'none';

    if (!asphaltType || isNaN(quantity) || quantity <= 0) {
        alert("Mohon lengkapi jenis aspal dan masukkan jumlah yang valid.");
        return;
    }

    const price = prices[asphaltType];
    const totalCost = quantity * price;

    // Format mata uang
    const formattedCost = new Intl.NumberFormat('id-ID', {
        style: 'currency',
        currency: 'IDR',
        minimumFractionDigits: 0
    }).format(totalCost);

    // Tampilkan hasil
    totalCostSpan.textContent = formattedCost;
    resultDiv.style.display = 'block';

    // Buat pesan WhatsApp
    let unit = "TON";
    if (asphaltType.includes('(Liter)')) {
        unit = "Liter";
    } else if (asphaltType.includes('(Drum)')) {
        unit = "Drum";
    }
    
    // Angka WA
    const phoneNumber = "6281910263554"; 
    const message = encodeURIComponent(
        `Halo, saya ingin konsultasi mengenai pemesanan material Aspal.\n\n` +
        `Jenis Material: ${asphaltType}\n` +
        `Jumlah: ${quantity} ${unit}\n` +
        `Estimasi Biaya: ${formattedCost}\n\n` +
        `Mohon informasinya lebih lanjut.`
    );

    const waURL = `https://wa.me/${phoneNumber}?text=${message}`;

    // Tampilkan link WA
    waLinkAnchor.href = waURL;
    waLinkDiv.style.display = 'block';

    // Opsional: Gulir ke hasil
    resultDiv.scrollIntoView({ behavior: 'smooth' });
});

// Menambahkan keterangan unit yang berubah
document.getElementById('asphaltType').addEventListener('change', function() {
    const selectedValue = this.value;
    const quantityInput = document.getElementById('quantity');
    const label = document.querySelector('label[for="quantity"]');
    
    let unitText = "Ton";
    if (selectedValue.includes('(Liter)')) {
        unitText = "Liter";
    } else if (selectedValue.includes('(Drum)')) {
        unitText = "Drum";
    }

    label.textContent = `Jumlah (${unitText}):`;
    quantityInput.placeholder = `Masukkan jumlah dalam ${unitText}`;
});
/* --- END LOGIKA PERHITUNGAN (JAVASCRIPT) --- */
</script>



<style>
/* --- STYLING (CSS) --- */
/* Warna Kuning Pastel yang Digunakan:
   - Latar Belakang Hasil: #FFFACD (Lemon Chiffon/Kuning sangat terang)
   - Tombol Utama: #FFDB58 (Kuning Mustard Pastel)
   - Hover & Teks Kontras: #DAA520 (Goldenrod, Emas lembut)
*/
.asphalt-calculator-m2 {
    padding: 20px;
    border: 1px solid #ddd;
    border-radius: 8px;
    max-width: 500px;
    margin: 20px auto;
    font-family: sans-serif;
    background-color: #ffffff;
}

.asphalt-calculator-m2 h3 {
    text-align: center;
    color: #333;
    margin-bottom: 20px;
}

.form-group-m2 {
    margin-bottom: 15px;
}

.form-group-m2 label {
    display: block;
    margin-bottom: 5px;
    font-weight: bold;
    color: #555;
}

.form-group-m2 select,
.form-group-m2 input[type="number"] {
    width: 100%;
    padding: 10px;
    border: 1px solid #ddd;
    border-radius: 4px;
    box-sizing: border-box;
}

.form-group-m2 input[type="number"] {
    -moz-appearance: textfield;
}

.form-group-m2 input[type="number"]::-webkit-outer-spin-button,
.form-group-m2 input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* WARNA TOMBOL HITUNG DIUBAH MENJADI KUNING PASTER */
#calculateM2Btn {
    display: block;
    width: 100%;
    padding: 10px;
    background-color: #FFDB58; /* Kuning Pastel/Mustard */
    color: #333;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    font-size: 16px;
    margin-top: 10px;
    font-weight: bold;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}

#calculateM2Btn:hover {
    background-color: #DAA520; /* Efek Hover (Warna Emas Lembut) */
    color: white;
}

/* LATAR BELAKANG HASIL DIUBAH MENJADI KUNING PASTEL SANGAT TERANG */
#resultM2 {
    margin-top: 20px;
    padding: 15px;
    background-color: #FFFACD; /* Kuning Pastel Sangat Terang */
    border: 1px solid #FFDB58;
    border-radius: 4px;
    text-align: center;
    font-size: 1.1em;
}

#resultM2 span {
    font-weight: bold;
    color: #DAA520;
    display: block;
    margin-top: 5px;
}

#whatsappLinkM2 {
    display: none;
    margin-top: 15px;
    text-align: center;
}

/* WARNA TOMBOL WHATSAPP TETAP HIJAU STANDAR */
#whatsappLinkM2 a {
    display: inline-block;
    padding: 10px 20px;
    background-color: #25D366; 
    color: white;
    text-decoration: none;
    border-radius: 20px;
    font-weight: bold;
}

#whatsappLinkM2 a:hover {
    background-color: #128C7E;
}
/* --- END STYLING (CSS) --- */
</style>

<div class="asphalt-calculator-m2">
    <h3>Kalkulator Biaya Aspal per m2</h3>

    <div class="form-group-m2">
        <label for="materialThickness">Pilih Jenis & Ketebalan Aspal:</label>
        <select id="materialThickness">
            <option value="">-- Pilih Material & Ketebalan --</option>
            <option value="III Laston|2">III Laston - 2 cm (Rp 95.000 /m2) </option>
            <option value="III Laston|3">III Laston - 3 cm (Rp 125.000 / m2)</option>
            <option value="III Laston Spesial|1">III Laston Spesial - 1 cm (Rp 67.000 / m2)</option>
            <option value="III Laston Spesial|2">III Laston Spesial - 2 cm (Rp 95.000 /m2)</option>
            <option value="III Laston Spesial|3">III Laston Spesial - 3 cm (Rp 125.000 / m2)</option>
            <option value="Sandsheet|1">Sandsheet - 1 cm (Rp 67.000 / m2) </option>
            <option value="Sandsheet|2">Sandsheet - 2 cm (Rp 95.000 / m2)/<option>
            <option value="HRS|2">HRS - 2 cm (Rp 95.000 /m2)</option>
            <option value="HRS|3">HRS - 3 cm (Rp 125.000 / m2)</option>
            <option value="HRS|4">HRS - 4 cm (Rp 150.000 / m2)</option>
            <option value="AC-WC|3">AC-WC - 3 cm (Rp 125.000 /m2)</option>
            <option value="AC-WC|4">AC-WC - 4 cm (Rp 150.000 / m2)</option>
            <option value="AC-WC|5">AC-WC - 5 cm (Rp 200.000 /m2))</option>
            <option value="AC-BC|4">AC-BC - 4 cm (Rp 150.000 /m2)</option>
            <option value="AC-BC|5">AC-BC - 5 cm (Rp 200.000 / m2)</option>
            <option value="ATB|5">ATB - 5 cm (Rp 200.000 / m2)</option>
        </select>
    </div>

    <div class="form-group-m2">
        <label for="area">Luas Area:</label>
        <input type="number" id="area" placeholder="Masukkan total luas area (contoh: 100)">
    </div>

    <button id="calculateM2Btn">Hitung Total Biaya</button>

    <div id="resultM2" style="display: none;">
        Total Biaya Estimasi: <span id="totalCostM2"></span>
    </div>

    <div id="whatsappLinkM2">
        <a id="waLinkM2" href="#" target="_blank">
            Konsultasikan Harga ke WhatsApp
        </a>
    </div>

</div>

<script>
/* --- LOGIKA PERHITUNGAN (JAVASCRIPT) --- */
document.getElementById('calculateM2Btn').addEventListener('click', function() {
    // Data harga disimpan di sini
    const pricesM2 = {
        "III Laston|2": 95000,
        "III Laston|3": 125000,
        "III Laston Spesial|1": 67000,
        "III Laston Spesial|2": 95000,
        "III Laston Spesial|3": 125000,
        "Sandsheet|1": 67000,
        "Sandsheet|2": 95000,
        "HRS|2": 95000,
        "HRS|3": 125000,
        "HRS|4": 150000,
        "AC-WC|3": 125000,
        "AC-WC|4": 150000,
        "AC-WC|5": 200000,
        "AC-BC|4": 150000,
        "AC-BC|5": 200000,
        "ATB|5": 200000
    };

    const materialThickness = document.getElementById('materialThickness').value;
    const area = parseFloat(document.getElementById('area').value);

    const resultDiv = document.getElementById('resultM2');
    const totalCostSpan = document.getElementById('totalCostM2');
    const waLinkDiv = document.getElementById('whatsappLinkM2');
    const waLinkAnchor = document.getElementById('waLinkM2');

    // Reset tampilan
    resultDiv.style.display = 'none';
    waLinkDiv.style.display = 'none';

    if (!materialThickness || isNaN(area) || area <= 0) {
        alert("Mohon pilih jenis aspal dan masukkan luas area yang valid.");
        return;
    }

    const price = pricesM2[materialThickness];
    const totalCost = area * price;

    // Pisahkan jenis material dan ketebalan
    const [materialName, thickness] = materialThickness.split('|');

    // Format mata uang
    const formattedCost = new Intl.NumberFormat('id-ID', {
        style: 'currency',
        currency: 'IDR',
        minimumFractionDigits: 0
    }).format(totalCost);

    // Tampilkan hasil
    totalCostSpan.textContent = formattedCost;
    resultDiv.style.display = 'block';

    // Buat pesan WhatsApp
    const phoneNumber = "6281910263554"; 
    const message = encodeURIComponent(
        `Halo, saya ingin konsultasi mengenai pemesanan Aspal Hotmix per m².\n\n` +
        `Jenis Material: ${materialName}\n` +
        `Ketebalan: ${thickness} cm\n` +
        `Luas Area: ${area} m²\n` +
        `Estimasi Biaya: ${formattedCost}\n\n` +
        `Mohon informasinya lebih lanjut.`
    );

    const waURL = `https://wa.me/${phoneNumber}?text=${message}`;

    // Tampilkan link WA
    waLinkAnchor.href = waURL;
    waLinkDiv.style.display = 'block';

    // Opsional: Gulir ke hasil
    resultDiv.scrollIntoView({ behavior: 'smooth' });
});
/* --- END LOGIKA PERHITUNGAN (JAVASCRIPT) --- */
</script>



<p></p>



<!-- 🔹 Tombol WhatsApp Catinpaint (Hijau & Kuning) -->
<style>
  .wa-buttons {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 15px;
    margin: 30px 0;
  }

  .wa-btn {
    display: flex;
    align-items: center;
    gap: 8px;
    font-weight: 600;
    text-decoration: none;
    padding: 10px 22px;
    border-radius: 50px;
    box-shadow: 0 3px 8px rgba(0,0,0,0.15);
    transition: all 0.3s ease;
  }

  /* Tombol Hijau WhatsApp */
  .wa-green {
    background-color: #25D366;
    color: #fff;
  }

  .wa-green:hover {
    background-color: #1ebe5d;
    transform: scale(1.05);
  }

  /* Tombol Kuning Catinpaint */
  .wa-yellow {
    background-color: #f1c40f;
    color: #000;
  }

  .wa-yellow:hover {
    background-color: #000;
    color: #fff;
    transform: scale(1.05);
  }

  .wa-btn i {
    font-size: 18px;
  }
</style>

<div class="wa-buttons">
  <a href="https://wa.me/6281910263554" target="_blank" class="wa-btn wa-green">
    <i></i> WhatsApp 
  </a>

  <a href="https://wa.me/62811142024" target="_blank" class="wa-btn wa-yellow">
    <i></i> Telepon
  </a>
</div>



<h2 class="wp-block-heading has-text-align-center">FAQ Pertanyaan Umum Tentang Harga Aspal Pandeglang </h2>



<div class="schema-faq wp-block-yoast-faq-block"><div class="schema-faq-section" id="faq-question-1763108242210"><strong class="schema-faq-question">Berapa harga aspal hotmix per m² di Pandeglang?</strong> <p class="schema-faq-answer">Harga bervariasi tergantung ketebalan, jenis aspal, dan kondisi lokasi. Umumnya mulai dari kisaran harga standar proyek jalan.</p> </div> <div class="schema-faq-section" id="faq-question-1763108257012"><strong class="schema-faq-question">Apa saja faktor yang mempengaruhi harga aspal di Pandeglang?</strong> <p class="schema-faq-answer">Ketebalan aspal, luas area, jarak mobilisasi, kondisi permukaan, dan jenis pekerjaan.</p> </div> <div class="schema-faq-section" id="faq-question-1763108270036"><strong class="schema-faq-question">Apakah harga sudah termasuk biaya tenaga kerja dan alat?</strong> <p class="schema-faq-answer">Biasanya sudah termasuk penghamparan, pemadatan, dan penggunaan alat berat, tetapi tetap tergantung paket yang dipilih.</p> </div> <div class="schema-faq-section" id="faq-question-1763108285921"><strong class="schema-faq-question">Apakah harga aspal bisa disesuaikan dengan kebutuhan proyek?</strong> <p class="schema-faq-answer">Ya, harga dapat disesuaikan berdasarkan volume pekerjaan dan kondisi lapangan.</p> </div> <div class="schema-faq-section" id="faq-question-1763108313628"><strong class="schema-faq-question">Apakah tersedia layanan perbaikan jalan berlubang, berapa biayanya?</strong> <p class="schema-faq-answer">Ya tersedia, mengenai harga bisa langsung saja di konsultasikan dengan meng klik no wa yang tertera</p> </div> </div>
<p>The post <a href="https://www.catinpaint.co.id/harga-aspal-pandeglang/">Harga Aspal Pandeglang: Hotmix 60.000/m2 Update Terbaru</a> appeared first on <a href="https://www.catinpaint.co.id">Cat Marka Jalan Catin</a>.</p>
]]></content:encoded>
					
					<wfw:commentRss>https://www.catinpaint.co.id/harga-aspal-pandeglang/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>Harga Aspal Serang Terbaru dan Kompetitif</title>
		<link>https://www.catinpaint.co.id/harga-aspal-serang/</link>
					<comments>https://www.catinpaint.co.id/harga-aspal-serang/#respond</comments>
		
		<dc:creator><![CDATA[Catin Paint]]></dc:creator>
		<pubDate>Fri, 14 Nov 2025 03:35:16 +0000</pubDate>
				<category><![CDATA[harga aspal]]></category>
		<guid isPermaLink="false">https://www.catinpaint.co.id/?p=2032</guid>

					<description><![CDATA[<p>Membangun jalan yang kuat, rapi, dan tahan lama dimulai dari pemilihan material aspal berkualitas. Melalui catinpaint, anda dapat memperoleh harga aspal Serang terbaru dan kompetitif jaminan mutu. Dengan layanan profesional, kami hadir sebagai mitra terpercaya dalam memenuhi berbagai kebutuhan pengaspalan mulai dari jalan raya, area parkir, kawasan industri, hingga lingkungan perumahan. Kami Hadirkan Aspal Berkualitas [&#8230;]</p>
<p>The post <a href="https://www.catinpaint.co.id/harga-aspal-serang/">Harga Aspal Serang Terbaru dan Kompetitif</a> appeared first on <a href="https://www.catinpaint.co.id">Cat Marka Jalan Catin</a>.</p>
]]></description>
										<content:encoded><![CDATA[
<p>Membangun jalan yang kuat, rapi, dan tahan lama dimulai dari pemilihan material aspal berkualitas. Melalui <a href="https://www.catinpaint.co.id/">catinpaint</a>, anda dapat memperoleh harga aspal Serang terbaru dan kompetitif  jaminan mutu.  Dengan layanan profesional, kami hadir sebagai mitra terpercaya dalam memenuhi berbagai kebutuhan pengaspalan mulai dari jalan raya, area parkir, kawasan industri, hingga lingkungan perumahan.</p>



<h2 class="wp-block-heading has-text-align-center">Kami Hadirkan Aspal Berkualitas untuk Anda</h2>



<p>Di catinpaint, kami memahami bahwa kualitas jalan menentukan kelancaran aktivitas dan keselamatan pengguna. Karena itu, kami menghadirkan produk aspal hotmix berkualitas tinggi untuk wilayah Serang dan sekitarnya, dengan harga yang kompetitif serta pelayanan profesional. </p>



<figure class="wp-block-image aligncenter size-full"><img loading="lazy" decoding="async" width="500" height="488" src="https://www.catinpaint.co.id/wp-content/uploads/2025/11/harga-aspal-hotmix-serang.png" alt="harga aspal jalan tol serang " class="wp-image-2043" srcset="https://www.catinpaint.co.id/wp-content/uploads/2025/11/harga-aspal-hotmix-serang.png 500w, https://www.catinpaint.co.id/wp-content/uploads/2025/11/harga-aspal-hotmix-serang-300x293.png 300w" sizes="auto, (max-width: 500px) 100vw, 500px" /></figure>



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



<p>Di catinpaint, kami menyediakan berbagai jenis produk aspal yang digunakan dalam konstruksi jalan modern. Setiap jenis aspal memiliki karakteristik teknis, komposisi agregat, dan fungsi struktural yang berbeda sehingga dapat disesuaikan dengan kebutuhan proyek anda</p>



<h3 class="wp-block-heading">1. Aspal Hotmix AC-WC (Wearing Course)</h3>



<p>Lapisan permukaan paling atas yang bersentuhan langsung dengan roda kendaraan. AC-WC memiliki gradasi agregat halus, <a href="https://binamarga.pu.go.id/uploads/files/426/spesifikasi-umum-2018-revisi-1.pdf">kadar bitumen tinggi</a>, serta tekstur yang dirancang untuk memberikan kerataan, daya cengkeram (skid resistance), dan ketahanan aus optimal.</p>



<h3 class="wp-block-heading">2. Aspal Hotmix AC-BC (Binder Course)</h3>



<p>Berfungsi sebagai lapisan pengikat antara lapisan struktur bawah dan lapisan permukaan. AC-BC memiliki komposisi agregat sedang hingga kasar dengan kadar bitumen yang cukup untuk mengikat antarpartikel.</p>



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



<p>Merupakan lapisan pondasi beraspal yang menjadi dasar kekuatan keseluruhan perkerasan lentur. AC-Base mengandung agregat berukuran lebih besar sehingga kuat dalam menahan beban berat yang ditransfer dari lapisan-lapisan di atasnya.</p>



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



<p>Aspal dingin siap pakai yang tidak memerlukan proses pemanasan pada aplikasi. Coldmix sangat ideal untuk pekerjaan pemeliharaan seperti tambal sulam, perbaikan lubang (potholes), area retakan, serta situasi darurat ketika pekerjaan hotmix tidak memungkinkan.</p>



<h3 class="wp-block-heading">5. ATB (Asphalt Treated Base)</h3>



<p>Lapisan pondasi beraspal yang menjadi pengikat struktural utama sebelum AC-Base. ATB memiliki campuran agregat kasar, filler, dan aspal dengan struktur kuat namun tetap fleksibel terhadap perubahan suhu. </p>



<h3 class="wp-block-heading">6. Sand Sheet (Lapis Tipis Aspal Pasir)</h3>



<p>Lapisan finishing berbahan dasar pasir dan bitumen yang diaplikasikan tipis di atas permukaan jalan. Sand Sheet memberikan hasil permukaan halus, rapi, serta mampu menutup pori-pori kecil pada lapisan di bawahnya.</p>



<h2 class="wp-block-heading has-text-align-center">Informasi Harga Aspal Serang Catinpaint</h2>



<p>Menentukan anggaran pengaspalan yang tepat membutuhkan data harga material yang jelas, akurat, dan terbaru. Di catinpaint, kami menghadirkan informasi harga aspal yang transparan dan mudah dipahami agar anda dapat merencanakan proyek dengan lebih efisien</p>



<!-- 🌕 TABEL CUSTOM DAFTAR HARGA MATERIAL ASPAL (TEMA KUNING RAMPING) -->
<style>
  .asphalt-table-wrap {
    --accent: #FFD54A;      /* warna kuning utama */
    --accent-dark: #F0B800; /* warna kuning gelap */
    --text: #222;
    --border: rgba(0,0,0,0.1);
    font-family: "Segoe UI", Roboto, Arial, sans-serif;
    margin: 1.5rem 0;
  }

  .asphalt-table {
    width: 100%;
    max-width: 700px; /* tabel ramping */
    margin: 0 auto;
    border-collapse: collapse;
    background: #fffef7;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0 3px 10px rgba(0,0,0,0.05);
    font-size: 0.9rem;
  }

  .asphalt-table caption {
    background: linear-gradient(90deg, var(--accent), var(--accent-dark));
    color: #111;
    font-weight: 700;
    text-align: center;
    padding: 12px 14px;
    font-size: 1rem;
    letter-spacing: 0.3px;
  }

  .asphalt-table thead th {
    background: rgba(0,0,0,0.05);
    color: var(--text);
    font-weight: 600;
    padding: 8px 10px;
    border-bottom: 2px solid var(--border);
    text-align: left;
  }

  .asphalt-table tbody td {
    padding: 8px 10px;
    border-bottom: 1px solid var(--border);
    color: var(--text);
  }

  .asphalt-table tbody tr:nth-child(even) {
    background: rgba(255, 213, 74, 0.05);
  }

  .asphalt-table tbody tr:hover {
    background: rgba(255, 213, 74, 0.15);
    transition: 0.2s ease;
  }

  .unit {
    text-align: center;
    color: #444;
    font-weight: 600;
  }

  .price {
    text-align: right;
    font-weight: 700;
    color: #000;
    white-space: nowrap;
  }

  /* 📱 Responsif Mobile */
  @media (max-width: 640px) {
    .asphalt-table thead { display: none; }
    .asphalt-table, .asphalt-table tbody, .asphalt-table tr, .asphalt-table td {
      display: block;
      width: 100%;
    }
    .asphalt-table tr {
      margin-bottom: 12px;
      background: #fff;
      border-radius: 8px;
      box-shadow: 0 2px 6px rgba(0,0,0,0.03);
    }
    .asphalt-table td {
      padding: 8px 12px;
      border: none;
      position: relative;
    }
    .asphalt-table td::before {
      content: attr(data-label);
      display: block;
      font-size: 0.8rem;
      color: rgba(0,0,0,0.6);
      margin-bottom: 4px;
      font-weight: 600;
    }
    .price, .unit { text-align: left; }
  }
</style>

<div class="asphalt-table-wrap">
  <table class="asphalt-table" role="table" aria-label="Daftar Harga Aspal">
    <caption>Daftar Harga Aspal (Spesifikasi Teknis)</caption>
    <thead>
      <tr>
        <th scope="col">Jenis Aspal (Spesifikasi Teknis)</th>
        <th scope="col">Satuan</th>
        <th scope="col">Harga Material (Rp)</th>
      </tr>
    </thead>
    <tbody>
      <tr>
        <td data-label="Jenis Aspal"><strong>ATB</strong> (Asphalt Treated Base)</td>
        <td class="unit" data-label="Satuan">/ ton</td>
        <td class="price" data-label="Harga Material">1.150.000,-</td>
      </tr>
      <tr>
        <td data-label="Jenis Aspal"><strong>AC-BC</strong> (Binder Course)</td>
        <td class="unit">/ ton</td>
        <td class="price">1.180.000,-</td>
      </tr>
      <tr>
        <td data-label="Jenis Aspal"><strong>AC-WC</strong> (Wearing Course)</td>
        <td class="unit">/ ton</td>
        <td class="price">1.235.000,-</td>
      </tr>
      <tr>
        <td>AC-WC IV A</td>
        <td class="unit">/ ton</td>
        <td class="price">1.265.000,-</td>
      </tr>
      <tr>
        <td>3 Laston</td>
        <td class="unit">/ ton</td>
        <td class="price">1.270.000,-</td>
      </tr>
      <tr>
        <td>3 Laston Spesial</td>
        <td class="unit">/ ton</td>
        <td class="price">1.400.000,-</td>
      </tr>
      <tr>
        <td><strong>HRS</strong> (Hot Rolled Sheet)</td>
        <td class="unit">/ ton</td>
        <td class="price">1.320.000,-</td>
      </tr>
      <tr>
        <td>Sand Sheet</td>
        <td class="unit">/ ton</td>
        <td class="price">1.480.000,-</td>
      </tr>
      <tr>
        <td>Sand Sheet Spesial</td>
        <td class="unit">/ ton</td>
        <td class="price">1.570.000,-</td>
      </tr>
      <tr>
        <td><strong>Aspal Emulsi</strong> (Tack Coat)</td>
        <td class="unit">/ Liter</td>
        <td class="price">15.000,-</td>
      </tr>
      <tr>
        <td><strong>Aspal Emulsi</strong> (Tack Coat)</td>
        <td class="unit">/ Drum</td>
        <td class="price">2.605.000,-</td>
      </tr>
    </tbody>
  </table>
</div>
<!-- 🌕 END TABEL CUSTOM ASPAL -->



<p></p>



<style>
.table-aspal {
  width: 80%;
  max-width: 700px;
  margin: 30px auto;
  border-collapse: collapse;
  font-family: 'Segoe UI', Arial, sans-serif;
  background-color: #fffdf5;
  border: 1px solid #f2d56b;
  border-radius: 10px;
  overflow: hidden;
  box-shadow: 0 2px 8px rgba(0,0,0,0.05);
}

.table-aspal caption {
  font-size: 20px;
  font-weight: 600;
  color: #222;
  text-align: center;
  background-color: #f7c948;
  padding: 14px;
  border-bottom: 2px solid #f0b400;
}

.table-aspal th {
  background-color: #fff6cc;
  color: #333;
  text-align: center;
  font-size: 16px;
  font-weight: 600;
  padding: 10px;
  border-bottom: 1px solid #f0e0a0;
}

.table-aspal td {
  padding: 10px;
  font-size: 15px;
  color: #444;
  text-align: center;
  border-bottom: 1px solid #f7eeb0;
}

.table-aspal tr:last-child td {
  border-bottom: none;
}

.table-aspal tr:hover td {
  background-color: #fffbe2;
  transition: 0.2s ease;
}

@media screen and (max-width: 768px) {
  .table-aspal {
    width: 95%;
    font-size: 14px;
  }
}
</style>

<table class="table-aspal">
  <caption>Daftar Harga Aspal Hotmix per m²</caption>

  <tr><th colspan="2">III Laston</th></tr>
  <tr><td>Ketebalan 2 cm</td><td>Rp 95.000,-</td></tr>
  <tr><td>Ketebalan 3 cm</td><td>Rp 125.000,-</td></tr>

  <tr><th colspan="2">III Laston Spesial</th></tr>
  <tr><td>Ketebalan 1 cm</td><td>Rp 67.000,-</td></tr>
  <tr><td>Ketebalan 2 cm</td><td>Rp 95.000,-</td></tr>
  <tr><td>Ketebalan 3 cm</td><td>Rp 125.000,-</td></tr>

  <tr><th colspan="2">Sandsheet</th></tr>
  <tr><td>Ketebalan 1 cm</td><td>Rp 67.000,-</td></tr>
  <tr><td>Ketebalan 2 cm</td><td>Rp 95.000,-</td></tr>

  <tr><th colspan="2">HRS</th></tr>
  <tr><td>Ketebalan 2 cm</td><td>Rp 95.000,-</td></tr>
  <tr><td>Ketebalan 3 cm</td><td>Rp 125.000,-</td></tr>
  <tr><td>Ketebalan 4 cm</td><td>Rp 150.000,-</td></tr>

  <tr><th colspan="2">AC-WC</th></tr>
  <tr><td>Ketebalan 3 cm</td><td>Rp 125.000,-</td></tr>
  <tr><td>Ketebalan 4 cm</td><td>Rp 150.000,-</td></tr>
  <tr><td>Ketebalan 5 cm</td><td>Rp 200.000,-</td></tr>

  <tr><th colspan="2">AC-BC</th></tr>
  <tr><td>Ketebalan 4 cm</td><td>Rp 150.000,-</td></tr>
  <tr><td>Ketebalan 5 cm</td><td>Rp 200.000,-</td></tr>

  <tr><th colspan="2">ATB</th></tr>
  <tr><td>Ketebalan 5 cm</td><td>Rp 200.000,-</td></tr>
</table>



<!-- 🔹 Tombol WhatsApp Catinpaint (Hijau & Kuning) -->
<style>
  .wa-buttons {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 15px;
    margin: 30px 0;
  }

  .wa-btn {
    display: flex;
    align-items: center;
    gap: 8px;
    font-weight: 600;
    text-decoration: none;
    padding: 10px 22px;
    border-radius: 50px;
    box-shadow: 0 3px 8px rgba(0,0,0,0.15);
    transition: all 0.3s ease;
  }

  /* Tombol Hijau WhatsApp */
  .wa-green {
    background-color: #25D366;
    color: #fff;
  }

  .wa-green:hover {
    background-color: #1ebe5d;
    transform: scale(1.05);
  }

  /* Tombol Kuning Catinpaint */
  .wa-yellow {
    background-color: #f1c40f;
    color: #000;
  }

  .wa-yellow:hover {
    background-color: #000;
    color: #fff;
    transform: scale(1.05);
  }

  .wa-btn i {
    font-size: 18px;
  }
</style>

<div class="wa-buttons">
  <a href="https://wa.me/6281910263554" target="_blank" class="wa-btn wa-green">
    <i></i> WhatsApp 
  </a>

  <a href="https://wa.me/62811142024" target="_blank" class="wa-btn wa-yellow">
    <i></i> Telepon
  </a>
</div>



<p></p>



<h2 class="wp-block-heading has-text-align-center">Keunggulan Membeli Aspal di Catinpaint</h2>



<p>Memilih penyedia aspal yang tepat adalah langkah penting untuk memastikan proyek berjalan lancar, efisien, dan tahan lama. Di catinpaint, kami memahami bahwa kualitas material, ketepatan pengiriman, serta transparansi harga adalah faktor penentu keberhasilan sebuah pekerjaan pengaspalan.</p>



<h3 class="wp-block-heading">Mutu Material Terjamin</h3>



<p>Kami hanya menggunakan campuran aspal yang diproduksi dari mixing plant resmi dengan pengawasan kualitas ketat seperti kontrol suhu, kadar bitumen, kadar rongga, dan gradasi agregat. Hasilnya adalah material yang stabil, tahan aus, dan memiliki umur layanan lebih panjang.</p>



<h3 class="wp-block-heading">Harga Kompetitif dan Transparan</h3>



<p>Catinpaint selalu memberikan harga yang realistis dan terbuka, tanpa biaya tersembunyi. Kami menampilkan daftar harga per ton dan per m² secara jelas agar anda dapat menyusun anggaran dengan tepat dan menghindari pembengkakan biaya di lapangan.</p>



<h3 class="wp-block-heading">Pengiriman Cepat &amp; Tepat Waktu</h3>



<p>Armada dump truck dan coldbin kami siap mengirim aspal langsung dari plant menuju lokasi proyek anda. Kami memahami bahwa hotmix memiliki batas waktu pengerjaan, sehingga ketepatan waktu adalah prioritas utama.</p>



<h3 class="wp-block-heading">Didukung Tenaga Ahli Berpengalaman</h3>



<p>Tim teknis dan aplikator lapangan kami terbiasa bekerja pada berbagai kondisi  lintasan pabrik, jalan lingkungan, akses gudang, lahan komersial, hingga jalan perumahan. Setiap proyek dikerjakan dengan SOP yang jelas untuk memastikan hasil presisi.</p>



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



<p>Kami membantu anda menentukan jenis aspal, ketebalan ideal, estimasi volume, hingga solusi teknis berdasarkan kondisi tanah, beban lalu lintas, dan kebutuhan area. Dengan begitu, anda mendapatkan solusi terbaik, bukan hanya material.</p>



<h3 class="wp-block-heading">Produk Lengkap untuk Berbagai Kebutuhan</h3>



<p>Mulai dari AC-WC, AC-BC, AC-Base, ATB, Coldmix, hingga Sand Sheet semua tersedia untuk kebutuhan proyek kecil hingga besar. anda tidak perlu mencari banyak vendor untuk satu pekerjaan.</p>



<h3 class="wp-block-heading">Layanan Professional dari Awal Hingga Selesai</h3>



<p>Mulai dari perhitungan RAB, survei lokasi, pengiriman material, hingga finishing jalan catinpaint memberikan layanan menyeluruh yang memudahkan anda.</p>



<figure class="wp-block-gallery has-nested-images columns-default is-cropped wp-block-gallery-5 is-layout-flex wp-block-gallery-is-layout-flex">
<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="500" height="449" data-id="2034" src="https://www.catinpaint.co.id/wp-content/uploads/2025/11/harga-aspal-serang-free-konsultasi.png" alt="harga aspal serang " class="wp-image-2034" srcset="https://www.catinpaint.co.id/wp-content/uploads/2025/11/harga-aspal-serang-free-konsultasi.png 500w, https://www.catinpaint.co.id/wp-content/uploads/2025/11/harga-aspal-serang-free-konsultasi-300x269.png 300w" sizes="auto, (max-width: 500px) 100vw, 500px" /></figure>



<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="500" height="459" data-id="2036" src="https://www.catinpaint.co.id/wp-content/uploads/2025/11/harga-aspal-serang-free-survey.png" alt="harga aspal serang paling update" class="wp-image-2036" srcset="https://www.catinpaint.co.id/wp-content/uploads/2025/11/harga-aspal-serang-free-survey.png 500w, https://www.catinpaint.co.id/wp-content/uploads/2025/11/harga-aspal-serang-free-survey-300x275.png 300w" sizes="auto, (max-width: 500px) 100vw, 500px" /></figure>



<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="500" height="453" data-id="2035" src="https://www.catinpaint.co.id/wp-content/uploads/2025/11/harga-aspal-serang-murah.png" alt="harga aspal serang terdekat dengan lokasi anda" class="wp-image-2035" srcset="https://www.catinpaint.co.id/wp-content/uploads/2025/11/harga-aspal-serang-murah.png 500w, https://www.catinpaint.co.id/wp-content/uploads/2025/11/harga-aspal-serang-murah-300x272.png 300w" sizes="auto, (max-width: 500px) 100vw, 500px" /></figure>



<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="500" height="475" data-id="2037" src="https://www.catinpaint.co.id/wp-content/uploads/2025/11/harga-aspal-serang-terbaik.png" alt="harga aspal serang terbaru" class="wp-image-2037" srcset="https://www.catinpaint.co.id/wp-content/uploads/2025/11/harga-aspal-serang-terbaik.png 500w, https://www.catinpaint.co.id/wp-content/uploads/2025/11/harga-aspal-serang-terbaik-300x285.png 300w" sizes="auto, (max-width: 500px) 100vw, 500px" /></figure>



<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="500" height="481" data-id="2038" src="https://www.catinpaint.co.id/wp-content/uploads/2025/11/harga-aspal-serang-terdekay.png" alt="harga perbaikan jalan serang" class="wp-image-2038" srcset="https://www.catinpaint.co.id/wp-content/uploads/2025/11/harga-aspal-serang-terdekay.png 500w, https://www.catinpaint.co.id/wp-content/uploads/2025/11/harga-aspal-serang-terdekay-300x289.png 300w" sizes="auto, (max-width: 500px) 100vw, 500px" /></figure>



<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="500" height="384" data-id="2039" src="https://www.catinpaint.co.id/wp-content/uploads/2025/11/harga-aspal-terdekat-dengan-lokasi-anda.png" alt="harga aspal serang pedesaan" class="wp-image-2039" srcset="https://www.catinpaint.co.id/wp-content/uploads/2025/11/harga-aspal-terdekat-dengan-lokasi-anda.png 500w, https://www.catinpaint.co.id/wp-content/uploads/2025/11/harga-aspal-terdekat-dengan-lokasi-anda-300x230.png 300w" sizes="auto, (max-width: 500px) 100vw, 500px" /></figure>
</figure>



<p></p>



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



<div class="testimoni-wrapper" style="display:flex; flex-wrap:wrap; gap:20px;">

    <!-- Testimoni 1 -->
    <table style="width:100%; max-width:340px; background:#fff8cc; border:1px solid #e6c200; border-radius:8px; padding:15px; font-family:Arial;">
        <tr>
            <td style="font-size:18px; font-weight:bold; color:#c19300;">⭐ Testimoni 1</td>
        </tr>
        <tr>
            <td style="padding-top:10px; font-size:14px; line-height:1.5;">
                &#8220;Pelayanan sangat cepat dan harga aspalnya bersaing. Proyek jalan lingkungan kami selesai tepat waktu. Sangat direkomendasikan!&#8221;
            </td>
        </tr>
        <tr>
            <td style="padding-top:10px; font-weight:bold;">– Budi, Serang</td>
        </tr>
    </table>

    <!-- Testimoni 2 -->
    <table style="width:100%; max-width:340px; background:#fff8cc; border:1px solid #e6c200; border-radius:8px; padding:15px; font-family:Arial;">
        <tr>
            <td style="font-size:18px; font-weight:bold; color:#c19300;">⭐ Testimoni 2</td>
        </tr>
        <tr>
            <td style="padding-top:10px; font-size:14px; line-height:1.5;">
                &#8220;Harga aspal Serang di sini sangat bersaing. Pengerjaannya rapi dan hasilnya kuat, cocok untuk area rumah saya.&#8221;
            </td>
        </tr>
        <tr>
            <td style="padding-top:10px; font-weight:bold;">– Andri, Cilegon</td>
        </tr>
    </table>

    <!-- Testimoni 3 -->
    <table style="width:100%; max-width:340px; background:#fff8cc; border:1px solid #e6c200; border-radius:8px; padding:15px; font-family:Arial;">
        <tr>
            <td style="font-size:18px; font-weight:bold; color:#c19300;">⭐ Testimoni 3</td>
        </tr>
        <tr>
            <td style="padding-top:10px; font-size:14px; line-height:1.5;">
                &#8220;Harga sangat transparan dan sesuai kualitas. Jalan komplek kini lebih nyaman dilalui.&#8221;
            </td>
        </tr>
        <tr>
            <td style="padding-top:10px; font-weight:bold;">– Satria, Tangerang</td>
        </tr>
    </table>

    <!-- Testimoni 4 -->
    <table style="width:100%; max-width:340px; background:#fff8cc; border:1px solid #e6c200; border-radius:8px; padding:15px; font-family:Arial;">
        <tr>
            <td style="font-size:18px; font-weight:bold; color:#c19300;">⭐ Testimoni 4</td>
        </tr>
        <tr>
            <td style="padding-top:10px; font-size:14px; line-height:1.5;">
                &#8220;Kami puas dengan kualitas hotmixnya. Harga sangat wajar dan hasil aspalnya tahan kendaraan berat.&#8221;
            </td>
        </tr>
        <tr>
            <td style="padding-top:10px; font-weight:bold;">– Mulyadi, Pandeglang</td>
        </tr>
    </table>

    <!-- Testimoni 5 -->
    <table style="width:100%; max-width:340px; background:#fff8cc; border:1px solid #e6c200; border-radius:8px; padding:15px; font-family:Arial;">
        <tr>
            <td style="font-size:18px; font-weight:bold; color:#c19300;">⭐ Testimoni 5</td>
        </tr>
        <tr>
            <td style="padding-top:10px; font-size:14px; line-height:1.5;">
                &#8220;Proses survey gratis, penjelasan detail, dan hasil pengaspalannya benar-benar mulus. Mantap!&#8221;
            </td>
        </tr>
        <tr>
            <td style="padding-top:10px; font-weight:bold;">– Rizky, Serang Kota</td>
        </tr>
    </table>

    <!-- Testimoni 6 -->
    <table style="width:100%; max-width:340px; background:#fff8cc; border:1px solid #e6c200; border-radius:8px; padding:15px; font-family:Arial;">
        <tr>
            <td style="font-size:18px; font-weight:bold; color:#c19300;">⭐ Testimoni 6</td>
        </tr>
        <tr>
            <td style="padding-top:10px; font-size:14px; line-height:1.5;">
                &#8220;Kami sudah beberapa kali memakai jasanya. Hasil selalu bagus dan harga tetap kompetitif.&#8221;
            </td>
        </tr>
        <tr>
            <td style="padding-top:10px; font-weight:bold;">– Hendra, Serang Timur</td>
        </tr>
    </table>

</div>



<p></p>



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



<p>Memesan aspal untuk proyek pengaspalan tidak harus rumit. Di catinpaint, kami menyediakan proses pemesanan yang sederhana, cepat, dan terstruktur agar anda dapat memperoleh material berkualitas tanpa hambatan.</p>



<style>
    .fade-box {
        opacity: 0;
        transform: translateY(20px);
        animation: fadeIn 1s ease forwards;
        margin-bottom: 20px;
    }

    .fade-box:nth-child(2) { animation-delay: 0.2s; }
    .fade-box:nth-child(3) { animation-delay: 0.4s; }
    .fade-box:nth-child(4) { animation-delay: 0.6s; }
    .fade-box:nth-child(5) { animation-delay: 0.8s; }
    .fade-box:nth-child(6) { animation-delay: 1s; }

    @keyframes fadeIn {
        to {
            opacity: 1;
            transform: translateY(0);
        }
    }
</style>

<div style="max-width:600px; margin:auto; font-family:Arial;">

    <!-- Langkah 1 -->
    <table class="fade-box" style="width:100%; background:#fff8cc; border:1px solid #e6c200; border-radius:10px; padding:15px;">
        <tr>
            <td style="font-size:20px; font-weight:bold; color:#c19300;">1. Hubungi Kami</td>
        </tr>
        <tr>
            <td style="padding-top:10px; font-size:15px; line-height:1.6;">
                Konsultasikan kebutuhan pengaspalan Anda melalui WhatsApp atau telepon.
            </td>
        </tr>
    </table>

    <!-- Langkah 2 -->
    <table class="fade-box" style="width:100%; background:#fff8cc; border:1px solid #e6c200; border-radius:10px; padding:15px;">
        <tr>
            <td style="font-size:20px; font-weight:bold; color:#c19300;">2. Survey Lokasi</td>
        </tr>
        <tr>
            <td style="padding-top:10px; font-size:15px; line-height:1.6;">
                Kami melakukan survey lapangan untuk mengetahui kondisi dan volume pekerjaan.
            </td>
        </tr>
    </table>

    <!-- Langkah 3 -->
    <table class="fade-box" style="width:100%; background:#fff8cc; border:1px solid #e6c200; border-radius:10px; padding:15px;">
        <tr>
            <td style="font-size:20px; font-weight:bold; color:#c19300;">3. Penawaran Harga</td>
        </tr>
        <tr>
            <td style="padding-top:10px; font-size:15px; line-height:1.6;">
                Kami mengirimkan penawaran harga terbaik sesuai kebutuhan Anda.
            </td>
        </tr>
    </table>

    <!-- Langkah 4 -->
    <table class="fade-box" style="width:100%; background:#fff8cc; border:1px solid #e6c200; border-radius:10px; padding:15px;">
        <tr>
            <td style="font-size:20px; font-weight:bold; color:#c19300;">4. Kesepakatan</td>
        </tr>
        <tr>
            <td style="padding-top:10px; font-size:15px; line-height:1.6;">
                Jika harga dan teknis sesuai, proses akan dilanjutkan ke tahap perjanjian kerja.
            </td>
        </tr>
    </table>

    <!-- Langkah 5 -->
    <table class="fade-box" style="width:100%; background:#fff8cc; border:1px solid #e6c200; border-radius:10px; padding:15px;">
        <tr>
            <td style="font-size:20px; font-weight:bold; color:#c19300;">5. Pelaksanaan</td>
        </tr>
        <tr>
            <td style="padding-top:10px; font-size:15px; line-height:1.6;">
                Tim profesional kami melakukan pengaspalan dengan material hotmix terbaik.
            </td>
        </tr>
    </table>

    <!-- Langkah 6 -->
    <table class="fade-box" style="width:100%; background:#fff8cc; border:1px solid #e6c200; border-radius:10px; padding:15px;">
        <tr>
            <td style="font-size:20px; font-weight:bold; color:#c19300;">6. Serah Terima</td>
        </tr>
        <tr>
            <td style="padding-top:10px; font-size:15px; line-height:1.6;">
                Setelah pekerjaan selesai, kami serah terimakan area yang sudah selesai diaspal.
            </td>
        </tr>
    </table>

</div>



<p></p>



<h2 class="wp-block-heading has-text-align-center">Hubungi Kami untuk Penawaran Harga Aspal Serang Terbaru</h2>



<p>Merencanakan proyek pengaspalan membutuhkan informasi harga aspal Serang yang akurat dan dapat dipercaya, catinpaint menyediakan penawaran harga aspal terbaru yang transparan, detail, dan disesuaikan dengan kebutuhan proyek anda. </p>



<style>
/* --- STYLING (CSS) --- */
/* Warna Kuning Pastel yang Digunakan:
   - Latar Belakang Hasil: #FFFACD (Lemon Chiffon/Kuning sangat terang)
   - Tombol Utama: #FFDB58 (Kuning Mustard Pastel)
   - Hover & Teks Kontras: #DAA520 (Goldenrod, Emas lembut)
*/
.asphalt-calculator-m2 {
    padding: 20px;
    border: 1px solid #ddd;
    border-radius: 8px;
    max-width: 500px;
    margin: 20px auto;
    font-family: sans-serif;
    background-color: #ffffff;
}

.asphalt-calculator-m2 h3 {
    text-align: center;
    color: #333;
    margin-bottom: 20px;
}

.form-group-m2 {
    margin-bottom: 15px;
}

.form-group-m2 label {
    display: block;
    margin-bottom: 5px;
    font-weight: bold;
    color: #555;
}

.form-group-m2 select,
.form-group-m2 input[type="number"] {
    width: 100%;
    padding: 10px;
    border: 1px solid #ddd;
    border-radius: 4px;
    box-sizing: border-box;
}

.form-group-m2 input[type="number"] {
    -moz-appearance: textfield;
}

.form-group-m2 input[type="number"]::-webkit-outer-spin-button,
.form-group-m2 input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* WARNA TOMBOL HITUNG DIUBAH MENJADI KUNING PASTER */
#calculateM2Btn {
    display: block;
    width: 100%;
    padding: 10px;
    background-color: #FFDB58; /* Kuning Pastel/Mustard */
    color: #333;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    font-size: 16px;
    margin-top: 10px;
    font-weight: bold;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}

#calculateM2Btn:hover {
    background-color: #DAA520; /* Efek Hover (Warna Emas Lembut) */
    color: white;
}

/* LATAR BELAKANG HASIL DIUBAH MENJADI KUNING PASTEL SANGAT TERANG */
#resultM2 {
    margin-top: 20px;
    padding: 15px;
    background-color: #FFFACD; /* Kuning Pastel Sangat Terang */
    border: 1px solid #FFDB58;
    border-radius: 4px;
    text-align: center;
    font-size: 1.1em;
}

#resultM2 span {
    font-weight: bold;
    color: #DAA520;
    display: block;
    margin-top: 5px;
}

#whatsappLinkM2 {
    display: none;
    margin-top: 15px;
    text-align: center;
}

/* WARNA TOMBOL WHATSAPP TETAP HIJAU STANDAR */
#whatsappLinkM2 a {
    display: inline-block;
    padding: 10px 20px;
    background-color: #25D366; 
    color: white;
    text-decoration: none;
    border-radius: 20px;
    font-weight: bold;
}

#whatsappLinkM2 a:hover {
    background-color: #128C7E;
}
/* --- END STYLING (CSS) --- */
</style>

<div class="asphalt-calculator-m2">
    <h3>Kalkulator Biaya Aspal per m2</h3>

    <div class="form-group-m2">
        <label for="materialThickness">Pilih Jenis &#038; Ketebalan Aspal:</label>
        <select id="materialThickness">
            <option value="">&#8212; Pilih Material &#038; Ketebalan &#8212;</option>
            <option value="III Laston|2">III Laston &#8211; 2 cm (Rp 95.000 /m2) </option>
            <option value="III Laston|3">III Laston &#8211; 3 cm (Rp 125.000 / m2)</option>
            <option value="III Laston Spesial|1">III Laston Spesial &#8211; 1 cm (Rp 67.000 / m2)</option>
            <option value="III Laston Spesial|2">III Laston Spesial &#8211; 2 cm (Rp 95.000 /m2)</option>
            <option value="III Laston Spesial|3">III Laston Spesial &#8211; 3 cm (Rp 125.000 / m2)</option>
            <option value="Sandsheet|1">Sandsheet &#8211; 1 cm (Rp 67.000 / m2) </option>
            <option value="Sandsheet|2">Sandsheet &#8211; 2 cm (Rp 95.000 / m2)/<option>
            <option value="HRS|2">HRS &#8211; 2 cm (Rp 95.000 /m2)</option>
            <option value="HRS|3">HRS &#8211; 3 cm (Rp 125.000 / m2)</option>
            <option value="HRS|4">HRS &#8211; 4 cm (Rp 150.000 / m2)</option>
            <option value="AC-WC|3">AC-WC &#8211; 3 cm (Rp 125.000 /m2)</option>
            <option value="AC-WC|4">AC-WC &#8211; 4 cm (Rp 150.000 / m2)</option>
            <option value="AC-WC|5">AC-WC &#8211; 5 cm (Rp 200.000 /m2))</option>
            <option value="AC-BC|4">AC-BC &#8211; 4 cm (Rp 150.000 /m2)</option>
            <option value="AC-BC|5">AC-BC &#8211; 5 cm (Rp 200.000 / m2)</option>
            <option value="ATB|5">ATB &#8211; 5 cm (Rp 200.000 / m2)</option>
        </select>
    </div>

    <div class="form-group-m2">
        <label for="area">Luas Area:</label>
        <input type="number" id="area" placeholder="Masukkan total luas area (contoh: 100)">
    </div>

    <button id="calculateM2Btn">Hitung Total Biaya</button>

    <div id="resultM2" style="display: none;">
        Total Biaya Estimasi: <span id="totalCostM2"></span>
    </div>

    <div id="whatsappLinkM2">
        <a id="waLinkM2" href="#" target="_blank">
            Konsultasikan Harga ke WhatsApp
        </a>
    </div>

</div>

<script>
/* --- LOGIKA PERHITUNGAN (JAVASCRIPT) --- */
document.getElementById('calculateM2Btn').addEventListener('click', function() {
    // Data harga disimpan di sini
    const pricesM2 = {
        "III Laston|2": 95000,
        "III Laston|3": 125000,
        "III Laston Spesial|1": 67000,
        "III Laston Spesial|2": 95000,
        "III Laston Spesial|3": 125000,
        "Sandsheet|1": 67000,
        "Sandsheet|2": 95000,
        "HRS|2": 95000,
        "HRS|3": 125000,
        "HRS|4": 150000,
        "AC-WC|3": 125000,
        "AC-WC|4": 150000,
        "AC-WC|5": 200000,
        "AC-BC|4": 150000,
        "AC-BC|5": 200000,
        "ATB|5": 200000
    };

    const materialThickness = document.getElementById('materialThickness').value;
    const area = parseFloat(document.getElementById('area').value);

    const resultDiv = document.getElementById('resultM2');
    const totalCostSpan = document.getElementById('totalCostM2');
    const waLinkDiv = document.getElementById('whatsappLinkM2');
    const waLinkAnchor = document.getElementById('waLinkM2');

    // Reset tampilan
    resultDiv.style.display = 'none';
    waLinkDiv.style.display = 'none';

    if (!materialThickness || isNaN(area) || area <= 0) {
        alert("Mohon pilih jenis aspal dan masukkan luas area yang valid.");
        return;
    }

    const price = pricesM2[materialThickness];
    const totalCost = area * price;

    // Pisahkan jenis material dan ketebalan
    const [materialName, thickness] = materialThickness.split('|');

    // Format mata uang
    const formattedCost = new Intl.NumberFormat('id-ID', {
        style: 'currency',
        currency: 'IDR',
        minimumFractionDigits: 0
    }).format(totalCost);

    // Tampilkan hasil
    totalCostSpan.textContent = formattedCost;
    resultDiv.style.display = 'block';

    // Buat pesan WhatsApp
    const phoneNumber = "6281910263554"; 
    const message = encodeURIComponent(
        `Halo, saya ingin konsultasi mengenai pemesanan Aspal Hotmix per m².\n\n` +
        `Jenis Material: ${materialName}\n` +
        `Ketebalan: ${thickness} cm\n` +
        `Luas Area: ${area} m²\n` +
        `Estimasi Biaya: ${formattedCost}\n\n` +
        `Mohon informasinya lebih lanjut.`
    );

    const waURL = `https://wa.me/${phoneNumber}?text=${message}`;

    // Tampilkan link WA
    waLinkAnchor.href = waURL;
    waLinkDiv.style.display = 'block';

    // Opsional: Gulir ke hasil
    resultDiv.scrollIntoView({ behavior: 'smooth' });
});
/* --- END LOGIKA PERHITUNGAN (JAVASCRIPT) --- */
</script>



<style>
/* --- STYLING (CSS) --- */
/* Warna Kuning Pastel yang Digunakan:
   - Latar Belakang Hasil: #FFFACD (Lemon Chiffon/Kuning sangat terang)
   - Tombol Utama: #FFDB58 (Kuning Mustard Pastel)
   - Hover & Teks Kontras: #DAA520 (Goldenrod, Emas lembut)
*/
.asphalt-calculator {
    padding: 20px;
    border: 1px solid #ddd; /* Border dibuat lebih soft */
    border-radius: 8px;
    max-width: 500px;
    margin: 20px auto;
    font-family: sans-serif;
    background-color: #ffffff; /* Latar belakang putih */
}

.asphalt-calculator h3 {
    text-align: center;
    color: #333;
    margin-bottom: 20px;
}

.form-group {
    margin-bottom: 15px;
}

.form-group label {
    display: block;
    margin-bottom: 5px;
    font-weight: bold;
    color: #555;
}

.form-group select,
.form-group input[type="number"] {
    width: 100%;
    padding: 10px;
    border: 1px solid #ddd;
    border-radius: 4px;
    box-sizing: border-box; 
}

.form-group input[type="number"] {
    -moz-appearance: textfield;
}

.form-group input[type="number"]::-webkit-outer-spin-button,
.form-group input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* WARNA TOMBOL HITUNG DIUBAH MENJADI KUNING PASTER */
#calculateBtn {
    display: block;
    width: 100%;
    padding: 10px;
    background-color: #FFDB58; /* Kuning Pastel/Mustard */
    color: #333; /* Teks Hitam agar kontras dengan latar kuning */
    border: none;
    border-radius: 4px;
    cursor: pointer;
    font-size: 16px;
    margin-top: 10px;
    font-weight: bold;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1); /* Tambah shadow agar menonjol */
}

#calculateBtn:hover {
    background-color: #DAA520; /* Efek Hover (Warna Emas Lembut) */
    color: white; /* Teks putih saat hover */
}

/* LATAR BELAKANG HASIL DIUBAH MENJADI KUNING PASTEL SANGAT TERANG */
#result {
    margin-top: 20px;
    padding: 15px;
    background-color: #FFFACD; /* Kuning Pastel Sangat Terang */
    border: 1px solid #FFDB58; /* Border Kuning Pastel */
    border-radius: 4px;
    text-align: center;
    font-size: 1.1em;
}

#result span {
    font-weight: bold;
    color: #DAA520; /* Warna teks hasil (Emas Lembut) */
    display: block;
    margin-top: 5px;
}

#whatsappLink {
    display: none; 
    margin-top: 15px;
    text-align: center;
}

/* WARNA TOMBOL WHATSAPP TETAP HIJAU STANDAR UNTUK KONSISTENSI */
#whatsappLink a {
    display: inline-block;
    padding: 10px 20px;
    background-color: #25D366; /* Warna WhatsApp (Standar) */
    color: white;
    text-decoration: none;
    border-radius: 20px;
    font-weight: bold;
}

#whatsappLink a:hover {
    background-color: #128C7E;
}
/* --- END STYLING (CSS) --- */
</style>

<div class="asphalt-calculator">
    <h3>Kalkulator Harga Material Aspal per TON</h3>

    <div class="form-group">
        <label for="asphaltType">Pilih Jenis Aspal per :</label>
        <select id="asphaltType">
            <option value="">-- Pilih Material --</option>
            <option value="ATB">ATB (Asphalt Treated Base) - Rp 1.150.000 / ton</option>
            <option value="AC-BC">AC-BC (Binder Course) - Rp 1.180.000 / ton</option>
            <option value="AC-WC">AC-WC (Wearing Course) - Rp 1.235.000 / ton</option>
            <option value="AC-WC IV A">AC-WC IV A - Rp 1.265.000 / ton</option>
            <option value="3 Laston">3 Laston - Rp 1.270.000 / ton</option>
            <option value="3 Laston Spesial">3 Laston Spesial - Rp 1.400.000 / ton</option>
            <option value="HRS">HRS (Hot Rolled Sheet) - Rp 1.320.000 / ton</option>
            <option value="Sand Sheet">Sand Sheet - Rp 1.480.000 / ton</option>
            <option value="Sand Sheet Spesial">Sand Sheet Spesial - Rp 1.570.000 / ton</option>
            <option value="Aspal Emulsi (Liter)">Aspal Emulsi (Tack Coat) - Rp 15.000 / Liter</option>
            <option value="Aspal Emulsi (Drum)">Aspal Emulsi (Tack Coat) - Rp 2.605.000 / Drum</option>
        </select>
    </div>

    <div class="form-group">
        <label for="quantity">Jumlah (Ton/Liter/Drum):</label>
        <input type="number" id="quantity" placeholder="Masukkan jumlah">
    </div>

    <button id="calculateBtn">Hitung Total Biaya</button>

    <div id="result" style="display: none;">
        Total Biaya Estimasi: <span id="totalCost"></span>
    </div>

    <div id="whatsappLink">
        <a id="waLink" href="#" target="_blank">
            Konsultasikan Harga ke WhatsApp
        </a>
    </div>

</div>

<script>
/* --- LOGIKA PERHITUNGAN (JAVASCRIPT) --- */
document.getElementById('calculateBtn').addEventListener('click', function() {
    const prices = {
        "ATB": 1150000,
        "AC-BC": 1180000,
        "AC-WC": 1235000,
        "AC-WC IV A": 1265000,
        "3 Laston": 1270000,
        "3 Laston Spesial": 1400000,
        "HRS": 1320000,
        "Sand Sheet": 1480000,
        "Sand Sheet Spesial": 1570000,
        "Aspal Emulsi (Liter)": 15000,
        "Aspal Emulsi (Drum)": 2605000
    };

    const asphaltType = document.getElementById('asphaltType').value;
    const quantity = parseFloat(document.getElementById('quantity').value);

    const resultDiv = document.getElementById('result');
    const totalCostSpan = document.getElementById('totalCost');
    const waLinkDiv = document.getElementById('whatsappLink');
    const waLinkAnchor = document.getElementById('waLink');

    // Reset tampilan
    resultDiv.style.display = 'none';
    waLinkDiv.style.display = 'none';

    if (!asphaltType || isNaN(quantity) || quantity <= 0) {
        alert("Mohon lengkapi jenis aspal dan masukkan jumlah yang valid.");
        return;
    }

    const price = prices[asphaltType];
    const totalCost = quantity * price;

    // Format mata uang
    const formattedCost = new Intl.NumberFormat('id-ID', {
        style: 'currency',
        currency: 'IDR',
        minimumFractionDigits: 0
    }).format(totalCost);

    // Tampilkan hasil
    totalCostSpan.textContent = formattedCost;
    resultDiv.style.display = 'block';

    // Buat pesan WhatsApp
    let unit = "TON";
    if (asphaltType.includes('(Liter)')) {
        unit = "Liter";
    } else if (asphaltType.includes('(Drum)')) {
        unit = "Drum";
    }
    
    // Angka WA
    const phoneNumber = "6281910263554"; 
    const message = encodeURIComponent(
        `Halo, saya ingin konsultasi mengenai pemesanan material Aspal.\n\n` +
        `Jenis Material: ${asphaltType}\n` +
        `Jumlah: ${quantity} ${unit}\n` +
        `Estimasi Biaya: ${formattedCost}\n\n` +
        `Mohon informasinya lebih lanjut.`
    );

    const waURL = `https://wa.me/${phoneNumber}?text=${message}`;

    // Tampilkan link WA
    waLinkAnchor.href = waURL;
    waLinkDiv.style.display = 'block';

    // Opsional: Gulir ke hasil
    resultDiv.scrollIntoView({ behavior: 'smooth' });
});

// Menambahkan keterangan unit yang berubah
document.getElementById('asphaltType').addEventListener('change', function() {
    const selectedValue = this.value;
    const quantityInput = document.getElementById('quantity');
    const label = document.querySelector('label[for="quantity"]');
    
    let unitText = "Ton";
    if (selectedValue.includes('(Liter)')) {
        unitText = "Liter";
    } else if (selectedValue.includes('(Drum)')) {
        unitText = "Drum";
    }

    label.textContent = `Jumlah (${unitText}):`;
    quantityInput.placeholder = `Masukkan jumlah dalam ${unitText}`;
});
/* --- END LOGIKA PERHITUNGAN (JAVASCRIPT) --- */
</script>



<p></p>



<!-- 🔹 Tombol WhatsApp Catinpaint (Hijau & Kuning) -->
<style>
  .wa-buttons {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 15px;
    margin: 30px 0;
  }

  .wa-btn {
    display: flex;
    align-items: center;
    gap: 8px;
    font-weight: 600;
    text-decoration: none;
    padding: 10px 22px;
    border-radius: 50px;
    box-shadow: 0 3px 8px rgba(0,0,0,0.15);
    transition: all 0.3s ease;
  }

  /* Tombol Hijau WhatsApp */
  .wa-green {
    background-color: #25D366;
    color: #fff;
  }

  .wa-green:hover {
    background-color: #1ebe5d;
    transform: scale(1.05);
  }

  /* Tombol Kuning Catinpaint */
  .wa-yellow {
    background-color: #f1c40f;
    color: #000;
  }

  .wa-yellow:hover {
    background-color: #000;
    color: #fff;
    transform: scale(1.05);
  }

  .wa-btn i {
    font-size: 18px;
  }
</style>

<div class="wa-buttons">
  <a href="https://wa.me/6281910263554" target="_blank" class="wa-btn wa-green">
    <i></i> WhatsApp 
  </a>

  <a href="https://wa.me/62811142024" target="_blank" class="wa-btn wa-yellow">
    <i></i> Telepon
  </a>
</div>



<p></p>



<h2 class="wp-block-heading has-text-align-center">Pertanyaan Umum Seputar Harga Aspal Serang</h2>



<div class="schema-faq wp-block-yoast-faq-block"><div class="schema-faq-section" id="faq-question-1763090773142"><strong class="schema-faq-question">Berapa harga aspal per m² saat ini?</strong> <p class="schema-faq-answer">Harga aspal per m² biasanya berkisar antara Rp 55.000 – Rp 75.000/m², tergantung ketebalan dan jenis aspal.</p> </div> <div class="schema-faq-section" id="faq-question-1763090784516"><strong class="schema-faq-question">Berapa harga aspal hotmix per ton?</strong> <p class="schema-faq-answer">Berapa harga aspal hotmix per ton?</p> </div> <div class="schema-faq-section" id="faq-question-1763090797186"><strong class="schema-faq-question">Apa faktor yang memengaruhi harga aspal?</strong> <p class="schema-faq-answer">Faktor utama: lokasi proyek, volume pekerjaan, ketebalan, jenis aspal, dan jarak pengiriman dari AMP.</p> </div> <div class="schema-faq-section" id="faq-question-1763090813615"><strong class="schema-faq-question">Apakah harga sudah termasuk tenaga kerja?</strong> <p class="schema-faq-answer">Biasanya tersedia dua opsi harga material saja atau harga all-in (material + tenaga kerja + alat).</p> </div> <div class="schema-faq-section" id="faq-question-1763090843608"><strong class="schema-faq-question">Apakah harga sudah termasuk mobilisasi alat berat?</strong> <p class="schema-faq-answer">Belum. Mobilisasi dihitung terpisah, tergantung jarak ke lokasi proyek.</p> </div> </div>
<p>The post <a href="https://www.catinpaint.co.id/harga-aspal-serang/">Harga Aspal Serang Terbaru dan Kompetitif</a> appeared first on <a href="https://www.catinpaint.co.id">Cat Marka Jalan Catin</a>.</p>
]]></content:encoded>
					
					<wfw:commentRss>https://www.catinpaint.co.id/harga-aspal-serang/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>Harga Aspal Rangkasbitung Murah Dan Terupdate</title>
		<link>https://www.catinpaint.co.id/harga-aspal-rangkasbitung/</link>
					<comments>https://www.catinpaint.co.id/harga-aspal-rangkasbitung/#respond</comments>
		
		<dc:creator><![CDATA[Catin Paint]]></dc:creator>
		<pubDate>Thu, 13 Nov 2025 06:09:23 +0000</pubDate>
				<category><![CDATA[harga aspal]]></category>
		<guid isPermaLink="false">https://www.catinpaint.co.id/?p=2023</guid>

					<description><![CDATA[<p>Catinpaint hadir dengan layanan pengaspalan terbaik untuk anda di Rangkasbitung. Dengan harga aspal Rangkasbitung yang murah dan terupdate, kami menyediakan solusi pengaspalan hotmix berkualitas tinggi untuk berbagai kebutuhan mulai dari jalan umum, area parkir, hingga perumahan. Dikerjakan oleh tim profesional berpengalaman dengan material pilihan, hasil pengaspalan kami kuat, rapi, dan tahan lama, memberikan nilai terbaik [&#8230;]</p>
<p>The post <a href="https://www.catinpaint.co.id/harga-aspal-rangkasbitung/">Harga Aspal Rangkasbitung Murah Dan Terupdate</a> appeared first on <a href="https://www.catinpaint.co.id">Cat Marka Jalan Catin</a>.</p>
]]></description>
										<content:encoded><![CDATA[
<p><a href="https://www.catinpaint.co.id/">Catinpaint</a> hadir dengan layanan pengaspalan terbaik untuk anda di Rangkasbitung. Dengan harga aspal Rangkasbitung yang murah dan terupdate, kami menyediakan solusi pengaspalan hotmix berkualitas tinggi untuk berbagai kebutuhan mulai dari jalan umum, area parkir, hingga perumahan. Dikerjakan oleh tim profesional berpengalaman dengan material pilihan, hasil pengaspalan kami kuat, rapi, dan tahan lama, memberikan nilai terbaik bagi setiap proyek anda.</p>



<h2 class="wp-block-heading has-text-align-center">Kami Hadirkan Aspal Berkualitas Untuk Anda</h2>



<p>Sebagai penyedia <a href="https://www.catinpaint.co.id/harga-aspal/">harga aspal</a> rangkasbitung dengan pengaspalan profesional, catinpaint berkomitmen untuk menghadirkan solusi pengaspalan terbaik di wilayah Rangkasbitung dan sekitarnya. Kami memahami bahwa kualitas jalan bukan hanya tentang keindahan permukaan, tetapi juga tentang daya tahan, ketebalan lapisan, dan mutu campuran aspal yang digunakan.</p>



<figure class="wp-block-image aligncenter size-full"><img loading="lazy" decoding="async" width="500" height="437" src="https://www.catinpaint.co.id/wp-content/uploads/2025/11/harga-perbaikan-jalan-tangkasbitunh.png" alt="harga aspal rangkasbitung murag dan terupdate" class="wp-image-2029" srcset="https://www.catinpaint.co.id/wp-content/uploads/2025/11/harga-perbaikan-jalan-tangkasbitunh.png 500w, https://www.catinpaint.co.id/wp-content/uploads/2025/11/harga-perbaikan-jalan-tangkasbitunh-300x262.png 300w" sizes="auto, (max-width: 500px) 100vw, 500px" /></figure>



<h2 class="wp-block-heading has-text-align-center">Produk Aspal Terbaik Kami</h2>



<p>Di catinpaint, kami menghadirkan berbagai pilihan produk aspal berkualitas tinggi yang dirancang untuk memenuhi kebutuhan beragam proyek konstruksi, mulai dari jalan lingkungan, area parkir, hingga akses industri berskala besar. Setiap produk aspal yang kami sediakan telah melewati proses seleksi ketat dan menggunakan material standar nasional, sehingga mampu memberikan ketahanan optimal, permukaan yang stabil, serta usia pakai yang lebih panjang.</p>



<h3 class="wp-block-heading">Aspal Hotmix AC-WC (Wearing Course)</h3>



<p>Aspal Hotmix <strong>AC-WC (Asphalt Concrete – Wearing Course)</strong> adalah lapisan permukaan jalan (top layer) yang berfungsi sebagai lapisan aus dan penahan beban langsung dari lalu lintas kendaraan. Jenis ini memiliki tekstur halus, daya lekat tinggi, dan ketahanan terhadap deformasi serta retak akibat perubahan suhu dan tekanan roda kendaraan.</p>



<h3 class="wp-block-heading">Aspal Hotmix AC-BC (Binder Course)</h3>



<p>Aspal Hotmix <strong>AC-BC (Asphalt Concrete – Binder Course)</strong> berfungsi sebagai lapisan pengikat antara base course dan lapisan permukaan (AC-WC). Lapisan ini bertugas mendistribusikan beban kendaraan dari permukaan ke lapisan bawah agar struktur perkerasan tetap stabil dan tidak mudah retak.<br></p>



<h3 class="wp-block-heading">Aspal Hotmix AC-Base</h3>



<p>Aspal Hotmix <strong>AC-Base</strong> adalah lapisan dasar struktural (base course) yang menanggung beban utama dari seluruh lapisan di atasnya. Lapisan ini memiliki ketebalan lebih besar dengan gradasi agregat kasar dan bitumen yang dirancang untuk memberikan kekuatan struktural dan kestabilan jangka panjang.</p>



<h3 class="wp-block-heading">Aspal Coldmix (Aspal Dingin)</h3>



<p>Aspal <strong>Coldmix</strong> merupakan solusi praktis untuk perbaikan jalan (maintenance) tanpa memerlukan suhu tinggi atau alat berat. Campuran ini sudah siap pakai dan dapat digunakan dalam kondisi basah maupun kering, menjadikannya ideal untuk tambalan lubang jalan (pothole patching), area parkir, maupun jalan lingkungan.</p>



<h3 class="wp-block-heading">Aspal Sand Sheet (Lapis Tipis Aspal Pasir)</h3>



<p>Aspal <strong>Sand Sheet</strong> adalah lapisan tipis campuran pasir dan bitumen yang digunakan sebagai pelapis akhir (surface dressing) untuk jalan dengan lalu lintas ringan hingga sedang. Fungsi utamanya adalah meratakan permukaan, meningkatkan kekesatan, serta melindungi lapisan di bawahnya dari infiltrasi air dan oksidasi.</p>



<h2 class="wp-block-heading has-text-align-center">Daftar Harga Aspal Rangkasbitung</h2>



<p>Sebagai penyedia jasa pengaspalan profesional di wilayah Rangkasbitung, catinpaint menghadirkan penawaran harga aspal terbaik yang mengutamakan kualitas, ketepatan, dan transparansi biaya. </p>



<!-- 🌕 TABEL CUSTOM DAFTAR HARGA MATERIAL ASPAL (TEMA KUNING RAMPING) -->
<style>
  .asphalt-table-wrap {
    --accent: #FFD54A;      /* warna kuning utama */
    --accent-dark: #F0B800; /* warna kuning gelap */
    --text: #222;
    --border: rgba(0,0,0,0.1);
    font-family: "Segoe UI", Roboto, Arial, sans-serif;
    margin: 1.5rem 0;
  }

  .asphalt-table {
    width: 100%;
    max-width: 700px; /* tabel ramping */
    margin: 0 auto;
    border-collapse: collapse;
    background: #fffef7;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0 3px 10px rgba(0,0,0,0.05);
    font-size: 0.9rem;
  }

  .asphalt-table caption {
    background: linear-gradient(90deg, var(--accent), var(--accent-dark));
    color: #111;
    font-weight: 700;
    text-align: center;
    padding: 12px 14px;
    font-size: 1rem;
    letter-spacing: 0.3px;
  }

  .asphalt-table thead th {
    background: rgba(0,0,0,0.05);
    color: var(--text);
    font-weight: 600;
    padding: 8px 10px;
    border-bottom: 2px solid var(--border);
    text-align: left;
  }

  .asphalt-table tbody td {
    padding: 8px 10px;
    border-bottom: 1px solid var(--border);
    color: var(--text);
  }

  .asphalt-table tbody tr:nth-child(even) {
    background: rgba(255, 213, 74, 0.05);
  }

  .asphalt-table tbody tr:hover {
    background: rgba(255, 213, 74, 0.15);
    transition: 0.2s ease;
  }

  .unit {
    text-align: center;
    color: #444;
    font-weight: 600;
  }

  .price {
    text-align: right;
    font-weight: 700;
    color: #000;
    white-space: nowrap;
  }

  /* 📱 Responsif Mobile */
  @media (max-width: 640px) {
    .asphalt-table thead { display: none; }
    .asphalt-table, .asphalt-table tbody, .asphalt-table tr, .asphalt-table td {
      display: block;
      width: 100%;
    }
    .asphalt-table tr {
      margin-bottom: 12px;
      background: #fff;
      border-radius: 8px;
      box-shadow: 0 2px 6px rgba(0,0,0,0.03);
    }
    .asphalt-table td {
      padding: 8px 12px;
      border: none;
      position: relative;
    }
    .asphalt-table td::before {
      content: attr(data-label);
      display: block;
      font-size: 0.8rem;
      color: rgba(0,0,0,0.6);
      margin-bottom: 4px;
      font-weight: 600;
    }
    .price, .unit { text-align: left; }
  }
</style>

<div class="asphalt-table-wrap">
  <table class="asphalt-table" role="table" aria-label="Daftar Harga Aspal">
    <caption>Daftar Harga Aspal (Spesifikasi Teknis)</caption>
    <thead>
      <tr>
        <th scope="col">Jenis Aspal (Spesifikasi Teknis)</th>
        <th scope="col">Satuan</th>
        <th scope="col">Harga Material (Rp)</th>
      </tr>
    </thead>
    <tbody>
      <tr>
        <td data-label="Jenis Aspal"><strong>ATB</strong> (Asphalt Treated Base)</td>
        <td class="unit" data-label="Satuan">/ ton</td>
        <td class="price" data-label="Harga Material">1.150.000,-</td>
      </tr>
      <tr>
        <td data-label="Jenis Aspal"><strong>AC-BC</strong> (Binder Course)</td>
        <td class="unit">/ ton</td>
        <td class="price">1.180.000,-</td>
      </tr>
      <tr>
        <td data-label="Jenis Aspal"><strong>AC-WC</strong> (Wearing Course)</td>
        <td class="unit">/ ton</td>
        <td class="price">1.235.000,-</td>
      </tr>
      <tr>
        <td>AC-WC IV A</td>
        <td class="unit">/ ton</td>
        <td class="price">1.265.000,-</td>
      </tr>
      <tr>
        <td>3 Laston</td>
        <td class="unit">/ ton</td>
        <td class="price">1.270.000,-</td>
      </tr>
      <tr>
        <td>3 Laston Spesial</td>
        <td class="unit">/ ton</td>
        <td class="price">1.400.000,-</td>
      </tr>
      <tr>
        <td><strong>HRS</strong> (Hot Rolled Sheet)</td>
        <td class="unit">/ ton</td>
        <td class="price">1.320.000,-</td>
      </tr>
      <tr>
        <td>Sand Sheet</td>
        <td class="unit">/ ton</td>
        <td class="price">1.480.000,-</td>
      </tr>
      <tr>
        <td>Sand Sheet Spesial</td>
        <td class="unit">/ ton</td>
        <td class="price">1.570.000,-</td>
      </tr>
      <tr>
        <td><strong>Aspal Emulsi</strong> (Tack Coat)</td>
        <td class="unit">/ Liter</td>
        <td class="price">15.000,-</td>
      </tr>
      <tr>
        <td><strong>Aspal Emulsi</strong> (Tack Coat)</td>
        <td class="unit">/ Drum</td>
        <td class="price">2.605.000,-</td>
      </tr>
    </tbody>
  </table>
</div>
<!-- 🌕 END TABEL CUSTOM ASPAL -->



<p></p>



<style>
.table-aspal {
  width: 80%;
  max-width: 700px;
  margin: 30px auto;
  border-collapse: collapse;
  font-family: 'Segoe UI', Arial, sans-serif;
  background-color: #fffdf5;
  border: 1px solid #f2d56b;
  border-radius: 10px;
  overflow: hidden;
  box-shadow: 0 2px 8px rgba(0,0,0,0.05);
}

.table-aspal caption {
  font-size: 20px;
  font-weight: 600;
  color: #222;
  text-align: center;
  background-color: #f7c948;
  padding: 14px;
  border-bottom: 2px solid #f0b400;
}

.table-aspal th {
  background-color: #fff6cc;
  color: #333;
  text-align: center;
  font-size: 16px;
  font-weight: 600;
  padding: 10px;
  border-bottom: 1px solid #f0e0a0;
}

.table-aspal td {
  padding: 10px;
  font-size: 15px;
  color: #444;
  text-align: center;
  border-bottom: 1px solid #f7eeb0;
}

.table-aspal tr:last-child td {
  border-bottom: none;
}

.table-aspal tr:hover td {
  background-color: #fffbe2;
  transition: 0.2s ease;
}

@media screen and (max-width: 768px) {
  .table-aspal {
    width: 95%;
    font-size: 14px;
  }
}
</style>

<table class="table-aspal">
  <caption>Daftar Harga Aspal Hotmix per m²</caption>

  <tr><th colspan="2">III Laston</th></tr>
  <tr><td>Ketebalan 2 cm</td><td>Rp 95.000,-</td></tr>
  <tr><td>Ketebalan 3 cm</td><td>Rp 125.000,-</td></tr>

  <tr><th colspan="2">III Laston Spesial</th></tr>
  <tr><td>Ketebalan 1 cm</td><td>Rp 67.000,-</td></tr>
  <tr><td>Ketebalan 2 cm</td><td>Rp 95.000,-</td></tr>
  <tr><td>Ketebalan 3 cm</td><td>Rp 125.000,-</td></tr>

  <tr><th colspan="2">Sandsheet</th></tr>
  <tr><td>Ketebalan 1 cm</td><td>Rp 67.000,-</td></tr>
  <tr><td>Ketebalan 2 cm</td><td>Rp 95.000,-</td></tr>

  <tr><th colspan="2">HRS</th></tr>
  <tr><td>Ketebalan 2 cm</td><td>Rp 95.000,-</td></tr>
  <tr><td>Ketebalan 3 cm</td><td>Rp 125.000,-</td></tr>
  <tr><td>Ketebalan 4 cm</td><td>Rp 150.000,-</td></tr>

  <tr><th colspan="2">AC-WC</th></tr>
  <tr><td>Ketebalan 3 cm</td><td>Rp 125.000,-</td></tr>
  <tr><td>Ketebalan 4 cm</td><td>Rp 150.000,-</td></tr>
  <tr><td>Ketebalan 5 cm</td><td>Rp 200.000,-</td></tr>

  <tr><th colspan="2">AC-BC</th></tr>
  <tr><td>Ketebalan 4 cm</td><td>Rp 150.000,-</td></tr>
  <tr><td>Ketebalan 5 cm</td><td>Rp 200.000,-</td></tr>

  <tr><th colspan="2">ATB</th></tr>
  <tr><td>Ketebalan 5 cm</td><td>Rp 200.000,-</td></tr>
</table>



<p></p>



<!-- 🔹 Tombol WhatsApp Catinpaint (Hijau & Kuning) -->
<style>
  .wa-buttons {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 15px;
    margin: 30px 0;
  }

  .wa-btn {
    display: flex;
    align-items: center;
    gap: 8px;
    font-weight: 600;
    text-decoration: none;
    padding: 10px 22px;
    border-radius: 50px;
    box-shadow: 0 3px 8px rgba(0,0,0,0.15);
    transition: all 0.3s ease;
  }

  /* Tombol Hijau WhatsApp */
  .wa-green {
    background-color: #25D366;
    color: #fff;
  }

  .wa-green:hover {
    background-color: #1ebe5d;
    transform: scale(1.05);
  }

  /* Tombol Kuning Catinpaint */
  .wa-yellow {
    background-color: #f1c40f;
    color: #000;
  }

  .wa-yellow:hover {
    background-color: #000;
    color: #fff;
    transform: scale(1.05);
  }

  .wa-btn i {
    font-size: 18px;
  }
</style>

<div class="wa-buttons">
  <a href="https://wa.me/6281910263554" target="_blank" class="wa-btn wa-green">
    <i></i> WhatsApp 
  </a>

  <a href="https://wa.me/62811142024" target="_blank" class="wa-btn wa-yellow">
    <i></i> Telepon
  </a>
</div>



<p></p>



<h2 class="wp-block-heading has-text-align-center">Keunggulan Membeli Aspal di Catinpaint</h2>



<p>Dalam setiap proyek pengaspalan, memilih penyedia aspal yang tepat menjadi kunci keberhasilan hasil akhir yang kuat, rapi, dan tahan lama. Di catinpaint, kami tidak hanya menjual aspal, tetapi juga menghadirkan solusi lengkap untuk kebutuhan pengaspalan anda.</p>



<h3 class="wp-block-heading">Kualitas Produk Terjamin</h3>



<p>Aspal yang kami gunakan diproduksi di pabrik berteknologi modern dengan pengawasan mutu ketat. Hasilnya, lapisan jalan menjadi lebih kuat, rata, dan tahan terhadap beban lalu lintas serta perubahan cuaca ekstrem.</p>



<h3 class="wp-block-heading">Pengiriman Cepat &amp; Tepat Waktu</h3>



<p>Catinpaint memiliki armada pengiriman yang siap melayani ke berbagai wilayah proyek. Proses pengiriman dilakukan secara terjadwal dan efisien, memastikan material tiba tepat waktu dan dalam kondisi optimal.</p>



<h3 class="wp-block-heading">Pilihan Jenis Aspal Lengkap</h3>



<p>Kami menyediakan beragam jenis aspal sesuai kebutuhan proyek anda mulai dari aspal hotmix, coldmix, hingga aspal emulsi. Cocok untuk berbagai aplikasi, seperti jalan raya, area parkir, kawasan industri, hingga akses perumahan.</p>



<h3 class="wp-block-heading">Konsultasi Teknis Gratis</h3>



<p>Tim ahli kami siap memberikan panduan profesional untuk membantu Anda memilih jenis aspal paling sesuai serta menghitung kebutuhan material secara tepat. Dengan begitu, setiap proyek dapat berjalan efisien dan sesuai anggaran.</p>



<figure class="wp-block-gallery has-nested-images columns-default is-cropped wp-block-gallery-6 is-layout-flex wp-block-gallery-is-layout-flex">
<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="500" height="420" data-id="2024" src="https://www.catinpaint.co.id/wp-content/uploads/2025/11/harga-aspal-free-konsultasi-tangkasbitung.png" alt="harga aspal rangkasbitung 2025-2026" class="wp-image-2024" srcset="https://www.catinpaint.co.id/wp-content/uploads/2025/11/harga-aspal-free-konsultasi-tangkasbitung.png 500w, https://www.catinpaint.co.id/wp-content/uploads/2025/11/harga-aspal-free-konsultasi-tangkasbitung-300x252.png 300w" sizes="auto, (max-width: 500px) 100vw, 500px" /></figure>



<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="500" height="445" data-id="2026" src="https://www.catinpaint.co.id/wp-content/uploads/2025/11/harga-aspal-hotmix-rangkasbitung.png" alt="harga aspal rangkasbitung terdekat" class="wp-image-2026" srcset="https://www.catinpaint.co.id/wp-content/uploads/2025/11/harga-aspal-hotmix-rangkasbitung.png 500w, https://www.catinpaint.co.id/wp-content/uploads/2025/11/harga-aspal-hotmix-rangkasbitung-300x267.png 300w" sizes="auto, (max-width: 500px) 100vw, 500px" /></figure>



<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="500" height="444" data-id="2025" src="https://www.catinpaint.co.id/wp-content/uploads/2025/11/harga-aspal-murah-rangkasbitung.png" alt="harga aspal perbaikan jalan rangkasbitung" class="wp-image-2025" srcset="https://www.catinpaint.co.id/wp-content/uploads/2025/11/harga-aspal-murah-rangkasbitung.png 500w, https://www.catinpaint.co.id/wp-content/uploads/2025/11/harga-aspal-murah-rangkasbitung-300x266.png 300w" sizes="auto, (max-width: 500px) 100vw, 500px" /></figure>



<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="500" height="470" data-id="2028" src="https://www.catinpaint.co.id/wp-content/uploads/2025/11/harga-aspal-rangkasbitung-terbaik.png" alt="harga aspal murag rangkasbitung" class="wp-image-2028" srcset="https://www.catinpaint.co.id/wp-content/uploads/2025/11/harga-aspal-rangkasbitung-terbaik.png 500w, https://www.catinpaint.co.id/wp-content/uploads/2025/11/harga-aspal-rangkasbitung-terbaik-300x282.png 300w" sizes="auto, (max-width: 500px) 100vw, 500px" /></figure>



<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="500" height="422" data-id="2027" src="https://www.catinpaint.co.id/wp-content/uploads/2025/11/harga-aspal-tangkasbiyung-free-konsultasi.png" alt="harga aspal rangkasnitung free konsultasi dan survey" class="wp-image-2027" srcset="https://www.catinpaint.co.id/wp-content/uploads/2025/11/harga-aspal-tangkasbiyung-free-konsultasi.png 500w, https://www.catinpaint.co.id/wp-content/uploads/2025/11/harga-aspal-tangkasbiyung-free-konsultasi-300x253.png 300w" sizes="auto, (max-width: 500px) 100vw, 500px" /></figure>
</figure>



<p></p>



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



<div style="display:flex; flex-wrap:wrap; gap:20px; justify-content:center; text-align:center; font-family:Arial;">

    <!-- Testimoni 1 -->
    <table style="width:300px; margin:auto; background:#fff7bf; border:1px solid #e6c200; border-radius:10px; padding:15px; text-align:left;">
        <tr>
            <td style="font-size:18px; font-weight:bold; color:#b58a00; text-align:center;">⭐ Testimoni – Rangkasbitung</td>
        </tr>
        <tr>
            <td style="padding-top:8px; font-size:14px; line-height:1.6;">
                &#8220;Harga aspal di Rangkasbitung dari CatinPaint sangat terjangkau dan hasil pekerjaannya rapi. Jalan akses rumah saya kini jauh lebih nyaman.&#8221;
            </td>
        </tr>
        <tr>
            <td style="padding-top:10px; font-weight:bold; text-align:center;">– Dedi, Rangkasbitung Barat</td>
        </tr>
    </table>

    <!-- Testimoni 2 -->
    <table style="width:300px; margin:auto; background:#fff7bf; border:1px solid #e6c200; border-radius:10px; padding:15px; text-align:left;">
        <tr>
            <td style="font-size:18px; font-weight:bold; color:#b58a00; text-align:center;">⭐ Testimoni – Rangkasbitung</td>
        </tr>
        <tr>
            <td style="padding-top:8px; font-size:14px; line-height:1.6;">
                &#8220;Proses survei cepat dan penawaran harga jelas. Jalan komplek kami kini mulus dan tahan beban kendaraan.&#8221;
            </td>
        </tr>
        <tr>
            <td style="padding-top:10px; font-weight:bold; text-align:center;">– Yanto, Sukamekarsari</td>
        </tr>
    </table>

    <!-- Testimoni 3 -->
    <table style="width:300px; margin:auto; background:#fff7bf; border:1px solid #e6c200; border-radius:10px; padding:15px; text-align:left;">
        <tr>
            <td style="font-size:18px; font-weight:bold; color:#b58a00; text-align:center;">⭐ Testimoni – Rangkasbitung</td>
        </tr>
        <tr>
            <td style="padding-top:8px; font-size:14px; line-height:1.6;">
                &#8220;Harga aspal per m² sangat bersaing. Pengerjaan halaman kantor kami selesai tepat waktu.&#8221;
            </td>
        </tr>
        <tr>
            <td style="padding-top:10px; font-weight:bold; text-align:center;">– Rahmat, Cijoro</td>
        </tr>
    </table>

    <!-- Testimoni 4 -->
    <table style="width:300px; margin:auto; background:#fff7bf; border:1px solid #e6c200; border-radius:10px; padding:15px; text-align:left;">
        <tr>
            <td style="font-size:18px; font-weight:bold; color:#b58a00; text-align:center;">⭐ Testimoni – Rangkasbitung</td>
        </tr>
        <tr>
            <td style="padding-top:8px; font-size:14px; line-height:1.6;">
                &#8220;Kami memilih layanan ini karena harga aspal Rangkasbitungnya paling masuk akal. Hasil pengaspalan kuat dan tahan beban berat.&#8221;
            </td>
        </tr>
        <tr>
            <td style="padding-top:10px; font-weight:bold; text-align:center;">– Farhan, Muara Ciujung</td>
        </tr>
    </table>

    <!-- Testimoni 5 -->
    <table style="width:300px; margin:auto; background:#fff7bf; border:1px solid #e6c200; border-radius:10px; padding:15px; text-align:left;">
        <tr>
            <td style="font-size:18px; font-weight:bold; color:#b58a00; text-align:center;">⭐ Testimoni – Rangkasbitung</td>
        </tr>
        <tr>
            <td style="padding-top:8px; font-size:14px; line-height:1.6;">
                &#8220;Timnya profesional, pekerjaannya cepat, dan hasil akhir sangat memuaskan. Harga sesuai kualitas!&#8221;
            </td>
        </tr>
        <tr>
            <td style="padding-top:10px; font-weight:bold; text-align:center;">– Agung, Aweh</td>
        </tr>
    </table>

    <!-- Testimoni 6 -->
    <table style="width:300px; margin:auto; background:#fff7bf; border:1px solid #e6c200; border-radius:10px; padding:15px; text-align:left;">
        <tr>
            <td style="font-size:18px; font-weight:bold; color:#b58a00; text-align:center;">⭐ Testimoni – Rangkasbitung</td>
        </tr>
        <tr>
            <td style="padding-top:8px; font-size:14px; line-height:1.6;">
                &#8220;Harga aspal di Rangkasbitung kompetitif. Area parkir usaha saya kini lebih rapi dan kuat.&#8221;
            </td>
        </tr>
        <tr>
            <td style="padding-top:10px; font-weight:bold; text-align:center;">– Rendra, Rangkasbitung Selatan</td>
        </tr>
    </table>

</div>



<p></p>



<p></p>



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



<p>Memesan aspal di catinpaint kini semakin mudah, cepat, dan transparan. Kami memahami bahwa setiap proyek memiliki kebutuhan berbeda, mulai dari jenis aspal, volume material, hingga jadwal pelaksanaan. </p>



<style>
    .fade-box {
        opacity: 0;
        transform: translateY(20px);
        animation: fadeIn 1s ease forwards;
        margin-bottom: 20px;
    }

    .fade-box:nth-child(2) { animation-delay: 0.2s; }
    .fade-box:nth-child(3) { animation-delay: 0.4s; }
    .fade-box:nth-child(4) { animation-delay: 0.6s; }
    .fade-box:nth-child(5) { animation-delay: 0.8s; }
    .fade-box:nth-child(6) { animation-delay: 1s; }

    @keyframes fadeIn {
        to {
            opacity: 1;
            transform: translateY(0);
        }
    }
</style>

<div style="max-width:600px; margin:auto; font-family:Arial;">

    <!-- Langkah 1 -->
    <table class="fade-box" style="width:100%; background:#fff8cc; border:1px solid #e6c200; border-radius:10px; padding:15px;">
        <tr>
            <td style="font-size:20px; font-weight:bold; color:#c19300;">1. Hubungi Kami</td>
        </tr>
        <tr>
            <td style="padding-top:10px; font-size:15px; line-height:1.6;">
                Konsultasikan kebutuhan pengaspalan Anda melalui WhatsApp atau telepon.
            </td>
        </tr>
    </table>

    <!-- Langkah 2 -->
    <table class="fade-box" style="width:100%; background:#fff8cc; border:1px solid #e6c200; border-radius:10px; padding:15px;">
        <tr>
            <td style="font-size:20px; font-weight:bold; color:#c19300;">2. Survey Lokasi</td>
        </tr>
        <tr>
            <td style="padding-top:10px; font-size:15px; line-height:1.6;">
                Kami melakukan survey lapangan untuk mengetahui kondisi dan volume pekerjaan.
            </td>
        </tr>
    </table>

    <!-- Langkah 3 -->
    <table class="fade-box" style="width:100%; background:#fff8cc; border:1px solid #e6c200; border-radius:10px; padding:15px;">
        <tr>
            <td style="font-size:20px; font-weight:bold; color:#c19300;">3. Penawaran Harga</td>
        </tr>
        <tr>
            <td style="padding-top:10px; font-size:15px; line-height:1.6;">
                Kami mengirimkan penawaran harga terbaik sesuai kebutuhan Anda.
            </td>
        </tr>
    </table>

    <!-- Langkah 4 -->
    <table class="fade-box" style="width:100%; background:#fff8cc; border:1px solid #e6c200; border-radius:10px; padding:15px;">
        <tr>
            <td style="font-size:20px; font-weight:bold; color:#c19300;">4. Kesepakatan</td>
        </tr>
        <tr>
            <td style="padding-top:10px; font-size:15px; line-height:1.6;">
                Jika harga dan teknis sesuai, proses akan dilanjutkan ke tahap perjanjian kerja.
            </td>
        </tr>
    </table>

    <!-- Langkah 5 -->
    <table class="fade-box" style="width:100%; background:#fff8cc; border:1px solid #e6c200; border-radius:10px; padding:15px;">
        <tr>
            <td style="font-size:20px; font-weight:bold; color:#c19300;">5. Pelaksanaan</td>
        </tr>
        <tr>
            <td style="padding-top:10px; font-size:15px; line-height:1.6;">
                Tim profesional kami melakukan pengaspalan dengan material hotmix terbaik.
            </td>
        </tr>
    </table>

    <!-- Langkah 6 -->
    <table class="fade-box" style="width:100%; background:#fff8cc; border:1px solid #e6c200; border-radius:10px; padding:15px;">
        <tr>
            <td style="font-size:20px; font-weight:bold; color:#c19300;">6. Serah Terima</td>
        </tr>
        <tr>
            <td style="padding-top:10px; font-size:15px; line-height:1.6;">
                Setelah pekerjaan selesai, kami serah terimakan area yang sudah selesai diaspal.
            </td>
        </tr>
    </table>

</div>



<p></p>



<h2 class="wp-block-heading has-text-align-center">Segera Dapatkan Penawaran Harga Aspal Rangkasbitung Sekarang </h2>



<p>Ingin membangun atau memperbaiki jalan di wilayah Rangkasbitung dengan hasil yang kuat, halus, dan tahan lama? kini saatnya anda mendapatkan penawaran harga aspal terbaik hanya di catinpaint.</p>



<style>
/* --- STYLING (CSS) --- */
/* Warna Kuning Pastel yang Digunakan:
   - Latar Belakang Hasil: #FFFACD (Lemon Chiffon/Kuning sangat terang)
   - Tombol Utama: #FFDB58 (Kuning Mustard Pastel)
   - Hover & Teks Kontras: #DAA520 (Goldenrod, Emas lembut)
*/
.asphalt-calculator-m2 {
    padding: 20px;
    border: 1px solid #ddd;
    border-radius: 8px;
    max-width: 500px;
    margin: 20px auto;
    font-family: sans-serif;
    background-color: #ffffff;
}

.asphalt-calculator-m2 h3 {
    text-align: center;
    color: #333;
    margin-bottom: 20px;
}

.form-group-m2 {
    margin-bottom: 15px;
}

.form-group-m2 label {
    display: block;
    margin-bottom: 5px;
    font-weight: bold;
    color: #555;
}

.form-group-m2 select,
.form-group-m2 input[type="number"] {
    width: 100%;
    padding: 10px;
    border: 1px solid #ddd;
    border-radius: 4px;
    box-sizing: border-box;
}

.form-group-m2 input[type="number"] {
    -moz-appearance: textfield;
}

.form-group-m2 input[type="number"]::-webkit-outer-spin-button,
.form-group-m2 input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* WARNA TOMBOL HITUNG DIUBAH MENJADI KUNING PASTER */
#calculateM2Btn {
    display: block;
    width: 100%;
    padding: 10px;
    background-color: #FFDB58; /* Kuning Pastel/Mustard */
    color: #333;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    font-size: 16px;
    margin-top: 10px;
    font-weight: bold;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}

#calculateM2Btn:hover {
    background-color: #DAA520; /* Efek Hover (Warna Emas Lembut) */
    color: white;
}

/* LATAR BELAKANG HASIL DIUBAH MENJADI KUNING PASTEL SANGAT TERANG */
#resultM2 {
    margin-top: 20px;
    padding: 15px;
    background-color: #FFFACD; /* Kuning Pastel Sangat Terang */
    border: 1px solid #FFDB58;
    border-radius: 4px;
    text-align: center;
    font-size: 1.1em;
}

#resultM2 span {
    font-weight: bold;
    color: #DAA520;
    display: block;
    margin-top: 5px;
}

#whatsappLinkM2 {
    display: none;
    margin-top: 15px;
    text-align: center;
}

/* WARNA TOMBOL WHATSAPP TETAP HIJAU STANDAR */
#whatsappLinkM2 a {
    display: inline-block;
    padding: 10px 20px;
    background-color: #25D366; 
    color: white;
    text-decoration: none;
    border-radius: 20px;
    font-weight: bold;
}

#whatsappLinkM2 a:hover {
    background-color: #128C7E;
}
/* --- END STYLING (CSS) --- */
</style>

<div class="asphalt-calculator-m2">
    <h3>Kalkulator Biaya Aspal per m2</h3>

    <div class="form-group-m2">
        <label for="materialThickness">Pilih Jenis &#038; Ketebalan Aspal:</label>
        <select id="materialThickness">
            <option value="">&#8212; Pilih Material &#038; Ketebalan &#8212;</option>
            <option value="III Laston|2">III Laston &#8211; 2 cm (Rp 95.000 /m2) </option>
            <option value="III Laston|3">III Laston &#8211; 3 cm (Rp 125.000 / m2)</option>
            <option value="III Laston Spesial|1">III Laston Spesial &#8211; 1 cm (Rp 67.000 / m2)</option>
            <option value="III Laston Spesial|2">III Laston Spesial &#8211; 2 cm (Rp 95.000 /m2)</option>
            <option value="III Laston Spesial|3">III Laston Spesial &#8211; 3 cm (Rp 125.000 / m2)</option>
            <option value="Sandsheet|1">Sandsheet &#8211; 1 cm (Rp 67.000 / m2) </option>
            <option value="Sandsheet|2">Sandsheet &#8211; 2 cm (Rp 95.000 / m2)/<option>
            <option value="HRS|2">HRS &#8211; 2 cm (Rp 95.000 /m2)</option>
            <option value="HRS|3">HRS &#8211; 3 cm (Rp 125.000 / m2)</option>
            <option value="HRS|4">HRS &#8211; 4 cm (Rp 150.000 / m2)</option>
            <option value="AC-WC|3">AC-WC &#8211; 3 cm (Rp 125.000 /m2)</option>
            <option value="AC-WC|4">AC-WC &#8211; 4 cm (Rp 150.000 / m2)</option>
            <option value="AC-WC|5">AC-WC &#8211; 5 cm (Rp 200.000 /m2))</option>
            <option value="AC-BC|4">AC-BC &#8211; 4 cm (Rp 150.000 /m2)</option>
            <option value="AC-BC|5">AC-BC &#8211; 5 cm (Rp 200.000 / m2)</option>
            <option value="ATB|5">ATB &#8211; 5 cm (Rp 200.000 / m2)</option>
        </select>
    </div>

    <div class="form-group-m2">
        <label for="area">Luas Area:</label>
        <input type="number" id="area" placeholder="Masukkan total luas area (contoh: 100)">
    </div>

    <button id="calculateM2Btn">Hitung Total Biaya</button>

    <div id="resultM2" style="display: none;">
        Total Biaya Estimasi: <span id="totalCostM2"></span>
    </div>

    <div id="whatsappLinkM2">
        <a id="waLinkM2" href="#" target="_blank">
            Konsultasikan Harga ke WhatsApp
        </a>
    </div>

</div>

<script>
/* --- LOGIKA PERHITUNGAN (JAVASCRIPT) --- */
document.getElementById('calculateM2Btn').addEventListener('click', function() {
    // Data harga disimpan di sini
    const pricesM2 = {
        "III Laston|2": 95000,
        "III Laston|3": 125000,
        "III Laston Spesial|1": 67000,
        "III Laston Spesial|2": 95000,
        "III Laston Spesial|3": 125000,
        "Sandsheet|1": 67000,
        "Sandsheet|2": 95000,
        "HRS|2": 95000,
        "HRS|3": 125000,
        "HRS|4": 150000,
        "AC-WC|3": 125000,
        "AC-WC|4": 150000,
        "AC-WC|5": 200000,
        "AC-BC|4": 150000,
        "AC-BC|5": 200000,
        "ATB|5": 200000
    };

    const materialThickness = document.getElementById('materialThickness').value;
    const area = parseFloat(document.getElementById('area').value);

    const resultDiv = document.getElementById('resultM2');
    const totalCostSpan = document.getElementById('totalCostM2');
    const waLinkDiv = document.getElementById('whatsappLinkM2');
    const waLinkAnchor = document.getElementById('waLinkM2');

    // Reset tampilan
    resultDiv.style.display = 'none';
    waLinkDiv.style.display = 'none';

    if (!materialThickness || isNaN(area) || area <= 0) {
        alert("Mohon pilih jenis aspal dan masukkan luas area yang valid.");
        return;
    }

    const price = pricesM2[materialThickness];
    const totalCost = area * price;

    // Pisahkan jenis material dan ketebalan
    const [materialName, thickness] = materialThickness.split('|');

    // Format mata uang
    const formattedCost = new Intl.NumberFormat('id-ID', {
        style: 'currency',
        currency: 'IDR',
        minimumFractionDigits: 0
    }).format(totalCost);

    // Tampilkan hasil
    totalCostSpan.textContent = formattedCost;
    resultDiv.style.display = 'block';

    // Buat pesan WhatsApp
    const phoneNumber = "6281910263554"; 
    const message = encodeURIComponent(
        `Halo, saya ingin konsultasi mengenai pemesanan Aspal Hotmix per m².\n\n` +
        `Jenis Material: ${materialName}\n` +
        `Ketebalan: ${thickness} cm\n` +
        `Luas Area: ${area} m²\n` +
        `Estimasi Biaya: ${formattedCost}\n\n` +
        `Mohon informasinya lebih lanjut.`
    );

    const waURL = `https://wa.me/${phoneNumber}?text=${message}`;

    // Tampilkan link WA
    waLinkAnchor.href = waURL;
    waLinkDiv.style.display = 'block';

    // Opsional: Gulir ke hasil
    resultDiv.scrollIntoView({ behavior: 'smooth' });
});
/* --- END LOGIKA PERHITUNGAN (JAVASCRIPT) --- */
</script>



<p></p>



<style>
/* --- STYLING (CSS) --- */
/* Warna Kuning Pastel yang Digunakan:
   - Latar Belakang Hasil: #FFFACD (Lemon Chiffon/Kuning sangat terang)
   - Tombol Utama: #FFDB58 (Kuning Mustard Pastel)
   - Hover & Teks Kontras: #DAA520 (Goldenrod, Emas lembut)
*/
.asphalt-calculator {
    padding: 20px;
    border: 1px solid #ddd; /* Border dibuat lebih soft */
    border-radius: 8px;
    max-width: 500px;
    margin: 20px auto;
    font-family: sans-serif;
    background-color: #ffffff; /* Latar belakang putih */
}

.asphalt-calculator h3 {
    text-align: center;
    color: #333;
    margin-bottom: 20px;
}

.form-group {
    margin-bottom: 15px;
}

.form-group label {
    display: block;
    margin-bottom: 5px;
    font-weight: bold;
    color: #555;
}

.form-group select,
.form-group input[type="number"] {
    width: 100%;
    padding: 10px;
    border: 1px solid #ddd;
    border-radius: 4px;
    box-sizing: border-box; 
}

.form-group input[type="number"] {
    -moz-appearance: textfield;
}

.form-group input[type="number"]::-webkit-outer-spin-button,
.form-group input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* WARNA TOMBOL HITUNG DIUBAH MENJADI KUNING PASTER */
#calculateBtn {
    display: block;
    width: 100%;
    padding: 10px;
    background-color: #FFDB58; /* Kuning Pastel/Mustard */
    color: #333; /* Teks Hitam agar kontras dengan latar kuning */
    border: none;
    border-radius: 4px;
    cursor: pointer;
    font-size: 16px;
    margin-top: 10px;
    font-weight: bold;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1); /* Tambah shadow agar menonjol */
}

#calculateBtn:hover {
    background-color: #DAA520; /* Efek Hover (Warna Emas Lembut) */
    color: white; /* Teks putih saat hover */
}

/* LATAR BELAKANG HASIL DIUBAH MENJADI KUNING PASTEL SANGAT TERANG */
#result {
    margin-top: 20px;
    padding: 15px;
    background-color: #FFFACD; /* Kuning Pastel Sangat Terang */
    border: 1px solid #FFDB58; /* Border Kuning Pastel */
    border-radius: 4px;
    text-align: center;
    font-size: 1.1em;
}

#result span {
    font-weight: bold;
    color: #DAA520; /* Warna teks hasil (Emas Lembut) */
    display: block;
    margin-top: 5px;
}

#whatsappLink {
    display: none; 
    margin-top: 15px;
    text-align: center;
}

/* WARNA TOMBOL WHATSAPP TETAP HIJAU STANDAR UNTUK KONSISTENSI */
#whatsappLink a {
    display: inline-block;
    padding: 10px 20px;
    background-color: #25D366; /* Warna WhatsApp (Standar) */
    color: white;
    text-decoration: none;
    border-radius: 20px;
    font-weight: bold;
}

#whatsappLink a:hover {
    background-color: #128C7E;
}
/* --- END STYLING (CSS) --- */
</style>

<div class="asphalt-calculator">
    <h3>Kalkulator Harga Material Aspal per TON</h3>

    <div class="form-group">
        <label for="asphaltType">Pilih Jenis Aspal per :</label>
        <select id="asphaltType">
            <option value="">-- Pilih Material --</option>
            <option value="ATB">ATB (Asphalt Treated Base) - Rp 1.150.000 / ton</option>
            <option value="AC-BC">AC-BC (Binder Course) - Rp 1.180.000 / ton</option>
            <option value="AC-WC">AC-WC (Wearing Course) - Rp 1.235.000 / ton</option>
            <option value="AC-WC IV A">AC-WC IV A - Rp 1.265.000 / ton</option>
            <option value="3 Laston">3 Laston - Rp 1.270.000 / ton</option>
            <option value="3 Laston Spesial">3 Laston Spesial - Rp 1.400.000 / ton</option>
            <option value="HRS">HRS (Hot Rolled Sheet) - Rp 1.320.000 / ton</option>
            <option value="Sand Sheet">Sand Sheet - Rp 1.480.000 / ton</option>
            <option value="Sand Sheet Spesial">Sand Sheet Spesial - Rp 1.570.000 / ton</option>
            <option value="Aspal Emulsi (Liter)">Aspal Emulsi (Tack Coat) - Rp 15.000 / Liter</option>
            <option value="Aspal Emulsi (Drum)">Aspal Emulsi (Tack Coat) - Rp 2.605.000 / Drum</option>
        </select>
    </div>

    <div class="form-group">
        <label for="quantity">Jumlah (Ton/Liter/Drum):</label>
        <input type="number" id="quantity" placeholder="Masukkan jumlah">
    </div>

    <button id="calculateBtn">Hitung Total Biaya</button>

    <div id="result" style="display: none;">
        Total Biaya Estimasi: <span id="totalCost"></span>
    </div>

    <div id="whatsappLink">
        <a id="waLink" href="#" target="_blank">
            Konsultasikan Harga ke WhatsApp
        </a>
    </div>

</div>

<script>
/* --- LOGIKA PERHITUNGAN (JAVASCRIPT) --- */
document.getElementById('calculateBtn').addEventListener('click', function() {
    const prices = {
        "ATB": 1150000,
        "AC-BC": 1180000,
        "AC-WC": 1235000,
        "AC-WC IV A": 1265000,
        "3 Laston": 1270000,
        "3 Laston Spesial": 1400000,
        "HRS": 1320000,
        "Sand Sheet": 1480000,
        "Sand Sheet Spesial": 1570000,
        "Aspal Emulsi (Liter)": 15000,
        "Aspal Emulsi (Drum)": 2605000
    };

    const asphaltType = document.getElementById('asphaltType').value;
    const quantity = parseFloat(document.getElementById('quantity').value);

    const resultDiv = document.getElementById('result');
    const totalCostSpan = document.getElementById('totalCost');
    const waLinkDiv = document.getElementById('whatsappLink');
    const waLinkAnchor = document.getElementById('waLink');

    // Reset tampilan
    resultDiv.style.display = 'none';
    waLinkDiv.style.display = 'none';

    if (!asphaltType || isNaN(quantity) || quantity <= 0) {
        alert("Mohon lengkapi jenis aspal dan masukkan jumlah yang valid.");
        return;
    }

    const price = prices[asphaltType];
    const totalCost = quantity * price;

    // Format mata uang
    const formattedCost = new Intl.NumberFormat('id-ID', {
        style: 'currency',
        currency: 'IDR',
        minimumFractionDigits: 0
    }).format(totalCost);

    // Tampilkan hasil
    totalCostSpan.textContent = formattedCost;
    resultDiv.style.display = 'block';

    // Buat pesan WhatsApp
    let unit = "TON";
    if (asphaltType.includes('(Liter)')) {
        unit = "Liter";
    } else if (asphaltType.includes('(Drum)')) {
        unit = "Drum";
    }
    
    // Angka WA
    const phoneNumber = "6281910263554"; 
    const message = encodeURIComponent(
        `Halo, saya ingin konsultasi mengenai pemesanan material Aspal.\n\n` +
        `Jenis Material: ${asphaltType}\n` +
        `Jumlah: ${quantity} ${unit}\n` +
        `Estimasi Biaya: ${formattedCost}\n\n` +
        `Mohon informasinya lebih lanjut.`
    );

    const waURL = `https://wa.me/${phoneNumber}?text=${message}`;

    // Tampilkan link WA
    waLinkAnchor.href = waURL;
    waLinkDiv.style.display = 'block';

    // Opsional: Gulir ke hasil
    resultDiv.scrollIntoView({ behavior: 'smooth' });
});

// Menambahkan keterangan unit yang berubah
document.getElementById('asphaltType').addEventListener('change', function() {
    const selectedValue = this.value;
    const quantityInput = document.getElementById('quantity');
    const label = document.querySelector('label[for="quantity"]');
    
    let unitText = "Ton";
    if (selectedValue.includes('(Liter)')) {
        unitText = "Liter";
    } else if (selectedValue.includes('(Drum)')) {
        unitText = "Drum";
    }

    label.textContent = `Jumlah (${unitText}):`;
    quantityInput.placeholder = `Masukkan jumlah dalam ${unitText}`;
});
/* --- END LOGIKA PERHITUNGAN (JAVASCRIPT) --- */
</script>



<p></p>



<h2 class="wp-block-heading has-text-align-center">FAQ: Pertanyaan Umum Seputar Harga Aspal rangkasbitung</h2>



<div class="schema-faq wp-block-yoast-faq-block"><div class="schema-faq-section" id="faq-question-1763008132999"><strong class="schema-faq-question">Apakah bisa mendapatkan rincian penawaran lengkap?</strong> <p class="schema-faq-answer">Bisa, anda akan menerima rincian berupa jenis material, volume, ketebalan, hingga estimasi waktu pengerjaan.</p> </div> <div class="schema-faq-section" id="faq-question-1763008187868"><strong class="schema-faq-question">Apakah harga sudah termasuk transportasi material hotmix?</strong> <p class="schema-faq-answer">Umumnya sudah termasuk, namun jika lokasi sangat jauh dari AMP, biaya transport dapat menyesuaikan.</p> </div> <div class="schema-faq-section" id="faq-question-1763008229071"><strong class="schema-faq-question">Apakah ada minimal pemesanan?</strong> <p class="schema-faq-answer">Ya, untuk efisiensi produksi dan pengiriman, minimal order 5 ton. Namun, kami juga melayani proyek kecil dengan sistem pengiriman khusus atau coldmix.</p> </div> <div class="schema-faq-section" id="faq-question-1763008366458"><strong class="schema-faq-question">Apakah tersedia layanan konsultasi gratis?</strong> <p class="schema-faq-answer">Ya, kami menyediakan konsultasi gratis seputar pemilihan jenis aspal, ketebalan ideal, dan perhitungan kebutuhan material.</p> </div> <div class="schema-faq-section" id="faq-question-1763008385974"><strong class="schema-faq-question">Apakah harga aspal Rangkasbitung bisa dinegosiasi?</strong> <p class="schema-faq-answer">Bisa. Harga dapat disesuaikan dengan volume pekerjaan, luas area, dan kondisi lapangan.</p> </div> </div>
<p>The post <a href="https://www.catinpaint.co.id/harga-aspal-rangkasbitung/">Harga Aspal Rangkasbitung Murah Dan Terupdate</a> appeared first on <a href="https://www.catinpaint.co.id">Cat Marka Jalan Catin</a>.</p>
]]></content:encoded>
					
					<wfw:commentRss>https://www.catinpaint.co.id/harga-aspal-rangkasbitung/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>Harga Aspal Karawang Berkualitas Terbaru</title>
		<link>https://www.catinpaint.co.id/harga-aspal-karawang/</link>
					<comments>https://www.catinpaint.co.id/harga-aspal-karawang/#respond</comments>
		
		<dc:creator><![CDATA[Catin Paint]]></dc:creator>
		<pubDate>Wed, 12 Nov 2025 07:54:30 +0000</pubDate>
				<category><![CDATA[harga aspal]]></category>
		<guid isPermaLink="false">https://www.catinpaint.co.id/?p=2011</guid>

					<description><![CDATA[<p>Mencari harga aspal Karawang berkualitas paling terbaru, transparan, dan sesuai kebutuhan proyek anda? catinpaint menyediakan layanan pengaspalan profesional dengan material hotmix bersertifikat serta tim berpengalaman yang siap memberikan hasil rapi, kuat, dan tahan lama. Dengan standar kerja terbaik dan harga yang kompetitif, anda dapat memastikan proyek jalan, halaman, ataupun perumahan di Karawang selesai tepat waktu [&#8230;]</p>
<p>The post <a href="https://www.catinpaint.co.id/harga-aspal-karawang/">Harga Aspal Karawang Berkualitas Terbaru</a> appeared first on <a href="https://www.catinpaint.co.id">Cat Marka Jalan Catin</a>.</p>
]]></description>
										<content:encoded><![CDATA[
<p>Mencari harga aspal Karawang berkualitas paling terbaru, transparan, dan sesuai kebutuhan proyek anda? <em><a href="https://www.catinpaint.co.id/">catinpaint</a></em> menyediakan layanan pengaspalan profesional dengan material hotmix bersertifikat serta tim berpengalaman yang siap memberikan hasil rapi, kuat, dan tahan lama. Dengan standar kerja terbaik dan harga yang kompetitif, anda dapat memastikan proyek jalan, halaman, ataupun perumahan di Karawang selesai tepat waktu dan sesuai dengan spesifikasi teknis. Dapatkan penawaran <a href="https://www.catinpaint.co.id/harga-aspal/">harga aspal</a> Karawang yang lebih akurat, cepat, dan berkualitas tinggi. </p>



<h2 class="wp-block-heading has-text-align-center"> Infrastruktur Kokoh dengan Aspal Berkualitas Tinggi</h2>



<p>Catinpaint berkomitmen untuk mewujudkan infrastruktur yang kuat, tahan lama, dan bernilai tinggi melalui penggunaan aspal berkualitas terbaik. Dengan pengalaman profesional di bidang pengaspalan jalan, kami menghadirkan solusi tepat untuk setiap kebutuhan proyek, mulai dari jalan raya, kawasan industri, hingga area perumahan dan fasilitas umum.</p>



<figure class="wp-block-image aligncenter size-full"><img loading="lazy" decoding="async" width="500" height="409" src="https://www.catinpaint.co.id/wp-content/uploads/2025/11/harag-aspal-karawang-promo-ahir-tahun.png" alt="harga aspal karawang terbaru" class="wp-image-2012" srcset="https://www.catinpaint.co.id/wp-content/uploads/2025/11/harag-aspal-karawang-promo-ahir-tahun.png 500w, https://www.catinpaint.co.id/wp-content/uploads/2025/11/harag-aspal-karawang-promo-ahir-tahun-300x245.png 300w" sizes="auto, (max-width: 500px) 100vw, 500px" /></figure>



<h2 class="wp-block-heading has-text-align-center">Produk Aspal Unggulan Kami</h2>



<p>Kami menyediakan beragam jenis produk aspal unggulan yang dapat disesuaikan dengan kebutuhan proyek anda, mulai dari jalan lingkungan hingga kawasan industri.<br>Berikut beberapa pilihan produk unggulan kami</p>



<h3 class="wp-block-heading">Aspal Hotmix AC-BC (Asphalt Concrete – Binder Course)</h3>



<p>Aspal AC-BC adalah lapisan pengikat antara lapisan dasar (base course) dan lapisan permukaan (wearing course). Lapisan ini berfungsi untuk menyebarkan beban kendaraan secara merata, meningkatkan kekuatan ikatan antar lapisan, serta menjaga stabilitas struktur jalan secara keseluruhan.</p>



<h3 class="wp-block-heading">Aspal Hotmix AC-Base (Asphalt Concrete – Base Course)</h3>



<p>Aspal AC-Base merupakan lapisan dasar struktural yang berperan penting dalam menahan beban berat kendaraan dan mendistribusikannya ke tanah dasar (subgrade). Lapisan ini memiliki gradasi agregat kasar dan kandungan aspal lebih rendah dibanding lapisan atasnya, sehingga kuat dan stabil untuk menopang struktur di atasnya.</p>



<h3 class="wp-block-heading">Aspal ATB (Asphalt Treated Base)</h3>



<p>Aspal ATB adalah campuran aspal dan agregat yang digunakan sebagai <a href="https://binamarga.pu.go.id/uploads/files/426/spesifikasi-umum-2018-revisi-1.pdf?">lapisan pondasi beraspal (base course)</a> dengan fleksibilitas tinggi. Lapisan ini membantu meningkatkan daya tahan terhadap retak dan deformasi akibat beban berat atau suhu ekstrem.</p>



<h3 class="wp-block-heading">Aspal Coldmix (Aspal Dingin)</h3>



<p>Aspal Coldmix atau aspal dingin siap pakai adalah campuran aspal yang dapat digunakan tanpa proses pemanasan, sehingga sangat praktis dan efisien. Jenis aspal ini cocok untuk perbaikan jalan sementara, tambalan lubang (pothole repair), atau area yang sulit dijangkau alat berat.</p>



<h3 class="wp-block-heading">Aspal Sand Sheet (Lapis Tipis Aspal Pasir)</h3>



<p>Aspal Sand Sheet merupakan lapisan tipis beraspal yang terbuat dari campuran aspal dan pasir halus, digunakan untuk melindungi permukaan jalan lama atau meningkatkan daya lekat sebelum pelapisan ulang (overlay).</p>



<h2 class="wp-block-heading has-text-align-center">Informasi Harga Aspal Karawang Terupdate</h2>



<p>Dapatkan informasi terbaru seputar harga aspal Karawang langsung dari penyedia terpercaya yang melayani wilayah anda. Kami menawarkan harga yang kompetitif dan transparan, disesuaikan dengan jenis material serta kebutuhan proyek anda mulai dari pengaspalan jalan perumahan hingga proyek industri besar.</p>



<!-- 🌕 TABEL CUSTOM DAFTAR HARGA MATERIAL ASPAL (TEMA KUNING RAMPING) -->
<style>
  .asphalt-table-wrap {
    --accent: #FFD54A;      /* warna kuning utama */
    --accent-dark: #F0B800; /* warna kuning gelap */
    --text: #222;
    --border: rgba(0,0,0,0.1);
    font-family: "Segoe UI", Roboto, Arial, sans-serif;
    margin: 1.5rem 0;
  }

  .asphalt-table {
    width: 100%;
    max-width: 700px; /* tabel ramping */
    margin: 0 auto;
    border-collapse: collapse;
    background: #fffef7;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0 3px 10px rgba(0,0,0,0.05);
    font-size: 0.9rem;
  }

  .asphalt-table caption {
    background: linear-gradient(90deg, var(--accent), var(--accent-dark));
    color: #111;
    font-weight: 700;
    text-align: center;
    padding: 12px 14px;
    font-size: 1rem;
    letter-spacing: 0.3px;
  }

  .asphalt-table thead th {
    background: rgba(0,0,0,0.05);
    color: var(--text);
    font-weight: 600;
    padding: 8px 10px;
    border-bottom: 2px solid var(--border);
    text-align: left;
  }

  .asphalt-table tbody td {
    padding: 8px 10px;
    border-bottom: 1px solid var(--border);
    color: var(--text);
  }

  .asphalt-table tbody tr:nth-child(even) {
    background: rgba(255, 213, 74, 0.05);
  }

  .asphalt-table tbody tr:hover {
    background: rgba(255, 213, 74, 0.15);
    transition: 0.2s ease;
  }

  .unit {
    text-align: center;
    color: #444;
    font-weight: 600;
  }

  .price {
    text-align: right;
    font-weight: 700;
    color: #000;
    white-space: nowrap;
  }

  /* 📱 Responsif Mobile */
  @media (max-width: 640px) {
    .asphalt-table thead { display: none; }
    .asphalt-table, .asphalt-table tbody, .asphalt-table tr, .asphalt-table td {
      display: block;
      width: 100%;
    }
    .asphalt-table tr {
      margin-bottom: 12px;
      background: #fff;
      border-radius: 8px;
      box-shadow: 0 2px 6px rgba(0,0,0,0.03);
    }
    .asphalt-table td {
      padding: 8px 12px;
      border: none;
      position: relative;
    }
    .asphalt-table td::before {
      content: attr(data-label);
      display: block;
      font-size: 0.8rem;
      color: rgba(0,0,0,0.6);
      margin-bottom: 4px;
      font-weight: 600;
    }
    .price, .unit { text-align: left; }
  }
</style>

<div class="asphalt-table-wrap">
  <table class="asphalt-table" role="table" aria-label="Daftar Harga Aspal">
    <caption>Daftar Harga Aspal (Spesifikasi Teknis)</caption>
    <thead>
      <tr>
        <th scope="col">Jenis Aspal (Spesifikasi Teknis)</th>
        <th scope="col">Satuan</th>
        <th scope="col">Harga Material (Rp)</th>
      </tr>
    </thead>
    <tbody>
      <tr>
        <td data-label="Jenis Aspal"><strong>ATB</strong> (Asphalt Treated Base)</td>
        <td class="unit" data-label="Satuan">/ ton</td>
        <td class="price" data-label="Harga Material">1.150.000,-</td>
      </tr>
      <tr>
        <td data-label="Jenis Aspal"><strong>AC-BC</strong> (Binder Course)</td>
        <td class="unit">/ ton</td>
        <td class="price">1.180.000,-</td>
      </tr>
      <tr>
        <td data-label="Jenis Aspal"><strong>AC-WC</strong> (Wearing Course)</td>
        <td class="unit">/ ton</td>
        <td class="price">1.235.000,-</td>
      </tr>
      <tr>
        <td>AC-WC IV A</td>
        <td class="unit">/ ton</td>
        <td class="price">1.265.000,-</td>
      </tr>
      <tr>
        <td>3 Laston</td>
        <td class="unit">/ ton</td>
        <td class="price">1.270.000,-</td>
      </tr>
      <tr>
        <td>3 Laston Spesial</td>
        <td class="unit">/ ton</td>
        <td class="price">1.400.000,-</td>
      </tr>
      <tr>
        <td><strong>HRS</strong> (Hot Rolled Sheet)</td>
        <td class="unit">/ ton</td>
        <td class="price">1.320.000,-</td>
      </tr>
      <tr>
        <td>Sand Sheet</td>
        <td class="unit">/ ton</td>
        <td class="price">1.480.000,-</td>
      </tr>
      <tr>
        <td>Sand Sheet Spesial</td>
        <td class="unit">/ ton</td>
        <td class="price">1.570.000,-</td>
      </tr>
      <tr>
        <td><strong>Aspal Emulsi</strong> (Tack Coat)</td>
        <td class="unit">/ Liter</td>
        <td class="price">15.000,-</td>
      </tr>
      <tr>
        <td><strong>Aspal Emulsi</strong> (Tack Coat)</td>
        <td class="unit">/ Drum</td>
        <td class="price">2.605.000,-</td>
      </tr>
    </tbody>
  </table>
</div>
<!-- 🌕 END TABEL CUSTOM ASPAL -->



<p></p>



<style>
.table-aspal {
  width: 80%;
  max-width: 700px;
  margin: 30px auto;
  border-collapse: collapse;
  font-family: 'Segoe UI', Arial, sans-serif;
  background-color: #fffdf5;
  border: 1px solid #f2d56b;
  border-radius: 10px;
  overflow: hidden;
  box-shadow: 0 2px 8px rgba(0,0,0,0.05);
}

.table-aspal caption {
  font-size: 20px;
  font-weight: 600;
  color: #222;
  text-align: center;
  background-color: #f7c948;
  padding: 14px;
  border-bottom: 2px solid #f0b400;
}

.table-aspal th {
  background-color: #fff6cc;
  color: #333;
  text-align: center;
  font-size: 16px;
  font-weight: 600;
  padding: 10px;
  border-bottom: 1px solid #f0e0a0;
}

.table-aspal td {
  padding: 10px;
  font-size: 15px;
  color: #444;
  text-align: center;
  border-bottom: 1px solid #f7eeb0;
}

.table-aspal tr:last-child td {
  border-bottom: none;
}

.table-aspal tr:hover td {
  background-color: #fffbe2;
  transition: 0.2s ease;
}

@media screen and (max-width: 768px) {
  .table-aspal {
    width: 95%;
    font-size: 14px;
  }
}
</style>

<table class="table-aspal">
  <caption>Daftar Harga Aspal Hotmix per m²</caption>

  <tr><th colspan="2">III Laston</th></tr>
  <tr><td>Ketebalan 2 cm</td><td>Rp 95.000,-</td></tr>
  <tr><td>Ketebalan 3 cm</td><td>Rp 125.000,-</td></tr>

  <tr><th colspan="2">III Laston Spesial</th></tr>
  <tr><td>Ketebalan 1 cm</td><td>Rp 67.000,-</td></tr>
  <tr><td>Ketebalan 2 cm</td><td>Rp 95.000,-</td></tr>
  <tr><td>Ketebalan 3 cm</td><td>Rp 125.000,-</td></tr>

  <tr><th colspan="2">Sandsheet</th></tr>
  <tr><td>Ketebalan 1 cm</td><td>Rp 67.000,-</td></tr>
  <tr><td>Ketebalan 2 cm</td><td>Rp 95.000,-</td></tr>

  <tr><th colspan="2">HRS</th></tr>
  <tr><td>Ketebalan 2 cm</td><td>Rp 95.000,-</td></tr>
  <tr><td>Ketebalan 3 cm</td><td>Rp 125.000,-</td></tr>
  <tr><td>Ketebalan 4 cm</td><td>Rp 150.000,-</td></tr>

  <tr><th colspan="2">AC-WC</th></tr>
  <tr><td>Ketebalan 3 cm</td><td>Rp 125.000,-</td></tr>
  <tr><td>Ketebalan 4 cm</td><td>Rp 150.000,-</td></tr>
  <tr><td>Ketebalan 5 cm</td><td>Rp 200.000,-</td></tr>

  <tr><th colspan="2">AC-BC</th></tr>
  <tr><td>Ketebalan 4 cm</td><td>Rp 150.000,-</td></tr>
  <tr><td>Ketebalan 5 cm</td><td>Rp 200.000,-</td></tr>

  <tr><th colspan="2">ATB</th></tr>
  <tr><td>Ketebalan 5 cm</td><td>Rp 200.000,-</td></tr>
</table>



<p></p>



<h2 class="wp-block-heading has-text-align-center">Keunggulan Membeli Aspal di Catinpaint</h2>



<p>Memilih catinpaint sebagai penyedia aspal bukan hanya soal harga, tetapi juga kualitas dan kepercayaan. Kami berkomitmen menghadirkan solusi pengaspalan yang efisien, ramah lingkungan, dan tepat waktu. Berikut beberapa keunggulan yang membuat kami menjadi pilihan utama bagi banyak kontraktor dan proyek di berbagai daerah</p>



<h3 class="wp-block-heading">Kualitas Aspal Terjamin</h3>



<p>Setiap produk yang kami tawarkan telah melalui proses uji mutu dan sesuai dengan standar Spesifikasi Umum Bina Marga, memastikan hasil pengaspalan yang kuat, tahan lama, dan stabil di segala kondisi cuaca</p>



<h3 class="wp-block-heading">Harga Kompetitif dan Transparan</h3>



<p>Kami memberikan harga aspal yang bersaing tanpa biaya tersembunyi. Penawaran kami disesuaikan dengan volume dan kebutuhan proyek, sehingga Anda bisa mengatur anggaran dengan lebih efisien.</p>



<h3 class="wp-block-heading">Pengemasan Praktis dan Ramah Lingkungan</h3>



<p>Aspal dikemas menggunakan sistem modern yang mudah dibuka dan tidak meninggalkan limbah logam, membantu menjaga kebersihan lokasi proyek serta meminimalkan sisa material terbuang.</p>



<h3 class="wp-block-heading">Pengiriman Cepat dan Tepat Waktu</h3>



<p>Kami memahami pentingnya ketepatan waktu dalam proyek. Karena itu, catinpaint menjamin proses distribusi aspal berjalan cepat, aman, dan sesuai jadwal yang telah disepakati</p>



<h3 class="wp-block-heading">Pelayanan Profesional dan Responsif</h3>



<p>Tim kami siap membantu anda mulai dari konsultasi hingga tahap pengiriman. Layanan pelanggan kami responsif, ramah, dan berpengalaman dalam menangani berbagai kebutuhan proyek pengaspalan.</p>



<figure class="wp-block-gallery has-nested-images columns-default is-cropped wp-block-gallery-7 is-layout-flex wp-block-gallery-is-layout-flex">
<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="500" height="472" data-id="2013" src="https://www.catinpaint.co.id/wp-content/uploads/2025/11/harga-aspal-karawang-free-konsultasi.png" alt="harga aspal karawang free konsultasi" class="wp-image-2013" srcset="https://www.catinpaint.co.id/wp-content/uploads/2025/11/harga-aspal-karawang-free-konsultasi.png 500w, https://www.catinpaint.co.id/wp-content/uploads/2025/11/harga-aspal-karawang-free-konsultasi-300x283.png 300w" sizes="auto, (max-width: 500px) 100vw, 500px" /></figure>



<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="500" height="471" data-id="2014" src="https://www.catinpaint.co.id/wp-content/uploads/2025/11/harga-aspal-karawang-free-survey.png" alt="harga aspal karawang free survet" class="wp-image-2014" srcset="https://www.catinpaint.co.id/wp-content/uploads/2025/11/harga-aspal-karawang-free-survey.png 500w, https://www.catinpaint.co.id/wp-content/uploads/2025/11/harga-aspal-karawang-free-survey-300x283.png 300w" sizes="auto, (max-width: 500px) 100vw, 500px" /></figure>



<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="500" height="438" data-id="2016" src="https://www.catinpaint.co.id/wp-content/uploads/2025/11/harga-aspal-karawang-murah.png" alt="harga aspal karawang terdekat" class="wp-image-2016" srcset="https://www.catinpaint.co.id/wp-content/uploads/2025/11/harga-aspal-karawang-murah.png 500w, https://www.catinpaint.co.id/wp-content/uploads/2025/11/harga-aspal-karawang-murah-300x263.png 300w" sizes="auto, (max-width: 500px) 100vw, 500px" /></figure>



<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="500" height="448" data-id="2015" src="https://www.catinpaint.co.id/wp-content/uploads/2025/11/harga-aspal-karawang-pedesaan.png" alt="harga aspal karawnag murah " class="wp-image-2015" srcset="https://www.catinpaint.co.id/wp-content/uploads/2025/11/harga-aspal-karawang-pedesaan.png 500w, https://www.catinpaint.co.id/wp-content/uploads/2025/11/harga-aspal-karawang-pedesaan-300x269.png 300w" sizes="auto, (max-width: 500px) 100vw, 500px" /></figure>



<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="500" height="428" data-id="2017" src="https://www.catinpaint.co.id/wp-content/uploads/2025/11/harga-aspal-karawang-terbaru-update.png" alt="harga aspal karawang 60.000/m2" class="wp-image-2017" srcset="https://www.catinpaint.co.id/wp-content/uploads/2025/11/harga-aspal-karawang-terbaru-update.png 500w, https://www.catinpaint.co.id/wp-content/uploads/2025/11/harga-aspal-karawang-terbaru-update-300x257.png 300w" sizes="auto, (max-width: 500px) 100vw, 500px" /></figure>



<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="500" height="433" data-id="2018" src="https://www.catinpaint.co.id/wp-content/uploads/2025/11/harga-aspal-karawang-terbaru.png" alt="harga perbaikan jalan karawang " class="wp-image-2018" srcset="https://www.catinpaint.co.id/wp-content/uploads/2025/11/harga-aspal-karawang-terbaru.png 500w, https://www.catinpaint.co.id/wp-content/uploads/2025/11/harga-aspal-karawang-terbaru-300x260.png 300w" sizes="auto, (max-width: 500px) 100vw, 500px" /></figure>
</figure>



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



<style>
.testimoni-container {
  display: flex;
  flex-direction: column;
  gap: 20px;
  max-width: 700px;
  margin: 0 auto;
  font-family: "Poppins", sans-serif;
}

.testimoni-card {
  background-color: #FFF3A1; /* kuning lebih pekat */
  border: 1px solid #E6C94E;
  border-radius: 12px;
  padding: 18px 20px;
  box-shadow: 0 3px 8px rgba(0,0,0,0.12);
}

.testimoni-card p {
  font-size: 15px;
  color: #333;
  line-height: 1.6;
  margin-bottom: 10px;
}

.testimoni-card strong {
  display: block;
  color: #1e1e1e;
  font-size: 16px;
}

.testimoni-card span {
  display: block;
  color: #4a4a4a;
  font-size: 14px;
}
.testimoni-heading {
  text-align: center;
  font-size: 22px;
  font-weight: 700;
  margin-bottom: 25px;
  color: #2f2f2f;
}
</style>

<div class="testimoni-section">
  <h2 class="testimoni-heading"></h2>

  <div class="testimoni-container">
    <div class="testimoni-card">
      <p>Harga aspal Cikarang di sini sangat bersaing dan kualitasnya terbukti bagus. Jalan akses pabrik kami sekarang jauh lebih rapi dan kuat.</p>
      <strong>Andi Pratama</strong>
      <span>PT Cipta Karya Mandiri</span>
    </div>

    <div class="testimoni-card">
      <p>Harga aspalnya kompetitif dan transparan. Saya puas dengan kualitas serta ketepatan waktu pengerjaan.</p>
      <strong>Sinta Amelia</strong>
      <span>CV Mega Beton Jaya</span>
    </div>

    <div class="testimoni-card">
      <p>Awalnya ragu, tapi setelah dikerjakan, hasilnya sangat solid. Harga aspalnya sesuai kualitas dan tidak mengecewakan..</p>
      <strong>Rizky Firmansyah</strong>
      <span>PT Karya Aspal Nusantara</span>
    </div>

    <div class="testimoni-card">
      <p>Tim profesional, respon cepat, dan proses survey gratis. Harga aspal Cikarang di sini paling masuk akal dibanding yang lain.</p>
      <strong>Dewi Lestari</strong>
      <span>PT Sinar Paving Indonesia</span>
    </div>

    <div class="testimoni-card">
      <p>Pengerjaannya rapi, permukaan halus, dan kuat untuk kendaraan besar. Sangat puas dengan harga dan kualitasnya.</p>
      <strong>Endang sukamti</strong>
      <span>CV Mitra Jalan Raya</span>
    </div>

    <div class="testimoni-card">
      <p>Harga aspal Cikarang di sini benar-benar sesuai budget. Pengerjaannya cepat dan hasilnya rapi tanpa retak.</p>
      <strong>Rina Kurniawati</strong>
      <span>PT Global Aspalindo</span>
    </div>
  </div>
</div>



<p></p>



<h2 class="wp-block-heading has-text-align-center">Segera Dapatkan Penawaran Harga Aspal Karawang Terbaik Hari Ini!</h2>



<p>Ingin mendapatkan harga aspal terbaik untuk proyek jalan, perumahan, atau area industri anda? catinpaint siap memberikan penawaran istimewa dengan kualitas material unggul, pelayanan cepat, dan hasil pengerjaan yang terbukti kuat serta tahan lama. Dengan dukungan tim profesional dan jaringan distribusi luas, kami pastikan anda memperoleh solusi pengaspalan yang efisien dan hemat biaya.</p>



<style>
/* --- STYLING (CSS) --- */
/* Warna Kuning Pastel yang Digunakan:
   - Latar Belakang Hasil: #FFFACD (Lemon Chiffon/Kuning sangat terang)
   - Tombol Utama: #FFDB58 (Kuning Mustard Pastel)
   - Hover & Teks Kontras: #DAA520 (Goldenrod, Emas lembut)
*/
.asphalt-calculator {
    padding: 20px;
    border: 1px solid #ddd; /* Border dibuat lebih soft */
    border-radius: 8px;
    max-width: 500px;
    margin: 20px auto;
    font-family: sans-serif;
    background-color: #ffffff; /* Latar belakang putih */
}

.asphalt-calculator h3 {
    text-align: center;
    color: #333;
    margin-bottom: 20px;
}

.form-group {
    margin-bottom: 15px;
}

.form-group label {
    display: block;
    margin-bottom: 5px;
    font-weight: bold;
    color: #555;
}

.form-group select,
.form-group input[type="number"] {
    width: 100%;
    padding: 10px;
    border: 1px solid #ddd;
    border-radius: 4px;
    box-sizing: border-box; 
}

.form-group input[type="number"] {
    -moz-appearance: textfield;
}

.form-group input[type="number"]::-webkit-outer-spin-button,
.form-group input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* WARNA TOMBOL HITUNG DIUBAH MENJADI KUNING PASTER */
#calculateBtn {
    display: block;
    width: 100%;
    padding: 10px;
    background-color: #FFDB58; /* Kuning Pastel/Mustard */
    color: #333; /* Teks Hitam agar kontras dengan latar kuning */
    border: none;
    border-radius: 4px;
    cursor: pointer;
    font-size: 16px;
    margin-top: 10px;
    font-weight: bold;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1); /* Tambah shadow agar menonjol */
}

#calculateBtn:hover {
    background-color: #DAA520; /* Efek Hover (Warna Emas Lembut) */
    color: white; /* Teks putih saat hover */
}

/* LATAR BELAKANG HASIL DIUBAH MENJADI KUNING PASTEL SANGAT TERANG */
#result {
    margin-top: 20px;
    padding: 15px;
    background-color: #FFFACD; /* Kuning Pastel Sangat Terang */
    border: 1px solid #FFDB58; /* Border Kuning Pastel */
    border-radius: 4px;
    text-align: center;
    font-size: 1.1em;
}

#result span {
    font-weight: bold;
    color: #DAA520; /* Warna teks hasil (Emas Lembut) */
    display: block;
    margin-top: 5px;
}

#whatsappLink {
    display: none; 
    margin-top: 15px;
    text-align: center;
}

/* WARNA TOMBOL WHATSAPP TETAP HIJAU STANDAR UNTUK KONSISTENSI */
#whatsappLink a {
    display: inline-block;
    padding: 10px 20px;
    background-color: #25D366; /* Warna WhatsApp (Standar) */
    color: white;
    text-decoration: none;
    border-radius: 20px;
    font-weight: bold;
}

#whatsappLink a:hover {
    background-color: #128C7E;
}
/* --- END STYLING (CSS) --- */
</style>

<div class="asphalt-calculator">
    <h3>Kalkulator Harga Material Aspal per TON</h3>

    <div class="form-group">
        <label for="asphaltType">Pilih Jenis Aspal per :</label>
        <select id="asphaltType">
            <option value="">&#8212; Pilih Material &#8212;</option>
            <option value="ATB">ATB (Asphalt Treated Base) &#8211; Rp 1.150.000 / ton</option>
            <option value="AC-BC">AC-BC (Binder Course) &#8211; Rp 1.180.000 / ton</option>
            <option value="AC-WC">AC-WC (Wearing Course) &#8211; Rp 1.235.000 / ton</option>
            <option value="AC-WC IV A">AC-WC IV A &#8211; Rp 1.265.000 / ton</option>
            <option value="3 Laston">3 Laston &#8211; Rp 1.270.000 / ton</option>
            <option value="3 Laston Spesial">3 Laston Spesial &#8211; Rp 1.400.000 / ton</option>
            <option value="HRS">HRS (Hot Rolled Sheet) &#8211; Rp 1.320.000 / ton</option>
            <option value="Sand Sheet">Sand Sheet &#8211; Rp 1.480.000 / ton</option>
            <option value="Sand Sheet Spesial">Sand Sheet Spesial &#8211; Rp 1.570.000 / ton</option>
            <option value="Aspal Emulsi (Liter)">Aspal Emulsi (Tack Coat) &#8211; Rp 15.000 / Liter</option>
            <option value="Aspal Emulsi (Drum)">Aspal Emulsi (Tack Coat) &#8211; Rp 2.605.000 / Drum</option>
        </select>
    </div>

    <div class="form-group">
        <label for="quantity">Jumlah (Ton/Liter/Drum):</label>
        <input type="number" id="quantity" placeholder="Masukkan jumlah">
    </div>

    <button id="calculateBtn">Hitung Total Biaya</button>

    <div id="result" style="display: none;">
        Total Biaya Estimasi: <span id="totalCost"></span>
    </div>

    <div id="whatsappLink">
        <a id="waLink" href="#" target="_blank">
            Konsultasikan Harga ke WhatsApp
        </a>
    </div>

</div>

<script>
/* --- LOGIKA PERHITUNGAN (JAVASCRIPT) --- */
document.getElementById('calculateBtn').addEventListener('click', function() {
    const prices = {
        "ATB": 1150000,
        "AC-BC": 1180000,
        "AC-WC": 1235000,
        "AC-WC IV A": 1265000,
        "3 Laston": 1270000,
        "3 Laston Spesial": 1400000,
        "HRS": 1320000,
        "Sand Sheet": 1480000,
        "Sand Sheet Spesial": 1570000,
        "Aspal Emulsi (Liter)": 15000,
        "Aspal Emulsi (Drum)": 2605000
    };

    const asphaltType = document.getElementById('asphaltType').value;
    const quantity = parseFloat(document.getElementById('quantity').value);

    const resultDiv = document.getElementById('result');
    const totalCostSpan = document.getElementById('totalCost');
    const waLinkDiv = document.getElementById('whatsappLink');
    const waLinkAnchor = document.getElementById('waLink');

    // Reset tampilan
    resultDiv.style.display = 'none';
    waLinkDiv.style.display = 'none';

    if (!asphaltType || isNaN(quantity) || quantity <= 0) {
        alert("Mohon lengkapi jenis aspal dan masukkan jumlah yang valid.");
        return;
    }

    const price = prices[asphaltType];
    const totalCost = quantity * price;

    // Format mata uang
    const formattedCost = new Intl.NumberFormat('id-ID', {
        style: 'currency',
        currency: 'IDR',
        minimumFractionDigits: 0
    }).format(totalCost);

    // Tampilkan hasil
    totalCostSpan.textContent = formattedCost;
    resultDiv.style.display = 'block';

    // Buat pesan WhatsApp
    let unit = "TON";
    if (asphaltType.includes('(Liter)')) {
        unit = "Liter";
    } else if (asphaltType.includes('(Drum)')) {
        unit = "Drum";
    }
    
    // Angka WA
    const phoneNumber = "6281910263554"; 
    const message = encodeURIComponent(
        `Halo, saya ingin konsultasi mengenai pemesanan material Aspal.\n\n` +
        `Jenis Material: ${asphaltType}\n` +
        `Jumlah: ${quantity} ${unit}\n` +
        `Estimasi Biaya: ${formattedCost}\n\n` +
        `Mohon informasinya lebih lanjut.`
    );

    const waURL = `https://wa.me/${phoneNumber}?text=${message}`;

    // Tampilkan link WA
    waLinkAnchor.href = waURL;
    waLinkDiv.style.display = 'block';

    // Opsional: Gulir ke hasil
    resultDiv.scrollIntoView({ behavior: 'smooth' });
});

// Menambahkan keterangan unit yang berubah
document.getElementById('asphaltType').addEventListener('change', function() {
    const selectedValue = this.value;
    const quantityInput = document.getElementById('quantity');
    const label = document.querySelector('label[for="quantity"]');
    
    let unitText = "Ton";
    if (selectedValue.includes('(Liter)')) {
        unitText = "Liter";
    } else if (selectedValue.includes('(Drum)')) {
        unitText = "Drum";
    }

    label.textContent = `Jumlah (${unitText}):`;
    quantityInput.placeholder = `Masukkan jumlah dalam ${unitText}`;
});
/* --- END LOGIKA PERHITUNGAN (JAVASCRIPT) --- */
</script>



<p></p>



<style>
/* --- STYLING (CSS) --- */
/* Warna Kuning Pastel yang Digunakan:
   - Latar Belakang Hasil: #FFFACD (Lemon Chiffon/Kuning sangat terang)
   - Tombol Utama: #FFDB58 (Kuning Mustard Pastel)
   - Hover & Teks Kontras: #DAA520 (Goldenrod, Emas lembut)
*/
.asphalt-calculator-m2 {
    padding: 20px;
    border: 1px solid #ddd;
    border-radius: 8px;
    max-width: 500px;
    margin: 20px auto;
    font-family: sans-serif;
    background-color: #ffffff;
}

.asphalt-calculator-m2 h3 {
    text-align: center;
    color: #333;
    margin-bottom: 20px;
}

.form-group-m2 {
    margin-bottom: 15px;
}

.form-group-m2 label {
    display: block;
    margin-bottom: 5px;
    font-weight: bold;
    color: #555;
}

.form-group-m2 select,
.form-group-m2 input[type="number"] {
    width: 100%;
    padding: 10px;
    border: 1px solid #ddd;
    border-radius: 4px;
    box-sizing: border-box;
}

.form-group-m2 input[type="number"] {
    -moz-appearance: textfield;
}

.form-group-m2 input[type="number"]::-webkit-outer-spin-button,
.form-group-m2 input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* WARNA TOMBOL HITUNG DIUBAH MENJADI KUNING PASTER */
#calculateM2Btn {
    display: block;
    width: 100%;
    padding: 10px;
    background-color: #FFDB58; /* Kuning Pastel/Mustard */
    color: #333;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    font-size: 16px;
    margin-top: 10px;
    font-weight: bold;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}

#calculateM2Btn:hover {
    background-color: #DAA520; /* Efek Hover (Warna Emas Lembut) */
    color: white;
}

/* LATAR BELAKANG HASIL DIUBAH MENJADI KUNING PASTEL SANGAT TERANG */
#resultM2 {
    margin-top: 20px;
    padding: 15px;
    background-color: #FFFACD; /* Kuning Pastel Sangat Terang */
    border: 1px solid #FFDB58;
    border-radius: 4px;
    text-align: center;
    font-size: 1.1em;
}

#resultM2 span {
    font-weight: bold;
    color: #DAA520;
    display: block;
    margin-top: 5px;
}

#whatsappLinkM2 {
    display: none;
    margin-top: 15px;
    text-align: center;
}

/* WARNA TOMBOL WHATSAPP TETAP HIJAU STANDAR */
#whatsappLinkM2 a {
    display: inline-block;
    padding: 10px 20px;
    background-color: #25D366; 
    color: white;
    text-decoration: none;
    border-radius: 20px;
    font-weight: bold;
}

#whatsappLinkM2 a:hover {
    background-color: #128C7E;
}
/* --- END STYLING (CSS) --- */
</style>

<div class="asphalt-calculator-m2">
    <h3>Kalkulator Biaya Aspal per m2</h3>

    <div class="form-group-m2">
        <label for="materialThickness">Pilih Jenis & Ketebalan Aspal:</label>
        <select id="materialThickness">
            <option value="">-- Pilih Material & Ketebalan --</option>
            <option value="III Laston|2">III Laston - 2 cm (Rp 95.000 /m2) </option>
            <option value="III Laston|3">III Laston - 3 cm (Rp 125.000 / m2)</option>
            <option value="III Laston Spesial|1">III Laston Spesial - 1 cm (Rp 67.000 / m2)</option>
            <option value="III Laston Spesial|2">III Laston Spesial - 2 cm (Rp 95.000 /m2)</option>
            <option value="III Laston Spesial|3">III Laston Spesial - 3 cm (Rp 125.000 / m2)</option>
            <option value="Sandsheet|1">Sandsheet - 1 cm (Rp 67.000 / m2) </option>
            <option value="Sandsheet|2">Sandsheet - 2 cm (Rp 95.000 / m2)/<option>
            <option value="HRS|2">HRS - 2 cm (Rp 95.000 /m2)</option>
            <option value="HRS|3">HRS - 3 cm (Rp 125.000 / m2)</option>
            <option value="HRS|4">HRS - 4 cm (Rp 150.000 / m2)</option>
            <option value="AC-WC|3">AC-WC - 3 cm (Rp 125.000 /m2)</option>
            <option value="AC-WC|4">AC-WC - 4 cm (Rp 150.000 / m2)</option>
            <option value="AC-WC|5">AC-WC - 5 cm (Rp 200.000 /m2))</option>
            <option value="AC-BC|4">AC-BC - 4 cm (Rp 150.000 /m2)</option>
            <option value="AC-BC|5">AC-BC - 5 cm (Rp 200.000 / m2)</option>
            <option value="ATB|5">ATB - 5 cm (Rp 200.000 / m2)</option>
        </select>
    </div>

    <div class="form-group-m2">
        <label for="area">Luas Area:</label>
        <input type="number" id="area" placeholder="Masukkan total luas area (contoh: 100)">
    </div>

    <button id="calculateM2Btn">Hitung Total Biaya</button>

    <div id="resultM2" style="display: none;">
        Total Biaya Estimasi: <span id="totalCostM2"></span>
    </div>

    <div id="whatsappLinkM2">
        <a id="waLinkM2" href="#" target="_blank">
            Konsultasikan Harga ke WhatsApp
        </a>
    </div>

</div>

<script>
/* --- LOGIKA PERHITUNGAN (JAVASCRIPT) --- */
document.getElementById('calculateM2Btn').addEventListener('click', function() {
    // Data harga disimpan di sini
    const pricesM2 = {
        "III Laston|2": 95000,
        "III Laston|3": 125000,
        "III Laston Spesial|1": 67000,
        "III Laston Spesial|2": 95000,
        "III Laston Spesial|3": 125000,
        "Sandsheet|1": 67000,
        "Sandsheet|2": 95000,
        "HRS|2": 95000,
        "HRS|3": 125000,
        "HRS|4": 150000,
        "AC-WC|3": 125000,
        "AC-WC|4": 150000,
        "AC-WC|5": 200000,
        "AC-BC|4": 150000,
        "AC-BC|5": 200000,
        "ATB|5": 200000
    };

    const materialThickness = document.getElementById('materialThickness').value;
    const area = parseFloat(document.getElementById('area').value);

    const resultDiv = document.getElementById('resultM2');
    const totalCostSpan = document.getElementById('totalCostM2');
    const waLinkDiv = document.getElementById('whatsappLinkM2');
    const waLinkAnchor = document.getElementById('waLinkM2');

    // Reset tampilan
    resultDiv.style.display = 'none';
    waLinkDiv.style.display = 'none';

    if (!materialThickness || isNaN(area) || area <= 0) {
        alert("Mohon pilih jenis aspal dan masukkan luas area yang valid.");
        return;
    }

    const price = pricesM2[materialThickness];
    const totalCost = area * price;

    // Pisahkan jenis material dan ketebalan
    const [materialName, thickness] = materialThickness.split('|');

    // Format mata uang
    const formattedCost = new Intl.NumberFormat('id-ID', {
        style: 'currency',
        currency: 'IDR',
        minimumFractionDigits: 0
    }).format(totalCost);

    // Tampilkan hasil
    totalCostSpan.textContent = formattedCost;
    resultDiv.style.display = 'block';

    // Buat pesan WhatsApp
    const phoneNumber = "6281910263554"; 
    const message = encodeURIComponent(
        `Halo, saya ingin konsultasi mengenai pemesanan Aspal Hotmix per m².\n\n` +
        `Jenis Material: ${materialName}\n` +
        `Ketebalan: ${thickness} cm\n` +
        `Luas Area: ${area} m²\n` +
        `Estimasi Biaya: ${formattedCost}\n\n` +
        `Mohon informasinya lebih lanjut.`
    );

    const waURL = `https://wa.me/${phoneNumber}?text=${message}`;

    // Tampilkan link WA
    waLinkAnchor.href = waURL;
    waLinkDiv.style.display = 'block';

    // Opsional: Gulir ke hasil
    resultDiv.scrollIntoView({ behavior: 'smooth' });
});
/* --- END LOGIKA PERHITUNGAN (JAVASCRIPT) --- */
</script>



<p></p>



<!-- 🔹 Tombol WhatsApp Catinpaint (Hijau & Kuning) -->
<style>
  .wa-buttons {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 15px;
    margin: 30px 0;
  }

  .wa-btn {
    display: flex;
    align-items: center;
    gap: 8px;
    font-weight: 600;
    text-decoration: none;
    padding: 10px 22px;
    border-radius: 50px;
    box-shadow: 0 3px 8px rgba(0,0,0,0.15);
    transition: all 0.3s ease;
  }

  /* Tombol Hijau WhatsApp */
  .wa-green {
    background-color: #25D366;
    color: #fff;
  }

  .wa-green:hover {
    background-color: #1ebe5d;
    transform: scale(1.05);
  }

  /* Tombol Kuning Catinpaint */
  .wa-yellow {
    background-color: #f1c40f;
    color: #000;
  }

  .wa-yellow:hover {
    background-color: #000;
    color: #fff;
    transform: scale(1.05);
  }

  .wa-btn i {
    font-size: 18px;
  }
</style>

<div class="wa-buttons">
  <a href="https://wa.me/6281910263554" target="_blank" class="wa-btn wa-green">
    <i></i> WhatsApp 
  </a>

  <a href="https://wa.me/62811142024" target="_blank" class="wa-btn wa-yellow">
    <i></i> Telepon
  </a>
</div>



<p></p>



<h2 class="wp-block-heading has-text-align-center">FAQ – Pertanyaan Umum Tentang Harga Aspal Karawang</h2>



<div class="schema-faq wp-block-yoast-faq-block"><div class="schema-faq-section" id="faq-question-1763093263201"><strong class="schema-faq-question">Berapa harga aspal per meter persegi di Karawang?</strong> <p class="schema-faq-answer">Harga aspal per m² di Karawang bervariasi tergantung jenis hotmix, ketebalan, dan volume pekerjaan.</p> </div> <div class="schema-faq-section" id="faq-question-1763093280288"><strong class="schema-faq-question">Apa faktor yang menentukan harga aspal di Karawang?</strong> <p class="schema-faq-answer">Faktor utama meliputi ketebalan lapisan, jenis hotmix, jarak lokasi proyek, kondisi permukaan existing, dan total volume pekerjaan.</p> </div> <div class="schema-faq-section" id="faq-question-1763093297486"><strong class="schema-faq-question">Apakah harga aspal sudah termasuk tenaga kerja?</strong> <p class="schema-faq-answer">Biasanya harga sudah termasuk material, tenaga kerja, dan peralatan. Namun bisa berbeda tergantung paket yang dipilih.</p> </div> <div class="schema-faq-section" id="faq-question-1763093311344"><strong class="schema-faq-question">Apa saja faktor yang memengaruhi harga aspal di Karawang?</strong> <p class="schema-faq-answer">Beberapa faktor utama adalah luas area, ketebalan hotmix, jarak mobilisasi alat, jenis material (AC-WC, AC-BC, AC-Base), serta tingkat kesulitan pengerjaan.</p> </div> <div class="schema-faq-section" id="faq-question-1763093326051"><strong class="schema-faq-question">Apakah ada biaya tambahan untuk survey lokasi di Karawang?</strong> <p class="schema-faq-answer">Survey biasanya gratis, kecuali untuk jarak tertentu atau permintaan khusus.</p> </div> </div>
<p>The post <a href="https://www.catinpaint.co.id/harga-aspal-karawang/">Harga Aspal Karawang Berkualitas Terbaru</a> appeared first on <a href="https://www.catinpaint.co.id">Cat Marka Jalan Catin</a>.</p>
]]></content:encoded>
					
					<wfw:commentRss>https://www.catinpaint.co.id/harga-aspal-karawang/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>Harga Aspal Yogyakarta Turun! Nikmati Diskon Menariknya</title>
		<link>https://www.catinpaint.co.id/harga-aspal-yogyakarta/</link>
					<comments>https://www.catinpaint.co.id/harga-aspal-yogyakarta/#respond</comments>
		
		<dc:creator><![CDATA[Catin Paint]]></dc:creator>
		<pubDate>Thu, 30 Oct 2025 04:15:19 +0000</pubDate>
				<category><![CDATA[harga aspal]]></category>
		<guid isPermaLink="false">https://www.catinpaint.co.id/?p=1932</guid>

					<description><![CDATA[<p>Dapatkan layanan harga aspal Yogyakarta dengan harga terjangkau mulai dari Rp 60.000/m², lengkap dengan material hotmix berkualitas dan standar kerja profesional. Catinpaint melayani berbagai kebutuhan proyek mulai dari halaman, perumahan, hingga jalan akses dengan hasil kuat, rapi, dan tahan lama. Percayakan kebutuhan pengaspalan anda kepada ahli berpengalaman yang siap menghadirkan kualitas terbaik dengan biaya yang [&#8230;]</p>
<p>The post <a href="https://www.catinpaint.co.id/harga-aspal-yogyakarta/">Harga Aspal Yogyakarta Turun! Nikmati Diskon Menariknya</a> appeared first on <a href="https://www.catinpaint.co.id">Cat Marka Jalan Catin</a>.</p>
]]></description>
										<content:encoded><![CDATA[
<p>Dapatkan layanan harga aspal Yogyakarta dengan harga terjangkau mulai dari Rp 60.000/m², lengkap dengan material hotmix berkualitas dan standar kerja profesional. <a href="https://catinpaint.co.id/">Catinpaint</a> melayani berbagai kebutuhan proyek mulai dari halaman, perumahan, hingga jalan akses dengan hasil kuat, rapi, dan tahan lama. Percayakan kebutuhan pengaspalan anda kepada ahli berpengalaman yang siap menghadirkan kualitas terbaik dengan biaya yang sesuai anggaran.</p>



<h2 class="wp-block-heading has-text-align-center">Kami Hadirkan Aspal Berkualitas untuk Anda</h2>



<p>Sebagai penyedia layanan pengaspalan profesional di Yogyakarta, catinpaint berkomitmen menghadirkan aspal hotmix berkualitas tinggi dengan <a href="https://www.catinpaint.co.id/harga-aspal/">harga aspal</a> yang kompetitif. Kami memahami bahwa setiap proyek jalan, area parkir, ataupun lapangan olahraga membutuhkan material aspal yang tidak hanya kuat, tetapi juga tahan terhadap perubahan cuaca tropis dan beban kendaraan berat.</p>



<figure class="wp-block-image aligncenter size-full"><img loading="lazy" decoding="async" width="500" height="463" src="https://www.catinpaint.co.id/wp-content/uploads/2025/10/harga-aspal-yogyakarta-murah.png" alt="harga aspal yogyakarta- promo ahir tahun desember 2025" class="wp-image-1933" srcset="https://www.catinpaint.co.id/wp-content/uploads/2025/10/harga-aspal-yogyakarta-murah.png 500w, https://www.catinpaint.co.id/wp-content/uploads/2025/10/harga-aspal-yogyakarta-murah-300x278.png 300w" sizes="auto, (max-width: 500px) 100vw, 500px" /></figure>



<p>Melalui pengalaman kami selama bertahun-tahun di industri konstruksi jalan, kami percaya bahwa keberhasilan proyek tidak hanya ditentukan oleh harga, tetapi juga oleh kualitas material, ketepatan waktu, dan tenaga ahli yang berpengalaman. Karena itu, kami terus menghadirkan inovasi dan layanan terbaik bagi setiap pelanggan kami di Yogyakarta dan sekitarnya.</p>



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



<p>Catinpaint menyediakan berbagai jenis aspal hotmix dan coldmix yang dirancang untuk memenuhi kebutuhan beragam jenis proyek, mulai dari jalan lingkungan hingga area industri. Beberapa varian produk unggulan kami meliputi</p>



<h3 class="wp-block-heading">Aspal Hotmix AC-WC (Asphalt Concrete – Wearing Course)</h3>



<p><strong>Aspal AC-WC atau Asphalt Concrete – Wearing Course </strong>merupakan lapisan permukaan (surface layer) pada konstruksi perkerasan jalan yang berfungsi sebagai lapisan aus atau lapisan penutup. Jenis aspal ini berada di bagian paling atas dari struktur jalan dan berperan penting dalam menyediakan permukaan yang halus, kuat, serta tahan terhadap gesekan dan cuaca ekstrem.</p>



<h3 class="wp-block-heading">Aspal Hotmix AC-BC (Asphalt Concrete – Binder Course)</h3>



<p><strong>Aspal AC-BC atau Asphalt Concrete – Binder Course</strong> merupakan lapisan pengikat (binder layer) dalam struktur perkerasan jalan yang terletak di antara lapisan AC-WC (Wearing Course) dan lapisan pondasi aspal (AC-Base). Fungsinya adalah untuk mengikat dan menyalurkan beban lalu lintas dari lapisan atas ke lapisan bawah secara merata, sehingga jalan menjadi lebih kuat dan tahan lama.</p>



<h3 class="wp-block-heading">Aspal Hotmix AC-Base (Asphalt Concrete – Base Course)</h3>



<p><strong>Aspal AC-Base atau Asphalt Concrete – Base Course</strong> merupakan lapisan dasar (base layer) dalam sistem perkerasan jalan beraspal yang berfungsi sebagai pondasi utama untuk menahan beban lalu lintas dan mendistribusikannya ke lapisan di bawahnya (lapisan pondasi agregat atau tanah dasar). Lapisan ini menjadi elemen penting untuk menjaga <strong>stabilita</strong>s dan kekuatan keseluruhan struktur jalan.</p>



<h3 class="wp-block-heading">Aspal ATB (Asphalt Treated Base)</h3>



<p><strong>Aspal ATB</strong> atau Asphalt Treated Base merupakan lapisan pondasi bawah beraspal yang berfungsi sebagai lapisan struktural dasar dalam sistem perkerasan lentur (flexible pavement). Lapisan ini berada di bawah lapisan AC-Base dan di atas lapisan pondasi agregat (LPA) atau tanah dasar yang sudah dipadatkan.</p>



<h3 class="wp-block-heading">Aspal Sand Sheet (Lapis Tipis Aspal Pasir)</h3>



<p><strong>Aspal Sand Sheet</strong> atau Lapis Tipis Aspal Pasir (LATASTIR) adalah jenis lapisan permukaan tipis yang digunakan untuk pemeliharaan dan pelapisan ulang jalan. Campuran ini terbuat dari pasir halus, filler, dan aspal penetrasi 60/70 yang diolah pada suhu tinggi (hotmix).</p>



<h3 class="wp-block-heading">Aspal Coldmix (Aspal Dingin)</h3>



<p><strong>Aspal Coldmix</strong> atau Aspal Dingin adalah jenis aspal siap pakai yang dapat digunakan tanpa perlu pemanasan. Campuran ini terdiri dari agregat halus, agregat kasar, filler, dan aspal emulsi khusus yang memungkinkan aplikasi pada suhu ruang, menjadikannya solusi praktis, cepat, dan efisien untuk berbagai kebutuhan perbaikan jalan.</p>



<h3 class="wp-block-heading">Aspal Laston (Lapisan Aspal Beton)</h3>



<p><strong>Aspal Laston</strong> atau <strong>Lapisan Aspal Beton (Asphalt Concrete)</strong> merupakan jenis aspal hotmix berkualitas tinggi yang banyak digunakan dalam pembangunan dan perbaikan jalan berstandar menengah hingga berat. Campuran ini terdiri dari agregat kasar, agregat halus, filler, dan aspal keras penetrasi 60/70 atau 80/100 yang dicampur pada suhu tinggi untuk menghasilkan lapisan aspal yang padat, kuat, dan tahan lama.</p>



<h2 class="wp-block-heading has-text-align-center">Daftar Harga Aspal Yogyakarta</h2>



<p>Menyambut akhir tahun 2025, kami memberikan promo harga aspal Yogyakarta dengan penawaran menarik. Harga dapat bervariasi tergantung jenis material, lokasi proyek, dan volume pekerjaan.</p>



<!-- 🌕 TABEL CUSTOM DAFTAR HARGA MATERIAL ASPAL (TEMA KUNING RAMPING) -->
<style>
  .asphalt-table-wrap {
    --accent: #FFD54A;      /* warna kuning utama */
    --accent-dark: #F0B800; /* warna kuning gelap */
    --text: #222;
    --border: rgba(0,0,0,0.1);
    font-family: "Segoe UI", Roboto, Arial, sans-serif;
    margin: 1.5rem 0;
  }

  .asphalt-table {
    width: 100%;
    max-width: 700px; /* tabel ramping */
    margin: 0 auto;
    border-collapse: collapse;
    background: #fffef7;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0 3px 10px rgba(0,0,0,0.05);
    font-size: 0.9rem;
  }

  .asphalt-table caption {
    background: linear-gradient(90deg, var(--accent), var(--accent-dark));
    color: #111;
    font-weight: 700;
    text-align: center;
    padding: 12px 14px;
    font-size: 1rem;
    letter-spacing: 0.3px;
  }

  .asphalt-table thead th {
    background: rgba(0,0,0,0.05);
    color: var(--text);
    font-weight: 600;
    padding: 8px 10px;
    border-bottom: 2px solid var(--border);
    text-align: left;
  }

  .asphalt-table tbody td {
    padding: 8px 10px;
    border-bottom: 1px solid var(--border);
    color: var(--text);
  }

  .asphalt-table tbody tr:nth-child(even) {
    background: rgba(255, 213, 74, 0.05);
  }

  .asphalt-table tbody tr:hover {
    background: rgba(255, 213, 74, 0.15);
    transition: 0.2s ease;
  }

  .unit {
    text-align: center;
    color: #444;
    font-weight: 600;
  }

  .price {
    text-align: right;
    font-weight: 700;
    color: #000;
    white-space: nowrap;
  }

  /* 📱 Responsif Mobile */
  @media (max-width: 640px) {
    .asphalt-table thead { display: none; }
    .asphalt-table, .asphalt-table tbody, .asphalt-table tr, .asphalt-table td {
      display: block;
      width: 100%;
    }
    .asphalt-table tr {
      margin-bottom: 12px;
      background: #fff;
      border-radius: 8px;
      box-shadow: 0 2px 6px rgba(0,0,0,0.03);
    }
    .asphalt-table td {
      padding: 8px 12px;
      border: none;
      position: relative;
    }
    .asphalt-table td::before {
      content: attr(data-label);
      display: block;
      font-size: 0.8rem;
      color: rgba(0,0,0,0.6);
      margin-bottom: 4px;
      font-weight: 600;
    }
    .price, .unit { text-align: left; }
  }
</style>

<div class="asphalt-table-wrap">
  <table class="asphalt-table" role="table" aria-label="Daftar Harga Aspal">
    <caption>Daftar Harga Aspal (Spesifikasi Teknis)</caption>
    <thead>
      <tr>
        <th scope="col">Jenis Aspal (Spesifikasi Teknis)</th>
        <th scope="col">Satuan</th>
        <th scope="col">Harga Material (Rp)</th>
      </tr>
    </thead>
    <tbody>
      <tr>
        <td data-label="Jenis Aspal"><strong>ATB</strong> (Asphalt Treated Base)</td>
        <td class="unit" data-label="Satuan">/ ton</td>
        <td class="price" data-label="Harga Material">1.150.000,-</td>
      </tr>
      <tr>
        <td data-label="Jenis Aspal"><strong>AC-BC</strong> (Binder Course)</td>
        <td class="unit">/ ton</td>
        <td class="price">1.180.000,-</td>
      </tr>
      <tr>
        <td data-label="Jenis Aspal"><strong>AC-WC</strong> (Wearing Course)</td>
        <td class="unit">/ ton</td>
        <td class="price">1.235.000,-</td>
      </tr>
      <tr>
        <td>AC-WC IV A</td>
        <td class="unit">/ ton</td>
        <td class="price">1.265.000,-</td>
      </tr>
      <tr>
        <td>3 Laston</td>
        <td class="unit">/ ton</td>
        <td class="price">1.270.000,-</td>
      </tr>
      <tr>
        <td>3 Laston Spesial</td>
        <td class="unit">/ ton</td>
        <td class="price">1.400.000,-</td>
      </tr>
      <tr>
        <td><strong>HRS</strong> (Hot Rolled Sheet)</td>
        <td class="unit">/ ton</td>
        <td class="price">1.320.000,-</td>
      </tr>
      <tr>
        <td>Sand Sheet</td>
        <td class="unit">/ ton</td>
        <td class="price">1.480.000,-</td>
      </tr>
      <tr>
        <td>Sand Sheet Spesial</td>
        <td class="unit">/ ton</td>
        <td class="price">1.570.000,-</td>
      </tr>
      <tr>
        <td><strong>Aspal Emulsi</strong> (Tack Coat)</td>
        <td class="unit">/ Liter</td>
        <td class="price">15.000,-</td>
      </tr>
      <tr>
        <td><strong>Aspal Emulsi</strong> (Tack Coat)</td>
        <td class="unit">/ Drum</td>
        <td class="price">2.605.000,-</td>
      </tr>
    </tbody>
  </table>
</div>
<!-- 🌕 END TABEL CUSTOM ASPAL -->



<p></p>



<style>
.table-aspal {
  width: 80%;
  max-width: 700px;
  margin: 30px auto;
  border-collapse: collapse;
  font-family: 'Segoe UI', Arial, sans-serif;
  background-color: #fffdf5;
  border: 1px solid #f2d56b;
  border-radius: 10px;
  overflow: hidden;
  box-shadow: 0 2px 8px rgba(0,0,0,0.05);
}

.table-aspal caption {
  font-size: 20px;
  font-weight: 600;
  color: #222;
  text-align: center;
  background-color: #f7c948;
  padding: 14px;
  border-bottom: 2px solid #f0b400;
}

.table-aspal th {
  background-color: #fff6cc;
  color: #333;
  text-align: center;
  font-size: 16px;
  font-weight: 600;
  padding: 10px;
  border-bottom: 1px solid #f0e0a0;
}

.table-aspal td {
  padding: 10px;
  font-size: 15px;
  color: #444;
  text-align: center;
  border-bottom: 1px solid #f7eeb0;
}

.table-aspal tr:last-child td {
  border-bottom: none;
}

.table-aspal tr:hover td {
  background-color: #fffbe2;
  transition: 0.2s ease;
}

@media screen and (max-width: 768px) {
  .table-aspal {
    width: 95%;
    font-size: 14px;
  }
}
</style>

<table class="table-aspal">
  <caption>Daftar Harga Aspal Hotmix per m²</caption>

  <tr><th colspan="2">III Laston</th></tr>
  <tr><td>Ketebalan 2 cm</td><td>Rp 95.000,-</td></tr>
  <tr><td>Ketebalan 3 cm</td><td>Rp 125.000,-</td></tr>

  <tr><th colspan="2">III Laston Spesial</th></tr>
  <tr><td>Ketebalan 1 cm</td><td>Rp 67.000,-</td></tr>
  <tr><td>Ketebalan 2 cm</td><td>Rp 95.000,-</td></tr>
  <tr><td>Ketebalan 3 cm</td><td>Rp 125.000,-</td></tr>

  <tr><th colspan="2">Sandsheet</th></tr>
  <tr><td>Ketebalan 1 cm</td><td>Rp 67.000,-</td></tr>
  <tr><td>Ketebalan 2 cm</td><td>Rp 95.000,-</td></tr>

  <tr><th colspan="2">HRS</th></tr>
  <tr><td>Ketebalan 2 cm</td><td>Rp 95.000,-</td></tr>
  <tr><td>Ketebalan 3 cm</td><td>Rp 125.000,-</td></tr>
  <tr><td>Ketebalan 4 cm</td><td>Rp 150.000,-</td></tr>

  <tr><th colspan="2">AC-WC</th></tr>
  <tr><td>Ketebalan 3 cm</td><td>Rp 125.000,-</td></tr>
  <tr><td>Ketebalan 4 cm</td><td>Rp 150.000,-</td></tr>
  <tr><td>Ketebalan 5 cm</td><td>Rp 200.000,-</td></tr>

  <tr><th colspan="2">AC-BC</th></tr>
  <tr><td>Ketebalan 4 cm</td><td>Rp 150.000,-</td></tr>
  <tr><td>Ketebalan 5 cm</td><td>Rp 200.000,-</td></tr>

  <tr><th colspan="2">ATB</th></tr>
  <tr><td>Ketebalan 5 cm</td><td>Rp 200.000,-</td></tr>
</table>



<p></p>



<!-- 🔹 Tombol WhatsApp Catinpaint (Hijau & Kuning) -->
<style>
  .wa-buttons {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 15px;
    margin: 30px 0;
  }

  .wa-btn {
    display: flex;
    align-items: center;
    gap: 8px;
    font-weight: 600;
    text-decoration: none;
    padding: 10px 22px;
    border-radius: 50px;
    box-shadow: 0 3px 8px rgba(0,0,0,0.15);
    transition: all 0.3s ease;
  }

  /* Tombol Hijau WhatsApp */
  .wa-green {
    background-color: #25D366;
    color: #fff;
  }

  .wa-green:hover {
    background-color: #1ebe5d;
    transform: scale(1.05);
  }

  /* Tombol Kuning Catinpaint */
  .wa-yellow {
    background-color: #f1c40f;
    color: #000;
  }

  .wa-yellow:hover {
    background-color: #000;
    color: #fff;
    transform: scale(1.05);
  }

  .wa-btn i {
    font-size: 18px;
  }
</style>

<div class="wa-buttons">
  <a href="https://wa.me/6281910263554" target="_blank" class="wa-btn wa-green">
    <i></i> WhatsApp 
  </a>

  <a href="https://wa.me/62811142024" target="_blank" class="wa-btn wa-yellow">
    <i></i> Telepon
  </a>
</div>



<p></p>



<h2 class="wp-block-heading has-text-align-center">Keunggulan Layanan Pengaspalan Kami</h2>



<p>Catinpaint menghadirkan layanan pengaspalan profesional dan penjualan aspal berkualitas tinggi yang siap mendukung setiap proyek konstruksi di Yogyakarta dan sekitarnya. Kami aktif memastikan setiap tahap pengerjaan berjalan efisien, mulai dari pemilihan material hingga proses pelapisan di lapangan.</p>



<h3 class="wp-block-heading">1. Kualitas Terjamin</h3>



<p>Setiap material aspal yang kami gunakan telah melalui uji laboratorium dan memenuhi standar <a href="https://binamarga.pu.go.id">PUPR serta Bina Marga</a>. Dengan kontrol mutu yang ketat, kami memastikan hasil akhir memiliki kepadatan tinggi, permukaan halus, dan daya tahan lama terhadap cuaca maupun beban lalu lintas berat.</p>



<h3 class="wp-block-heading">2. Harga Kompetitif dan Transparan</h3>



<p>Kami berkomitmen memberikan penawaran harga terbaik dengan perhitungan yang jelas dan jujur. Seluruh biaya disusun berdasarkan kebutuhan aktual proyek, tanpa biaya tersembunyi. Selain itu, kami mengoptimalkan efisiensi bahan dan tenaga kerja agar klien mendapatkan hasil maksimal dengan anggaran yang efisien, tanpa mengurangi kualitas pengerjaan sedikit pun.</p>



<h3 class="wp-block-heading">3. Tenaga Profesional dan Berpengalaman</h3>



<p>Tim teknis kami terdiri dari tenaga ahli berpengalaman yang telah menangani beragam proyek mulai dari jalan lingkungan perumahan, area parkir komersial, kawasan industri, hingga fasilitas publik. Dengan dukungan peralatan modern dan teknik pengaspalan terkini, kami mampu menghadirkan hasil yang rapi, kuat, dan sesuai spesifikasi teknis.</p>



<h3 class="wp-block-heading">4. Pelayanan Cepat dan Tepat Waktu</h3>



<p>Kami memahami bahwa dalam dunia konstruksi, ketepatan waktu adalah kunci keberhasilan proyek. Oleh karena itu, setiap tahapan pengerjaan kami rencanakan secara detail, mulai dari pengiriman material, proses hampar, hingga pemadatan, agar proyek anda selesai sesuai jadwal dan target mutu yang diharapkan.</p>



<h3 class="wp-block-heading">5. Garansi Kepuasan Pelanggan</h3>



<p>Catinpaint memberikan jaminan kualitas atas setiap pekerjaan yang kami selesaikan. Kami siap melakukan evaluasi atau perbaikan apabila ditemukan ketidaksesuaian hasil dengan spesifikasi yang disepakati. Dengan begitu, anda mendapatkan rasa aman dan kepastian mutu dalam setiap proyek pengaspalan yang dipercayakan kepada kami.</p>



<figure class="wp-block-gallery has-nested-images columns-default is-cropped wp-block-gallery-8 is-layout-flex wp-block-gallery-is-layout-flex">
<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="500" height="466" data-id="1934" src="https://www.catinpaint.co.id/wp-content/uploads/2025/10/harga-aspal-hotmix-yogyakarta.png" alt="harga aspal hotmix yogyakarta" class="wp-image-1934" srcset="https://www.catinpaint.co.id/wp-content/uploads/2025/10/harga-aspal-hotmix-yogyakarta.png 500w, https://www.catinpaint.co.id/wp-content/uploads/2025/10/harga-aspal-hotmix-yogyakarta-300x280.png 300w" sizes="auto, (max-width: 500px) 100vw, 500px" /></figure>



<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="500" height="475" data-id="1935" src="https://www.catinpaint.co.id/wp-content/uploads/2025/10/harga-aspal-yogyakarta-2025-terbaru.png" alt="harga aspal jogja murah terbaru" class="wp-image-1935" srcset="https://www.catinpaint.co.id/wp-content/uploads/2025/10/harga-aspal-yogyakarta-2025-terbaru.png 500w, https://www.catinpaint.co.id/wp-content/uploads/2025/10/harga-aspal-yogyakarta-2025-terbaru-300x285.png 300w" sizes="auto, (max-width: 500px) 100vw, 500px" /></figure>



<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="500" height="451" data-id="1936" src="https://www.catinpaint.co.id/wp-content/uploads/2025/10/harga-aspal-yogyakarta-free-konsultasi-desemver-2025.png" alt="harga aspal jogja murah terbaik" class="wp-image-1936" srcset="https://www.catinpaint.co.id/wp-content/uploads/2025/10/harga-aspal-yogyakarta-free-konsultasi-desemver-2025.png 500w, https://www.catinpaint.co.id/wp-content/uploads/2025/10/harga-aspal-yogyakarta-free-konsultasi-desemver-2025-300x271.png 300w" sizes="auto, (max-width: 500px) 100vw, 500px" /></figure>



<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="500" height="395" data-id="1937" src="https://www.catinpaint.co.id/wp-content/uploads/2025/10/harga-aspal-yogyakarta-free-survey.png" alt="harga aspal jogja murah" class="wp-image-1937" srcset="https://www.catinpaint.co.id/wp-content/uploads/2025/10/harga-aspal-yogyakarta-free-survey.png 500w, https://www.catinpaint.co.id/wp-content/uploads/2025/10/harga-aspal-yogyakarta-free-survey-300x237.png 300w" sizes="auto, (max-width: 500px) 100vw, 500px" /></figure>



<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="500" height="483" data-id="1939" src="https://www.catinpaint.co.id/wp-content/uploads/2025/10/harga-aspal-yogyakarta-promo-nataru.png" alt="harga aspal yogyakarya sleman bantul " class="wp-image-1939" srcset="https://www.catinpaint.co.id/wp-content/uploads/2025/10/harga-aspal-yogyakarta-promo-nataru.png 500w, https://www.catinpaint.co.id/wp-content/uploads/2025/10/harga-aspal-yogyakarta-promo-nataru-300x290.png 300w" sizes="auto, (max-width: 500px) 100vw, 500px" /></figure>



<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="500" height="333" data-id="1938" src="https://www.catinpaint.co.id/wp-content/uploads/2025/10/harga-aspal-yogyakarta.png" alt="harga aspal jogja" class="wp-image-1938" srcset="https://www.catinpaint.co.id/wp-content/uploads/2025/10/harga-aspal-yogyakarta.png 500w, https://www.catinpaint.co.id/wp-content/uploads/2025/10/harga-aspal-yogyakarta-300x200.png 300w" sizes="auto, (max-width: 500px) 100vw, 500px" /></figure>
</figure>



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



<style>
  .testimoni-section {
    background-color: #fffbea;
    padding: 60px 20px;
    font-family: "Poppins", sans-serif;
    text-align: center;
  }
  .testimoni-section h2 {
    color: #d4a017;
    font-size: 28px;
    margin-bottom: 40px;
    font-weight: 700;
  }
  .testimoni-table {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 25px;
    justify-items: center;
  }
  .testimoni-table table {
    width: 100%;
    max-width: 360px;
    border: 2px solid #f5d76e;
    background-color: #fffdf3;
    border-radius: 12px;
    box-shadow: 0 4px 12px rgba(0,0,0,0.08);
  }
  .testimoni-table td {
    padding: 15px 20px;
    text-align: left;
    color: #444;
    vertical-align: top;
  }
  .testimoni-name {
    font-weight: 700;
    color: #d4a017;
    font-size: 16px;
  }
  .testimoni-job {
    font-size: 14px;
    color: #777;
    margin-bottom: 10px;
  }
  .testimoni-text {
    font-style: italic;
    font-size: 15px;
    line-height: 1.5;
  }
</style>

<section class="testimoni-section">
  <h2></h2>
  <div class="testimoni-table">
    
    <table>
      <tr><td class="testimoni-name">Andi Prasetyo</td></tr>
      <tr><td class="testimoni-job">Kontraktor Proyek Perumahan</td></tr>
      <tr><td class="testimoni-text">“Awalnya saya khawatir biaya pengaspalan halaman rumah bakal mahal, tapi ternyata harga aspal Yogyakarta dari Catinpaint sangat terjangkau. Prosesnya cepat, rapi, dan hasilnya kuat. Mantap!”</td></tr>
    </table>
    
    <table>
      <tr><td class="testimoni-name">Sinta Wulandari</td></tr>
      <tr><td class="testimoni-job">Pemilik Area Komersial</td></tr>
      <tr><td class="testimoni-text">“Harga aspalnya transparan dan sebanding dengan hasilnya. Jalan area parkir kami kini tampak mulus dan kokoh.”</td></tr>
    </table>
    
    <table>
      <tr><td class="testimoni-name">Naila Rifta</td></tr>
      <tr><td class="testimoni-job">Pengelola Kawasan Industri</td></tr>
      <tr><td class="testimoni-text">“Pelayanannya jelas, mulai dari survei sampai pengerjaan. Harganya transparan, tidak ada biaya tambahan. Hasil hotmix-nya halus dan kuat, cocok untuk akses toko saya.”</td></tr>
    </table>
    
    <table>
      <tr><td class="testimoni-name">Rina Handayani</td></tr>
      <tr><td class="testimoni-job">Warga Perumahan Gamping</td></tr>
      <tr><td class="testimoni-text">“Untuk proyek pengaspalan gudang, kami dapat harga yang kompetitif dan kualitas hotmix yang memenuhi standar. Timnya profesional dan pengerjaannya tepat waktu.”</td></tr>
    </table>
    
    <table>
      <tr><td class="testimoni-name">Eko Wirawan</td></tr>
      <tr><td class="testimoni-job">Pemilik Usaha Logistik</td></tr>
      <tr><td class="testimoni-text">“Saya puas dengan hasilnya. Harga aspal per meter cukup murah tapi kualitasnya tetap premium. Jalan lingkungan jadi jauh lebih nyaman dilewati”</td></tr>
    </table>
    
    <table>
      <tr><td class="testimoni-name">Dewi Kartika</td></tr>
      <tr><td class="testimoni-job">Instansi Pemerintah DIY</td></tr>
      <tr><td class="testimoni-text">“Kami sudah bandingkan beberapa penyedia, dan Catinpaint menawarkan harga aspal Jogja paling masuk akal. Hasilnya bagus, rapi, dan awet sampai sekarang.”</td></tr>
    </table>

  </div>
</section>



<p></p>



<h2 class="wp-block-heading has-text-align-center">Cara Pesan Aspal Catinpaint</h2>



<p>Memesan aspal hotmix di catinpaint kini semakin mudah dan transparan. Kami menghadirkan proses pemesanan yang terstruktur, cepat, dan efisien, sehingga pelanggan dapat memperoleh material aspal berkualitas tinggi sesuai kebutuhan proyek.</p>



<style>
  .pesan-aspal-section {
    background-color: #fffbea;
    padding: 60px 20px;
    font-family: "Poppins", sans-serif;
  }

  .pesan-aspal-section h2 {
    color: #d4a017;
    font-size: 28px;
    text-align: center;
    margin-bottom: 40px;
    font-weight: 700;
  }

  .pesan-aspal-table {
    width: 100%;
    max-width: 700px;
    margin: 0 auto 25px auto;
    border-collapse: collapse;
    background-color: #fffdf3;
    border: 2px solid #f5d76e;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0 4px 10px rgba(0,0,0,0.08);
  }

  .pesan-aspal-table tr {
    border-bottom: 1px solid #f5d76e;
  }

  .pesan-aspal-table td {
    padding: 14px 20px;
    vertical-align: top;
  }

  .step-number {
    background-color: #d4a017;
    color: #fff;
    font-weight: bold;
    border-radius: 50%;
    width: 34px;
    height: 34px;
    text-align: center;
    line-height: 34px;
    font-size: 16px;
    margin-right: 10px;
  }

  .step-title {
    font-weight: 700;
    color: #d4a017;
    font-size: 17px;
  }

  .step-text {
    color: #555;
    font-size: 15px;
    line-height: 1.6;
  }

  .step-header {
    display: flex;
    align-items: center;
    margin-bottom: 5px;
  }

  .cta-box {
    text-align: center;
    margin-top: 40px;
  }

  .cta-button {
    display: inline-block;
    background-color: #d4a017;
    color: #fff;
    font-weight: 600;
    padding: 14px 30px;
    border-radius: 8px;
    text-decoration: none;
    transition: background 0.3s ease;
  }

  .cta-button:hover {
    background-color: #b98b10;
  }
</style>

<section class="pesan-aspal-section">
  <h2></h2>

  <table class="pesan-aspal-table">
    <tr>
      <td>
        <div class="step-header">
          <div class="step-number">1</div>
          <div class="step-title">Konsultasi Awal</div>
        </div>
        <div class="step-text">Hubungi tim Catinpaint melalui WhatsApp atau telepon untuk menjelaskan kebutuhan proyek anda, mulai dari jenis aspal, volume pekerjaan, hingga lokasi proyek.</div>
      </td>
    </tr>
  </table>

  <table class="pesan-aspal-table">
    <tr>
      <td>
        <div class="step-header">
          <div class="step-number">2</div>
          <div class="step-title">Survey dan Estimasi</div>
        </div>
        <div class="step-text">Tim kami akan melakukan survei lapangan (jika diperlukan) untuk mengukur kebutuhan material serta memberikan estimasi harga dan waktu pengerjaan yang akurat.</div>
      </td>
    </tr>
  </table>

  <table class="pesan-aspal-table">
    <tr>
      <td>
        <div class="step-header">
          <div class="step-number">3</div>
          <div class="step-title">Penawaran Harga</div>
        </div>
        <div class="step-text">Kami menyusun penawaran resmi berdasarkan hasil survei, mencakup rincian harga aspal, peralatan, serta tenaga kerja sesuai spesifikasi proyek Anda.</div>
      </td>
    </tr>
  </table>

  <table class="pesan-aspal-table">
    <tr>
      <td>
        <div class="step-header">
          <div class="step-number">4</div>
          <div class="step-title">Persetujuan dan Jadwal</div>
        </div>
        <div class="step-text">Setelah penawaran disetujui, kami menetapkan jadwal kerja yang disesuaikan dengan waktu terbaik anda agar proses berjalan lancar dan tepat waktu.</div>
      </td>
    </tr>
  </table>

  <table class="pesan-aspal-table">
    <tr>
      <td>
        <div class="step-header">
          <div class="step-number">5</div>
          <div class="step-title">Pelaksanaan Pengaspalan</div>
        </div>
        <div class="step-text">Tim teknis profesional kami melaksanakan pekerjaan sesuai standar PUPR dan Bina Marga, dengan pengawasan mutu di setiap tahap pelaksanaan.</div>
      </td>
    </tr>
  </table>

  <table class="pesan-aspal-table">
    <tr>
      <td>
        <div class="step-header">
          <div class="step-number">6</div>
          <div class="step-title">Serah Terima dan Garansi</div>
        </div>
        <div class="step-text">Setelah pekerjaan selesai, kami melakukan pemeriksaan akhir dan memberikan garansi hasil kerja agar pelanggan mendapatkan kepuasan maksimal.</div>
      </td>
    </tr>
  </table>

  <div class="cta-box">
    <a href="https://wa.me/0811142024" target="_blank" class="cta-button">Pesan Aspal Sekarang via WhatsApp</a>
  </div>
</section>



<h2 class="wp-block-heading has-text-align-center"><strong>Dapatkan Penawaran Aspal Terbaik Sekarang</strong></h2>



<p>Jangan lewatkan promo akhir tahun! Hubungi tim kami hari ini dan dapatkan harga aspal hotmix Yogyakarta terbaik. Dengan dukungan material premium dan pelayanan profesional, kami siap membantu mewujudkan jalan yang kuat, rapi, dan tahan lama untuk proyek anda.</p>



<style>
/* --- STYLING (CSS) --- */
/* Warna Kuning Pastel yang Digunakan:
   - Latar Belakang Hasil: #FFFACD (Lemon Chiffon/Kuning sangat terang)
   - Tombol Utama: #FFDB58 (Kuning Mustard Pastel)
   - Hover & Teks Kontras: #DAA520 (Goldenrod, Emas lembut)
*/
.asphalt-calculator {
    padding: 20px;
    border: 1px solid #ddd; /* Border dibuat lebih soft */
    border-radius: 8px;
    max-width: 500px;
    margin: 20px auto;
    font-family: sans-serif;
    background-color: #ffffff; /* Latar belakang putih */
}

.asphalt-calculator h3 {
    text-align: center;
    color: #333;
    margin-bottom: 20px;
}

.form-group {
    margin-bottom: 15px;
}

.form-group label {
    display: block;
    margin-bottom: 5px;
    font-weight: bold;
    color: #555;
}

.form-group select,
.form-group input[type="number"] {
    width: 100%;
    padding: 10px;
    border: 1px solid #ddd;
    border-radius: 4px;
    box-sizing: border-box; 
}

.form-group input[type="number"] {
    -moz-appearance: textfield;
}

.form-group input[type="number"]::-webkit-outer-spin-button,
.form-group input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* WARNA TOMBOL HITUNG DIUBAH MENJADI KUNING PASTER */
#calculateBtn {
    display: block;
    width: 100%;
    padding: 10px;
    background-color: #FFDB58; /* Kuning Pastel/Mustard */
    color: #333; /* Teks Hitam agar kontras dengan latar kuning */
    border: none;
    border-radius: 4px;
    cursor: pointer;
    font-size: 16px;
    margin-top: 10px;
    font-weight: bold;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1); /* Tambah shadow agar menonjol */
}

#calculateBtn:hover {
    background-color: #DAA520; /* Efek Hover (Warna Emas Lembut) */
    color: white; /* Teks putih saat hover */
}

/* LATAR BELAKANG HASIL DIUBAH MENJADI KUNING PASTEL SANGAT TERANG */
#result {
    margin-top: 20px;
    padding: 15px;
    background-color: #FFFACD; /* Kuning Pastel Sangat Terang */
    border: 1px solid #FFDB58; /* Border Kuning Pastel */
    border-radius: 4px;
    text-align: center;
    font-size: 1.1em;
}

#result span {
    font-weight: bold;
    color: #DAA520; /* Warna teks hasil (Emas Lembut) */
    display: block;
    margin-top: 5px;
}

#whatsappLink {
    display: none; 
    margin-top: 15px;
    text-align: center;
}

/* WARNA TOMBOL WHATSAPP TETAP HIJAU STANDAR UNTUK KONSISTENSI */
#whatsappLink a {
    display: inline-block;
    padding: 10px 20px;
    background-color: #25D366; /* Warna WhatsApp (Standar) */
    color: white;
    text-decoration: none;
    border-radius: 20px;
    font-weight: bold;
}

#whatsappLink a:hover {
    background-color: #128C7E;
}
/* --- END STYLING (CSS) --- */
</style>

<div class="asphalt-calculator">
    <h3>Kalkulator Harga Material Aspal per TON</h3>

    <div class="form-group">
        <label for="asphaltType">Pilih Jenis Aspal per :</label>
        <select id="asphaltType">
            <option value="">&#8212; Pilih Material &#8212;</option>
            <option value="ATB">ATB (Asphalt Treated Base) &#8211; Rp 1.150.000 / ton</option>
            <option value="AC-BC">AC-BC (Binder Course) &#8211; Rp 1.180.000 / ton</option>
            <option value="AC-WC">AC-WC (Wearing Course) &#8211; Rp 1.235.000 / ton</option>
            <option value="AC-WC IV A">AC-WC IV A &#8211; Rp 1.265.000 / ton</option>
            <option value="3 Laston">3 Laston &#8211; Rp 1.270.000 / ton</option>
            <option value="3 Laston Spesial">3 Laston Spesial &#8211; Rp 1.400.000 / ton</option>
            <option value="HRS">HRS (Hot Rolled Sheet) &#8211; Rp 1.320.000 / ton</option>
            <option value="Sand Sheet">Sand Sheet &#8211; Rp 1.480.000 / ton</option>
            <option value="Sand Sheet Spesial">Sand Sheet Spesial &#8211; Rp 1.570.000 / ton</option>
            <option value="Aspal Emulsi (Liter)">Aspal Emulsi (Tack Coat) &#8211; Rp 15.000 / Liter</option>
            <option value="Aspal Emulsi (Drum)">Aspal Emulsi (Tack Coat) &#8211; Rp 2.605.000 / Drum</option>
        </select>
    </div>

    <div class="form-group">
        <label for="quantity">Jumlah (Ton/Liter/Drum):</label>
        <input type="number" id="quantity" placeholder="Masukkan jumlah">
    </div>

    <button id="calculateBtn">Hitung Total Biaya</button>

    <div id="result" style="display: none;">
        Total Biaya Estimasi: <span id="totalCost"></span>
    </div>

    <div id="whatsappLink">
        <a id="waLink" href="#" target="_blank">
            Konsultasikan Harga ke WhatsApp
        </a>
    </div>

</div>

<script>
/* --- LOGIKA PERHITUNGAN (JAVASCRIPT) --- */
document.getElementById('calculateBtn').addEventListener('click', function() {
    const prices = {
        "ATB": 1150000,
        "AC-BC": 1180000,
        "AC-WC": 1235000,
        "AC-WC IV A": 1265000,
        "3 Laston": 1270000,
        "3 Laston Spesial": 1400000,
        "HRS": 1320000,
        "Sand Sheet": 1480000,
        "Sand Sheet Spesial": 1570000,
        "Aspal Emulsi (Liter)": 15000,
        "Aspal Emulsi (Drum)": 2605000
    };

    const asphaltType = document.getElementById('asphaltType').value;
    const quantity = parseFloat(document.getElementById('quantity').value);

    const resultDiv = document.getElementById('result');
    const totalCostSpan = document.getElementById('totalCost');
    const waLinkDiv = document.getElementById('whatsappLink');
    const waLinkAnchor = document.getElementById('waLink');

    // Reset tampilan
    resultDiv.style.display = 'none';
    waLinkDiv.style.display = 'none';

    if (!asphaltType || isNaN(quantity) || quantity <= 0) {
        alert("Mohon lengkapi jenis aspal dan masukkan jumlah yang valid.");
        return;
    }

    const price = prices[asphaltType];
    const totalCost = quantity * price;

    // Format mata uang
    const formattedCost = new Intl.NumberFormat('id-ID', {
        style: 'currency',
        currency: 'IDR',
        minimumFractionDigits: 0
    }).format(totalCost);

    // Tampilkan hasil
    totalCostSpan.textContent = formattedCost;
    resultDiv.style.display = 'block';

    // Buat pesan WhatsApp
    let unit = "TON";
    if (asphaltType.includes('(Liter)')) {
        unit = "Liter";
    } else if (asphaltType.includes('(Drum)')) {
        unit = "Drum";
    }
    
    // Angka WA
    const phoneNumber = "6281910263554"; 
    const message = encodeURIComponent(
        `Halo, saya ingin konsultasi mengenai pemesanan material Aspal.\n\n` +
        `Jenis Material: ${asphaltType}\n` +
        `Jumlah: ${quantity} ${unit}\n` +
        `Estimasi Biaya: ${formattedCost}\n\n` +
        `Mohon informasinya lebih lanjut.`
    );

    const waURL = `https://wa.me/${phoneNumber}?text=${message}`;

    // Tampilkan link WA
    waLinkAnchor.href = waURL;
    waLinkDiv.style.display = 'block';

    // Opsional: Gulir ke hasil
    resultDiv.scrollIntoView({ behavior: 'smooth' });
});

// Menambahkan keterangan unit yang berubah
document.getElementById('asphaltType').addEventListener('change', function() {
    const selectedValue = this.value;
    const quantityInput = document.getElementById('quantity');
    const label = document.querySelector('label[for="quantity"]');
    
    let unitText = "Ton";
    if (selectedValue.includes('(Liter)')) {
        unitText = "Liter";
    } else if (selectedValue.includes('(Drum)')) {
        unitText = "Drum";
    }

    label.textContent = `Jumlah (${unitText}):`;
    quantityInput.placeholder = `Masukkan jumlah dalam ${unitText}`;
});
/* --- END LOGIKA PERHITUNGAN (JAVASCRIPT) --- */
</script>



<p></p>



<style>
/* --- STYLING (CSS) --- */
/* Warna Kuning Pastel yang Digunakan:
   - Latar Belakang Hasil: #FFFACD (Lemon Chiffon/Kuning sangat terang)
   - Tombol Utama: #FFDB58 (Kuning Mustard Pastel)
   - Hover & Teks Kontras: #DAA520 (Goldenrod, Emas lembut)
*/
.asphalt-calculator-m2 {
    padding: 20px;
    border: 1px solid #ddd;
    border-radius: 8px;
    max-width: 500px;
    margin: 20px auto;
    font-family: sans-serif;
    background-color: #ffffff;
}

.asphalt-calculator-m2 h3 {
    text-align: center;
    color: #333;
    margin-bottom: 20px;
}

.form-group-m2 {
    margin-bottom: 15px;
}

.form-group-m2 label {
    display: block;
    margin-bottom: 5px;
    font-weight: bold;
    color: #555;
}

.form-group-m2 select,
.form-group-m2 input[type="number"] {
    width: 100%;
    padding: 10px;
    border: 1px solid #ddd;
    border-radius: 4px;
    box-sizing: border-box;
}

.form-group-m2 input[type="number"] {
    -moz-appearance: textfield;
}

.form-group-m2 input[type="number"]::-webkit-outer-spin-button,
.form-group-m2 input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* WARNA TOMBOL HITUNG DIUBAH MENJADI KUNING PASTER */
#calculateM2Btn {
    display: block;
    width: 100%;
    padding: 10px;
    background-color: #FFDB58; /* Kuning Pastel/Mustard */
    color: #333;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    font-size: 16px;
    margin-top: 10px;
    font-weight: bold;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}

#calculateM2Btn:hover {
    background-color: #DAA520; /* Efek Hover (Warna Emas Lembut) */
    color: white;
}

/* LATAR BELAKANG HASIL DIUBAH MENJADI KUNING PASTEL SANGAT TERANG */
#resultM2 {
    margin-top: 20px;
    padding: 15px;
    background-color: #FFFACD; /* Kuning Pastel Sangat Terang */
    border: 1px solid #FFDB58;
    border-radius: 4px;
    text-align: center;
    font-size: 1.1em;
}

#resultM2 span {
    font-weight: bold;
    color: #DAA520;
    display: block;
    margin-top: 5px;
}

#whatsappLinkM2 {
    display: none;
    margin-top: 15px;
    text-align: center;
}

/* WARNA TOMBOL WHATSAPP TETAP HIJAU STANDAR */
#whatsappLinkM2 a {
    display: inline-block;
    padding: 10px 20px;
    background-color: #25D366; 
    color: white;
    text-decoration: none;
    border-radius: 20px;
    font-weight: bold;
}

#whatsappLinkM2 a:hover {
    background-color: #128C7E;
}
/* --- END STYLING (CSS) --- */
</style>

<div class="asphalt-calculator-m2">
    <h3>Kalkulator Biaya Aspal per m2</h3>

    <div class="form-group-m2">
        <label for="materialThickness">Pilih Jenis & Ketebalan Aspal:</label>
        <select id="materialThickness">
            <option value="">-- Pilih Material & Ketebalan --</option>
            <option value="III Laston|2">III Laston - 2 cm (Rp 95.000 /m2) </option>
            <option value="III Laston|3">III Laston - 3 cm (Rp 125.000 / m2)</option>
            <option value="III Laston Spesial|1">III Laston Spesial - 1 cm (Rp 67.000 / m2)</option>
            <option value="III Laston Spesial|2">III Laston Spesial - 2 cm (Rp 95.000 /m2)</option>
            <option value="III Laston Spesial|3">III Laston Spesial - 3 cm (Rp 125.000 / m2)</option>
            <option value="Sandsheet|1">Sandsheet - 1 cm (Rp 67.000 / m2) </option>
            <option value="Sandsheet|2">Sandsheet - 2 cm (Rp 95.000 / m2)/<option>
            <option value="HRS|2">HRS - 2 cm (Rp 95.000 /m2)</option>
            <option value="HRS|3">HRS - 3 cm (Rp 125.000 / m2)</option>
            <option value="HRS|4">HRS - 4 cm (Rp 150.000 / m2)</option>
            <option value="AC-WC|3">AC-WC - 3 cm (Rp 125.000 /m2)</option>
            <option value="AC-WC|4">AC-WC - 4 cm (Rp 150.000 / m2)</option>
            <option value="AC-WC|5">AC-WC - 5 cm (Rp 200.000 /m2))</option>
            <option value="AC-BC|4">AC-BC - 4 cm (Rp 150.000 /m2)</option>
            <option value="AC-BC|5">AC-BC - 5 cm (Rp 200.000 / m2)</option>
            <option value="ATB|5">ATB - 5 cm (Rp 200.000 / m2)</option>
        </select>
    </div>

    <div class="form-group-m2">
        <label for="area">Luas Area:</label>
        <input type="number" id="area" placeholder="Masukkan total luas area (contoh: 100)">
    </div>

    <button id="calculateM2Btn">Hitung Total Biaya</button>

    <div id="resultM2" style="display: none;">
        Total Biaya Estimasi: <span id="totalCostM2"></span>
    </div>

    <div id="whatsappLinkM2">
        <a id="waLinkM2" href="#" target="_blank">
            Konsultasikan Harga ke WhatsApp
        </a>
    </div>

</div>

<script>
/* --- LOGIKA PERHITUNGAN (JAVASCRIPT) --- */
document.getElementById('calculateM2Btn').addEventListener('click', function() {
    // Data harga disimpan di sini
    const pricesM2 = {
        "III Laston|2": 95000,
        "III Laston|3": 125000,
        "III Laston Spesial|1": 67000,
        "III Laston Spesial|2": 95000,
        "III Laston Spesial|3": 125000,
        "Sandsheet|1": 67000,
        "Sandsheet|2": 95000,
        "HRS|2": 95000,
        "HRS|3": 125000,
        "HRS|4": 150000,
        "AC-WC|3": 125000,
        "AC-WC|4": 150000,
        "AC-WC|5": 200000,
        "AC-BC|4": 150000,
        "AC-BC|5": 200000,
        "ATB|5": 200000
    };

    const materialThickness = document.getElementById('materialThickness').value;
    const area = parseFloat(document.getElementById('area').value);

    const resultDiv = document.getElementById('resultM2');
    const totalCostSpan = document.getElementById('totalCostM2');
    const waLinkDiv = document.getElementById('whatsappLinkM2');
    const waLinkAnchor = document.getElementById('waLinkM2');

    // Reset tampilan
    resultDiv.style.display = 'none';
    waLinkDiv.style.display = 'none';

    if (!materialThickness || isNaN(area) || area <= 0) {
        alert("Mohon pilih jenis aspal dan masukkan luas area yang valid.");
        return;
    }

    const price = pricesM2[materialThickness];
    const totalCost = area * price;

    // Pisahkan jenis material dan ketebalan
    const [materialName, thickness] = materialThickness.split('|');

    // Format mata uang
    const formattedCost = new Intl.NumberFormat('id-ID', {
        style: 'currency',
        currency: 'IDR',
        minimumFractionDigits: 0
    }).format(totalCost);

    // Tampilkan hasil
    totalCostSpan.textContent = formattedCost;
    resultDiv.style.display = 'block';

    // Buat pesan WhatsApp
    const phoneNumber = "6281910263554"; 
    const message = encodeURIComponent(
        `Halo, saya ingin konsultasi mengenai pemesanan Aspal Hotmix per m².\n\n` +
        `Jenis Material: ${materialName}\n` +
        `Ketebalan: ${thickness} cm\n` +
        `Luas Area: ${area} m²\n` +
        `Estimasi Biaya: ${formattedCost}\n\n` +
        `Mohon informasinya lebih lanjut.`
    );

    const waURL = `https://wa.me/${phoneNumber}?text=${message}`;

    // Tampilkan link WA
    waLinkAnchor.href = waURL;
    waLinkDiv.style.display = 'block';

    // Opsional: Gulir ke hasil
    resultDiv.scrollIntoView({ behavior: 'smooth' });
});
/* --- END LOGIKA PERHITUNGAN (JAVASCRIPT) --- */
</script>



<p></p>



<!-- 🔹 Tombol WhatsApp Catinpaint (Hijau & Kuning) -->
<style>
  .wa-buttons {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 15px;
    margin: 30px 0;
  }

  .wa-btn {
    display: flex;
    align-items: center;
    gap: 8px;
    font-weight: 600;
    text-decoration: none;
    padding: 10px 22px;
    border-radius: 50px;
    box-shadow: 0 3px 8px rgba(0,0,0,0.15);
    transition: all 0.3s ease;
  }

  /* Tombol Hijau WhatsApp */
  .wa-green {
    background-color: #25D366;
    color: #fff;
  }

  .wa-green:hover {
    background-color: #1ebe5d;
    transform: scale(1.05);
  }

  /* Tombol Kuning Catinpaint */
  .wa-yellow {
    background-color: #f1c40f;
    color: #000;
  }

  .wa-yellow:hover {
    background-color: #000;
    color: #fff;
    transform: scale(1.05);
  }

  .wa-btn i {
    font-size: 18px;
  }
</style>

<div class="wa-buttons">
  <a href="https://wa.me/6281910263554" target="_blank" class="wa-btn wa-green">
    <i></i> WhatsApp 
  </a>

  <a href="https://wa.me/62811142024" target="_blank" class="wa-btn wa-yellow">
    <i></i> Telepon
  </a>
</div>



<h2 class="wp-block-heading has-text-align-center">FAQ: Pertanyaan Umum Seputar Harga Aspal Yogyakarta</h2>



<div class="schema-faq wp-block-yoast-faq-block"><div class="schema-faq-section" id="faq-question-1761797115219"><strong class="schema-faq-question">Apakah harga sudah termasuk pengerjaan?</strong> <p class="schema-faq-answer">Ya, harga per m² di atas sudah termasuk material, alat, dan tenaga kerja.</p> </div> <div class="schema-faq-section" id="faq-question-1761797138349"><strong class="schema-faq-question">Bisakah survei dilakukan sebelum menentukan harga?</strong> <p class="schema-faq-answer">Bisa. Tim bisa melakukan <strong>survei gratis atau berbiaya ringan</strong> untuk memastikan harga sesuai kondisi lapangan.</p> </div> <div class="schema-faq-section" id="faq-question-1761797218016"><strong class="schema-faq-question">Apakah harga aspal Yogyakarta bisa nego?</strong> <p class="schema-faq-answer">Ya, harga bisa dibicarakan dan disesuaikan, terutama untuk proyek besar atau pelanggan repeat order.</p> </div> <div class="schema-faq-section" id="faq-question-1761797232823"><strong class="schema-faq-question">Apakah tersedia survei gratis?</strong> <p class="schema-faq-answer">Ya, kami menyediakan survei lokasi gratis untuk proyek skala menengah dan besar.</p> </div> <div class="schema-faq-section" id="faq-question-1761797248659"><strong class="schema-faq-question">Bagaimana cara mendapatkan penawaran resmi?</strong> <p class="schema-faq-answer">Anda dapat menghubungi kami melalui tombol WhatsApp atau formulir di bawah, dan tim kami akan segera merespons.</p> </div> </div>



<p></p>



<!-- 🔹 Tombol WhatsApp Catinpaint (Hijau & Kuning) -->
<style>
  .wa-buttons {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 15px;
    margin: 30px 0;
  }

  .wa-btn {
    display: flex;
    align-items: center;
    gap: 8px;
    font-weight: 600;
    text-decoration: none;
    padding: 10px 22px;
    border-radius: 50px;
    box-shadow: 0 3px 8px rgba(0,0,0,0.15);
    transition: all 0.3s ease;
  }

  /* Tombol Hijau WhatsApp */
  .wa-green {
    background-color: #25D366;
    color: #fff;
  }

  .wa-green:hover {
    background-color: #1ebe5d;
    transform: scale(1.05);
  }

  /* Tombol Kuning Catinpaint */
  .wa-yellow {
    background-color: #f1c40f;
    color: #000;
  }

  .wa-yellow:hover {
    background-color: #000;
    color: #fff;
    transform: scale(1.05);
  }

  .wa-btn i {
    font-size: 18px;
  }
</style>

<div class="wa-buttons">
  <a href="https://wa.me/6281910263554" target="_blank" class="wa-btn wa-green">
    <i></i> WhatsApp 
  </a>

  <a href="https://wa.me/62811142024" target="_blank" class="wa-btn wa-yellow">
    <i></i> Telepon
  </a>
</div>
<p>The post <a href="https://www.catinpaint.co.id/harga-aspal-yogyakarta/">Harga Aspal Yogyakarta Turun! Nikmati Diskon Menariknya</a> appeared first on <a href="https://www.catinpaint.co.id">Cat Marka Jalan Catin</a>.</p>
]]></content:encoded>
					
					<wfw:commentRss>https://www.catinpaint.co.id/harga-aspal-yogyakarta/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>Harga Aspal Subang Terbaru Dan Murah 60.000/m2</title>
		<link>https://www.catinpaint.co.id/harga-aspal-subang/</link>
					<comments>https://www.catinpaint.co.id/harga-aspal-subang/#respond</comments>
		
		<dc:creator><![CDATA[Catin Paint]]></dc:creator>
		<pubDate>Wed, 29 Oct 2025 07:31:51 +0000</pubDate>
				<category><![CDATA[harga aspal]]></category>
		<guid isPermaLink="false">https://www.catinpaint.co.id/?p=1903</guid>

					<description><![CDATA[<p>Catinpaint menyediakan harga aspal Subang yang terbaru dan murah mulai dari Rp60.000 per m² sesuai kebutuhan material proyek anda. Kami menghadirkan aspal berkualitas tinggi dengan mutu stabil untuk memastikan hasil pengaspalan yang kuat dan tahan lama. Dengan kualitas terjamin dan informasi harga aspal yang jelas, Anda dapat merencanakan anggaran proyek secara lebih tepat dan efisien. [&#8230;]</p>
<p>The post <a href="https://www.catinpaint.co.id/harga-aspal-subang/">Harga Aspal Subang Terbaru Dan Murah 60.000/m2</a> appeared first on <a href="https://www.catinpaint.co.id">Cat Marka Jalan Catin</a>.</p>
]]></description>
										<content:encoded><![CDATA[
<p><a href="https://www.catinpaint.co.id/">Catinpaint</a> menyediakan harga aspal Subang yang terbaru dan murah mulai dari Rp60.000 per m² sesuai kebutuhan material proyek anda. Kami menghadirkan aspal berkualitas tinggi dengan mutu stabil untuk memastikan hasil pengaspalan yang kuat dan tahan lama. Dengan kualitas terjamin dan informasi <a href="https://www.catinpaint.co.id/harga-aspal/">harga aspal</a> yang jelas, Anda dapat merencanakan anggaran proyek secara lebih tepat dan efisien. Catinpaint menjadi pilihan terbaik bagi anda yang mengutamakan keakuratan biaya dan performa aspal yang dapat diandalkan.</p>



<figure class="wp-block-image aligncenter size-full"><img loading="lazy" decoding="async" width="500" height="464" src="https://www.catinpaint.co.id/wp-content/uploads/2025/10/harga-aspal-subang.png" alt="harga aspal perbaikan jalan subang " class="wp-image-1913" srcset="https://www.catinpaint.co.id/wp-content/uploads/2025/10/harga-aspal-subang.png 500w, https://www.catinpaint.co.id/wp-content/uploads/2025/10/harga-aspal-subang-300x278.png 300w" sizes="auto, (max-width: 500px) 100vw, 500px" /></figure>



<h2 class="wp-block-heading has-text-align-center">Kami Hadirkan Aspal Berkualitas untuk Anda</h2>



<p>Sebagai penyedia solusi pengaspalan terpercaya, harga aspal subang catinpaint memahami bahwa kualitas aspal bukan sekadar faktor estetika, tetapi merupakan elemen fundamental dalam menentukan daya tahan dan kinerja struktur jalan. Aspal berperan sebagai perekat utama antara agregat halus dan kasar, menciptakan lapisan yang padat, stabil, serta mampu menahan tekanan dinamis dari beban lalu lintas dan perubahan suhu ekstrem.</p>



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



<p>Kami menyediakan berbagai jenis aspal berkualitas tinggi untuk memenuhi kebutuhan proyek pengaspalan di berbagai kondisi lapangan. Setiap produk melalui proses <a href="https://binamarga.pu.go.id/index.php/nspk/detail/12-rev01pbm2021-pedoman-peningkatan-kinerja-laboratorium-uji-di-direktorat-jenderal-bina-marga">uji mutu laboratorium</a> berdasarkan standar SNI dan ASTM, memastikan daya lekat, fleksibilitas, dan ketahanan maksimal terhadap perubahan suhu serta tekanan beban berat.</p>



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



<p>Aspal hotmix adalah campuran panas antara agregat mineral dan bitumen yang dicampur pada suhu 145–165°C. Proses pencampuran suhu tinggi ini menghasilkan material dengan kepadatan optimal dan daya lekat kuat, sehingga mampu menahan beban lalu lintas berat serta kondisi cuaca ekstrem.</p>



<h3 class="wp-block-heading">Aspal Hotmix (AC-WC &amp; AC-BC)</h3>



<p>Jenis AC-WC (Asphalt Concrete Wearing Course) dan AC-BC (Asphalt Concrete Binder Course) merupakan bagian dari lapisan utama konstruksi jalan. AC-WC berfungsi sebagai lapisan permukaan dengan tekstur halus, memberikan kenyamanan berkendara dan ketahanan terhadap aus.</p>



<p>AC-BC berperan sebagai lapisan pengikat antara struktur dasar dan permukaan, meningkatkan stabilitas dan mencegah retak dini.<br>Kombinasi keduanya memberikan hasil permukaan jalan yang padat, kuat, dan elastis.</p>



<h3 class="wp-block-heading">Asphalt Treated Base (ATB)</h3>



<p>ATB digunakan sebagai lapisan dasar beraspal (base layer) yang memperkuat struktur perkerasan. Material ini dirancang dengan komposisi agregat kasar dan bitumen sedang, berfungsi menahan beban kendaraan berat serta menjaga kestabilan lapisan atas agar tidak mudah bergelombang atau retak.</p>



<h3 class="wp-block-heading">Laston (Lapisan Aspal Beton)</h3>



<p>Laston merupakan campuran aspal beton bergradasi tertutup dengan daya ikat tinggi dan ketahanan struktural luar biasa. Jenis ini sangat cocok digunakan untuk jalan industri, pelabuhan, atau area dengan beban lalu lintas berat karena mampu menahan deformasi dan tekanan tinggi tanpa kehilangan elastisitas.</p>



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



<p>Sand sheet atau lapis tipis aspal pasir digunakan untuk perbaikan dan pemeliharaan jalan agar permukaannya kembali halus, rata, dan tidak berdebu. Jenis ini cocok untuk pelapisan tipis, terutama pada jalan lingkungan dan perumahan.</p>



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



<p>Aspal emulsi adalah aspal cair berbasis air yang ramah lingkungan dan tidak memerlukan pemanasan tinggi saat diaplikasikan. Digunakan untuk pelapisan ulang (rejuvenation), pekerjaan tambal sulam, serta perekat antar lapisan, aspal ini mempercepat proses kerja tanpa mengorbankan daya rekat dan ketahanan permukaan jalan.</p>



<h2 class="wp-block-heading has-text-align-center">Daftar Harga Aspal Subang Terbaru</h2>



<p>Mencari informasi <a href="https://www.catinpaint.co.id/harga-aspal/">harga aspal</a> Subang yang akurat dan terbaru sangat penting sebelum memulai proyek pengaspalan, baik untuk perumahan, ruko, jalan lingkungan, hingga area industri. Catinpaint menghadirkan daftar harga aspal Subang yang lebih transparan, kompetitif, dan disesuaikan dengan kebutuhan lapangan.</p>



<!-- 🌕 TABEL CUSTOM DAFTAR HARGA MATERIAL ASPAL (TEMA KUNING RAMPING) -->
<style>
  .asphalt-table-wrap {
    --accent: #FFD54A;      /* warna kuning utama */
    --accent-dark: #F0B800; /* warna kuning gelap */
    --text: #222;
    --border: rgba(0,0,0,0.1);
    font-family: "Segoe UI", Roboto, Arial, sans-serif;
    margin: 1.5rem 0;
  }

  .asphalt-table {
    width: 100%;
    max-width: 700px; /* tabel ramping */
    margin: 0 auto;
    border-collapse: collapse;
    background: #fffef7;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0 3px 10px rgba(0,0,0,0.05);
    font-size: 0.9rem;
  }

  .asphalt-table caption {
    background: linear-gradient(90deg, var(--accent), var(--accent-dark));
    color: #111;
    font-weight: 700;
    text-align: center;
    padding: 12px 14px;
    font-size: 1rem;
    letter-spacing: 0.3px;
  }

  .asphalt-table thead th {
    background: rgba(0,0,0,0.05);
    color: var(--text);
    font-weight: 600;
    padding: 8px 10px;
    border-bottom: 2px solid var(--border);
    text-align: left;
  }

  .asphalt-table tbody td {
    padding: 8px 10px;
    border-bottom: 1px solid var(--border);
    color: var(--text);
  }

  .asphalt-table tbody tr:nth-child(even) {
    background: rgba(255, 213, 74, 0.05);
  }

  .asphalt-table tbody tr:hover {
    background: rgba(255, 213, 74, 0.15);
    transition: 0.2s ease;
  }

  .unit {
    text-align: center;
    color: #444;
    font-weight: 600;
  }

  .price {
    text-align: right;
    font-weight: 700;
    color: #000;
    white-space: nowrap;
  }

  /* 📱 Responsif Mobile */
  @media (max-width: 640px) {
    .asphalt-table thead { display: none; }
    .asphalt-table, .asphalt-table tbody, .asphalt-table tr, .asphalt-table td {
      display: block;
      width: 100%;
    }
    .asphalt-table tr {
      margin-bottom: 12px;
      background: #fff;
      border-radius: 8px;
      box-shadow: 0 2px 6px rgba(0,0,0,0.03);
    }
    .asphalt-table td {
      padding: 8px 12px;
      border: none;
      position: relative;
    }
    .asphalt-table td::before {
      content: attr(data-label);
      display: block;
      font-size: 0.8rem;
      color: rgba(0,0,0,0.6);
      margin-bottom: 4px;
      font-weight: 600;
    }
    .price, .unit { text-align: left; }
  }
</style>

<div class="asphalt-table-wrap">
  <table class="asphalt-table" role="table" aria-label="Daftar Harga Aspal">
    <caption>Daftar Harga Aspal (Spesifikasi Teknis)</caption>
    <thead>
      <tr>
        <th scope="col">Jenis Aspal (Spesifikasi Teknis)</th>
        <th scope="col">Satuan</th>
        <th scope="col">Harga Material (Rp)</th>
      </tr>
    </thead>
    <tbody>
      <tr>
        <td data-label="Jenis Aspal"><strong>ATB</strong> (Asphalt Treated Base)</td>
        <td class="unit" data-label="Satuan">/ ton</td>
        <td class="price" data-label="Harga Material">1.150.000,-</td>
      </tr>
      <tr>
        <td data-label="Jenis Aspal"><strong>AC-BC</strong> (Binder Course)</td>
        <td class="unit">/ ton</td>
        <td class="price">1.180.000,-</td>
      </tr>
      <tr>
        <td data-label="Jenis Aspal"><strong>AC-WC</strong> (Wearing Course)</td>
        <td class="unit">/ ton</td>
        <td class="price">1.235.000,-</td>
      </tr>
      <tr>
        <td>AC-WC IV A</td>
        <td class="unit">/ ton</td>
        <td class="price">1.265.000,-</td>
      </tr>
      <tr>
        <td>3 Laston</td>
        <td class="unit">/ ton</td>
        <td class="price">1.270.000,-</td>
      </tr>
      <tr>
        <td>3 Laston Spesial</td>
        <td class="unit">/ ton</td>
        <td class="price">1.400.000,-</td>
      </tr>
      <tr>
        <td><strong>HRS</strong> (Hot Rolled Sheet)</td>
        <td class="unit">/ ton</td>
        <td class="price">1.320.000,-</td>
      </tr>
      <tr>
        <td>Sand Sheet</td>
        <td class="unit">/ ton</td>
        <td class="price">1.480.000,-</td>
      </tr>
      <tr>
        <td>Sand Sheet Spesial</td>
        <td class="unit">/ ton</td>
        <td class="price">1.570.000,-</td>
      </tr>
      <tr>
        <td><strong>Aspal Emulsi</strong> (Tack Coat)</td>
        <td class="unit">/ Liter</td>
        <td class="price">15.000,-</td>
      </tr>
      <tr>
        <td><strong>Aspal Emulsi</strong> (Tack Coat)</td>
        <td class="unit">/ Drum</td>
        <td class="price">2.605.000,-</td>
      </tr>
    </tbody>
  </table>
</div>
<!-- 🌕 END TABEL CUSTOM ASPAL -->



<p></p>



<style>
.table-aspal {
  width: 80%;
  max-width: 700px;
  margin: 30px auto;
  border-collapse: collapse;
  font-family: 'Segoe UI', Arial, sans-serif;
  background-color: #fffdf5;
  border: 1px solid #f2d56b;
  border-radius: 10px;
  overflow: hidden;
  box-shadow: 0 2px 8px rgba(0,0,0,0.05);
}

.table-aspal caption {
  font-size: 20px;
  font-weight: 600;
  color: #222;
  text-align: center;
  background-color: #f7c948;
  padding: 14px;
  border-bottom: 2px solid #f0b400;
}

.table-aspal th {
  background-color: #fff6cc;
  color: #333;
  text-align: center;
  font-size: 16px;
  font-weight: 600;
  padding: 10px;
  border-bottom: 1px solid #f0e0a0;
}

.table-aspal td {
  padding: 10px;
  font-size: 15px;
  color: #444;
  text-align: center;
  border-bottom: 1px solid #f7eeb0;
}

.table-aspal tr:last-child td {
  border-bottom: none;
}

.table-aspal tr:hover td {
  background-color: #fffbe2;
  transition: 0.2s ease;
}

@media screen and (max-width: 768px) {
  .table-aspal {
    width: 95%;
    font-size: 14px;
  }
}
</style>

<table class="table-aspal">
  <caption>Daftar Harga Aspal Hotmix per m²</caption>

  <tr><th colspan="2">III Laston</th></tr>
  <tr><td>Ketebalan 2 cm</td><td>Rp 95.000,-</td></tr>
  <tr><td>Ketebalan 3 cm</td><td>Rp 125.000,-</td></tr>

  <tr><th colspan="2">III Laston Spesial</th></tr>
  <tr><td>Ketebalan 1 cm</td><td>Rp 67.000,-</td></tr>
  <tr><td>Ketebalan 2 cm</td><td>Rp 95.000,-</td></tr>
  <tr><td>Ketebalan 3 cm</td><td>Rp 125.000,-</td></tr>

  <tr><th colspan="2">Sandsheet</th></tr>
  <tr><td>Ketebalan 1 cm</td><td>Rp 67.000,-</td></tr>
  <tr><td>Ketebalan 2 cm</td><td>Rp 95.000,-</td></tr>

  <tr><th colspan="2">HRS</th></tr>
  <tr><td>Ketebalan 2 cm</td><td>Rp 95.000,-</td></tr>
  <tr><td>Ketebalan 3 cm</td><td>Rp 125.000,-</td></tr>
  <tr><td>Ketebalan 4 cm</td><td>Rp 150.000,-</td></tr>

  <tr><th colspan="2">AC-WC</th></tr>
  <tr><td>Ketebalan 3 cm</td><td>Rp 125.000,-</td></tr>
  <tr><td>Ketebalan 4 cm</td><td>Rp 150.000,-</td></tr>
  <tr><td>Ketebalan 5 cm</td><td>Rp 200.000,-</td></tr>

  <tr><th colspan="2">AC-BC</th></tr>
  <tr><td>Ketebalan 4 cm</td><td>Rp 150.000,-</td></tr>
  <tr><td>Ketebalan 5 cm</td><td>Rp 200.000,-</td></tr>

  <tr><th colspan="2">ATB</th></tr>
  <tr><td>Ketebalan 5 cm</td><td>Rp 200.000,-</td></tr>
</table>



<p></p>



<!-- 🔹 Tombol WhatsApp Catinpaint (Hijau & Kuning) -->
<style>
  .wa-buttons {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 15px;
    margin: 30px 0;
  }

  .wa-btn {
    display: flex;
    align-items: center;
    gap: 8px;
    font-weight: 600;
    text-decoration: none;
    padding: 10px 22px;
    border-radius: 50px;
    box-shadow: 0 3px 8px rgba(0,0,0,0.15);
    transition: all 0.3s ease;
  }

  /* Tombol Hijau WhatsApp */
  .wa-green {
    background-color: #25D366;
    color: #fff;
  }

  .wa-green:hover {
    background-color: #1ebe5d;
    transform: scale(1.05);
  }

  /* Tombol Kuning Catinpaint */
  .wa-yellow {
    background-color: #f1c40f;
    color: #000;
  }

  .wa-yellow:hover {
    background-color: #000;
    color: #fff;
    transform: scale(1.05);
  }

  .wa-btn i {
    font-size: 18px;
  }
</style>

<div class="wa-buttons">
  <a href="https://wa.me/6281910263554" target="_blank" class="wa-btn wa-green">
    <i></i> WhatsApp 
  </a>

  <a href="https://wa.me/62811142024" target="_blank" class="wa-btn wa-yellow">
    <i></i> Telepon
  </a>
</div>



<h2 class="wp-block-heading has-text-align-center">Kenapa Membeli Aspal di Catinpaint?</h2>



<p>Di catinpaint, kami tidak sekadar menjual material aspal, tetapi menyediakan solusi teknis menyeluruh untuk memastikan setiap proyek anda berjalan efisien, presisi, dan tahan lama.</p>



<p><strong>Kualitas Material Terjamin:</strong> Setiap produk diuji laboratorium untuk memastikan viskositas, titik lembek, dan kadar bitumen sesuai standar Setiap jenis aspal yang kami produksi telah melalui uji laboratorium independen, memastikan nilai viskositas, titik lembek, dan kadar bitumen sesuai standar SNI dan ASTM.</p>



<p><strong>Tenaga Ahli Profesional:</strong> Dikerjakan oleh teknisi dan operator berlisensi dengan pengalaman di proyek jalan nasional dan industri Seluruh proses pekerjaan dikerjakan oleh teknisi berpengalaman dan operator berlisensi, menggunakan peralatan modern untuk menjamin kepadatan dan ketebalan lapisan sesuai spesifikasi desain.</p>



<p><strong>Harga Transparan &amp; Akurat:</strong> Setiap penawaran disertai RAB detail tanpa biaya tersembunyi Kami memberikan penawaran harga yang jelas dan dapat dipertanggungjawabkan, lengkap dengan perincian RAB (Rencana Anggaran Biaya).</p>



<p><strong>Pelayanan Cepat &amp; Responsif:</strong> Mulai survei lokasi hingga pengiriman material dilakukan secara efisien dan tepat waktu Mulai dari survey lokasi, estimasi volume, hingga pengiriman material, semua dilakukan secara cepat, terkoordinasi, dan tepat waktu.</p>



<figure class="wp-block-gallery has-nested-images columns-default is-cropped wp-block-gallery-9 is-layout-flex wp-block-gallery-is-layout-flex">
<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="500" height="454" data-id="1904" src="https://www.catinpaint.co.id/wp-content/uploads/2025/10/harga-aspal-emulsi-subang.png" alt="harga aspal hotmix subang " class="wp-image-1904" srcset="https://www.catinpaint.co.id/wp-content/uploads/2025/10/harga-aspal-emulsi-subang.png 500w, https://www.catinpaint.co.id/wp-content/uploads/2025/10/harga-aspal-emulsi-subang-300x272.png 300w" sizes="auto, (max-width: 500px) 100vw, 500px" /></figure>



<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="500" height="480" data-id="1905" src="https://www.catinpaint.co.id/wp-content/uploads/2025/10/harga-aspal-hotmix-subang.png" alt="harga aspal jalan subang " class="wp-image-1905" srcset="https://www.catinpaint.co.id/wp-content/uploads/2025/10/harga-aspal-hotmix-subang.png 500w, https://www.catinpaint.co.id/wp-content/uploads/2025/10/harga-aspal-hotmix-subang-300x288.png 300w" sizes="auto, (max-width: 500px) 100vw, 500px" /></figure>



<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="500" height="467" data-id="1906" src="https://www.catinpaint.co.id/wp-content/uploads/2025/10/harga-aspal-subang-60.000m2.png" alt="harga aspal subang" class="wp-image-1906" srcset="https://www.catinpaint.co.id/wp-content/uploads/2025/10/harga-aspal-subang-60.000m2.png 500w, https://www.catinpaint.co.id/wp-content/uploads/2025/10/harga-aspal-subang-60.000m2-300x280.png 300w" sizes="auto, (max-width: 500px) 100vw, 500px" /></figure>



<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="500" height="446" data-id="1907" src="https://www.catinpaint.co.id/wp-content/uploads/2025/10/harga-aspal-subang-free-konsultasi.png" alt="harga aspal subang terdekat dan murah" class="wp-image-1907" srcset="https://www.catinpaint.co.id/wp-content/uploads/2025/10/harga-aspal-subang-free-konsultasi.png 500w, https://www.catinpaint.co.id/wp-content/uploads/2025/10/harga-aspal-subang-free-konsultasi-300x268.png 300w" sizes="auto, (max-width: 500px) 100vw, 500px" /></figure>



<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="500" height="488" data-id="1908" src="https://www.catinpaint.co.id/wp-content/uploads/2025/10/harga-aspal-subang-free-survey.png" alt="harga aspal subang terbaik" class="wp-image-1908" srcset="https://www.catinpaint.co.id/wp-content/uploads/2025/10/harga-aspal-subang-free-survey.png 500w, https://www.catinpaint.co.id/wp-content/uploads/2025/10/harga-aspal-subang-free-survey-300x293.png 300w" sizes="auto, (max-width: 500px) 100vw, 500px" /></figure>
</figure>



<p></p>



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



<section style="background-color:#fffbea; padding:40px 0; font-family:Arial, sans-serif;">
  <div style="text-align:center; margin-bottom:30px;">
    <h2 style="color:#444; font-size:28px; font-weight:700;"></h2>
    <p style="color:#666;"></p>
  </div>

  <div style="display:flex; flex-wrap:wrap; justify-content:center; gap:20px;">

    <!-- Testimoni 1 -->
    <table style="width:320px; background-color:#fff8dc; border:2px solid #f1c40f; border-radius:12px; padding:20px; box-shadow:0 3px 8px rgba(0,0,0,0.1);">
      <tr>
        <td style="text-align:center; color:#555; font-style:italic;">
          “Harga aspal dari Catinpaint benar-benar kompetitif dan kualitasnya sangat bagus. Jalan depan gudang kami jadi mulus!”
        </td>
      </tr>
      <tr>
        <td style="text-align:center; color:#333; font-weight:bold; padding-top:10px;">– Dedi, Subang Kota</td>
      </tr>
    </table>

    <!-- Testimoni 2 -->
    <table style="width:320px; background-color:#fff8dc; border:2px solid #f1c40f; border-radius:12px; padding:20px; box-shadow:0 3px 8px rgba(0,0,0,0.1);">
      <tr>
        <td style="text-align:center; color:#555; font-style:italic;">
          “Harga aspal Subang dari Catinpaint sangat bersaing dan sesuai kualitasnya. Area gudang saya kini jauh lebih rapi dan kuat menahan kendaraan logistik. Proses pengerjaannya juga cepat dan profesional.”
        </td>
      </tr>
      <tr>
        <td style="text-align:center; color:#333; font-weight:bold; padding-top:10px;">– Rina, Jalancagak</td>
      </tr>
    </table>

    <!-- Testimoni 3 -->
    <table style="width:320px; background-color:#fff8dc; border:2px solid #f1c40f; border-radius:12px; padding:20px; box-shadow:0 3px 8px rgba(0,0,0,0.1);">
      <tr>
        <td style="text-align:center; color:#555; font-style:italic;">
          “Tim Catinpaint sangat profesional, hasilnya rapi dan kuat. Harga aspal wilayah Subangnya juga transparan.”
        </td>
      </tr>
      <tr>
        <td style="text-align:center; color:#333; font-weight:bold; padding-top:10px;">– Agus, Pagaden</td>
      </tr>
    </table>

    <!-- Testimoni 4 -->
    <table style="width:320px; background-color:#fff8dc; border:2px solid #f1c40f; border-radius:12px; padding:20px; box-shadow:0 3px 8px rgba(0,0,0,0.1);">
      <tr>
        <td style="text-align:center; color:#555; font-style:italic;">
          “Kami memilih Catinpaint karena harganya transparan dan kualitas hotmix nya sangat bagus. Pekerjaan selesai tepat waktu dan sesuai standar teknis. Sangat direkomendasikan untuk proyek skala besar.”
        </td>
      </tr>
      <tr>
        <td style="text-align:center; color:#333; font-weight:bold; padding-top:10px;">– Wahyu, Cibogo</td>
      </tr>
    </table>

    <!-- Testimoni 5 -->
    <table style="width:320px; background-color:#fff8dc; border:2px solid #f1c40f; border-radius:12px; padding:20px; box-shadow:0 3px 8px rgba(0,0,0,0.1);">
      <tr>
        <td style="text-align:center; color:#555; font-style:italic;">
          “Harga aspal hotmix di Subang cukup bersaing dan hasilnya tidak mengecewakan. Jalan desa jadi lebih nyaman dilewati.”
        </td>
      </tr>
      <tr>
        <td style="text-align:center; color:#333; font-weight:bold; padding-top:10px;">– Andri, Pabuaran</td>
      </tr>
    </table>

    <!-- Testimoni 6 -->
    <table style="width:320px; background-color:#fff8dc; border:2px solid #f1c40f; border-radius:12px; padding:20px; box-shadow:0 3px 8px rgba(0,0,0,0.1);">
      <tr>
        <td style="text-align:center; color:#555; font-style:italic;">
          “Harga aspal Subang sangat terjangkau tetapi hasilnya memuaskan. Area parkir yang awalnya rusak kini terlihat rapi dan kokoh. Timnya juga bekerja dengan rapi dan cepat.”
        </td>
      </tr>
      <tr>
        <td style="text-align:center; color:#333; font-weight:bold; padding-top:10px;">– Hendra, Kalijati</td>
      </tr>
    </table>

  </div>
</section>



<p></p>



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



<p>Mewujudkan jalan yang kuat, rapi, dan tahan lama kini semakin mudah bersama catinpaint. Kami memahami bahwa setiap proyek memiliki kebutuhan unik mulai dari luas area, jenis aspal, hingga waktu pelaksanaan. Karena itu, proses pemesanan kami dirancang praktis, transparan, dan efisien, agar anda dapat segera memulai pekerjaan tanpa hambatan administrasi yang rumit.</p>



<section style="background-color:#fffbea; padding:50px 20px; font-family:Arial, sans-serif;">
  <div style="max-width:900px; margin:auto; text-align:center;">
    <h2 style="color:#444; font-size:28px; font-weight:700; margin-bottom:10px;">
      
    </h2>
    <p style="color:#666; margin-bottom:40px;">
     <strong></strong> 
     
    </p>
  </div>

  <div style="max-width:800px; margin:auto;">
    
    <!-- Langkah 1 -->
    <div style="display:flex; align-items:flex-start; background-color:#fff8dc; border-left:6px solid #f1c40f; border-radius:10px; padding:20px; margin-bottom:20px; box-shadow:0 3px 8px rgba(0,0,0,0.1);">
      <div style="font-size:20px; font-weight:bold; color:#f1c40f; margin-right:15px;">1</div>
      <div>
        <h3 style="margin:0; color:#333;">Hubungi Tim Kami</h3>
        <p style="margin-top:5px; color:#555;">
          Anda dapat menghubungi kami melalui <strong>whatsapp,atau telepon,</strong> atau <strong></strong> di website ini,
          Tim kami akan merespons cepat untuk meninjau kebutuhan proyek anda.
        </p>
      </div>
    </div>

    <!-- Langkah 2 -->
    <div style="display:flex; align-items:flex-start; background-color:#fff8dc; border-left:6px solid #f1c40f; border-radius:10px; padding:20px; margin-bottom:20px; box-shadow:0 3px 8px rgba(0,0,0,0.1);">
      <div style="font-size:20px; font-weight:bold; color:#f1c40f; margin-right:15px;">2</div>
      <div>
        <h3 style="margin:0; color:#333;">Konsultasi &#038; Survey Lokasi</h3>
        <p style="margin-top:5px; color:#555;">
          Kami akan melakukan konsultasi awal untuk menentukan jenis aspal yang tepat (<em>hotmix, coldmix, sand sheet</em>, atau lainnya) 
          dan melakukan <strong>survey lokasi</strong> bila diperlukan.
        </p>
      </div>
    </div>

    <!-- Langkah 3 -->
    <div style="display:flex; align-items:flex-start; background-color:#fff8dc; border-left:6px solid #f1c40f; border-radius:10px; padding:20px; margin-bottom:20px; box-shadow:0 3px 8px rgba(0,0,0,0.1);">
      <div style="font-size:20px; font-weight:bold; color:#f1c40f; margin-right:15px;">3</div>
      <div>
        <h3 style="margin:0; color:#333;">Dapatkan Penawaran Harga</h3>
        <p style="margin-top:5px; color:#555;">
          Setelah analisa kebutuhan dan volume pekerjaan, kami akan memberikan 
          <strong>penawaran harga aspal terbaru</strong> yang transparan dan kompetitif sesuai wilayah proyek Anda.
        </p>
      </div>
    </div>

    <!-- Langkah 4 -->
    <div style="display:flex; align-items:flex-start; background-color:#fff8dc; border-left:6px solid #f1c40f; border-radius:10px; padding:20px; margin-bottom:20px; box-shadow:0 3px 8px rgba(0,0,0,0.1);">
      <div style="font-size:20px; font-weight:bold; color:#f1c40f; margin-right:15px;">4</div>
      <div>
        <h3 style="margin:0; color:#333;">Konfirmasi &#038; Pembayaran</h3>
        <p style="margin-top:5px; color:#555;">
          Setelah menyetujui penawaran, Anda dapat melakukan <strong>pembayaran sesuai kesepakatan</strong>. 
          Kami menyediakan sistem pembayaran yang aman dan mudah.
        </p>
      </div>
    </div>

    <!-- Langkah 5 -->
    <div style="display:flex; align-items:flex-start; background-color:#fff8dc; border-left:6px solid #f1c40f; border-radius:10px; padding:20px; margin-bottom:20px; box-shadow:0 3px 8px rgba(0,0,0,0.1);">
      <div style="font-size:20px; font-weight:bold; color:#f1c40f; margin-right:15px;">5</div>
      <div>
        <h3 style="margin:0; color:#333;">Pelaksanaan Pengaspalan</h3>
        <p style="margin-top:5px; color:#555;">
          Tim lapangan kami akan melaksanakan pekerjaan sesuai jadwal yang disepakati. 
          Proyek dilakukan dengan <strong>standar Bina Marga</strong> untuk hasil yang tahan lama.
        </p>
      </div>
    </div>

    <!-- Langkah 6 -->
    <div style="display:flex; align-items:flex-start; background-color:#fff8dc; border-left:6px solid #f1c40f; border-radius:10px; padding:20px; box-shadow:0 3px 8px rgba(0,0,0,0.1);">
      <div style="font-size:20px; font-weight:bold; color:#f1c40f; margin-right:15px;">6</div>
      <div>
        <h3 style="margin:0; color:#333;">Selesai &#038; Garansi</h3>
        <p style="margin-top:5px; color:#555;">
          Setelah pekerjaan selesai, kami memberikan <strong>garansi mutu hasil aspal</strong> serta layanan purna jual 
          untuk memastikan kepuasan pelanggan Anda.
        </p>
      </div>
    </div>

    <!-- Tombol CTA -->
    <div style="text-align:center; margin-top:40px;">
      <a href="https://wa.me/+6281280381346" 
         style="background-color:#f1c40f; color:#222; text-decoration:none; padding:14px 30px; border-radius:8px; font-weight:bold; box-shadow:0 3px 8px rgba(0,0,0,0.1);">
         Pesan Aspal Sekarang
      </a>
    </div>

  </div>
</section>



<h2 class="wp-block-heading has-text-align-center">FAQ Pertanyaan Umum Seputar Harga Aspal Subang</h2>



<div class="schema-faq wp-block-yoast-faq-block"><div class="schema-faq-section" id="faq-question-1761721261579"><strong class="schema-faq-question">Apakah harga aspal di Subang sudah termasuk jasa penghamparan dan pemadatan?</strong> <p class="schema-faq-answer">Ya, harga yang kami tawarkan di catinpaint sudah mencakup material aspal, penghamparan, pemadatan, dan finishing menggunakan alat berat standar proyek jalan raya.</p> </div> <div class="schema-faq-section" id="faq-question-1761721294597"><strong class="schema-faq-question">Apakah harga sudah termasuk tenaga kerja dan alat berat?</strong> <p class="schema-faq-answer">Umumnya sudah termasuk material hotmix, tenaga kerja, alat berat, dan transportasi, tetapi sebaiknya tetap cek rincian penawaran setiap penyedia.</p> </div> <div class="schema-faq-section" id="faq-question-1761721310654"><strong class="schema-faq-question">Apakah harga bisa dinegosiasikan?</strong> <p class="schema-faq-answer">Bisa. Harga umumnya dapat dinegosiasikan terutama jika volume pekerjaan besar atau lokasi mudah dijangkau.</p> </div> <div class="schema-faq-section" id="faq-question-1761721326813"><strong class="schema-faq-question">Bagaimana cara mendapatkan penawaran harga aspal Subang yang paling akurat?</strong> <p class="schema-faq-answer">Lakukan survei lokasi, pilih spesifikasi hotmix yang diperlukan, dan minta penawaran resmi yang mencakup harga per m², ketebalan, volume material, serta durasi pengerjaan.</p> </div> <div class="schema-faq-section" id="faq-question-1761721343122"><strong class="schema-faq-question">Apakah ada biaya tambahan untuk pengiriman ke luar kota Subang?</strong> <p class="schema-faq-answer">Biaya transportasi menyesuaikan jarak lokasi proyek dari base plant hotmix terdekat. Kami akan menghitung ongkos kirim secara transparan berdasarkan jarak dan volume pemesanan.</p> </div> </div>
<p>The post <a href="https://www.catinpaint.co.id/harga-aspal-subang/">Harga Aspal Subang Terbaru Dan Murah 60.000/m2</a> appeared first on <a href="https://www.catinpaint.co.id">Cat Marka Jalan Catin</a>.</p>
]]></content:encoded>
					
					<wfw:commentRss>https://www.catinpaint.co.id/harga-aspal-subang/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>Harga Aspal Cilegon Harga Murah, Kualitas Tetap Premium</title>
		<link>https://www.catinpaint.co.id/harga-aspal-cilegon/</link>
					<comments>https://www.catinpaint.co.id/harga-aspal-cilegon/#respond</comments>
		
		<dc:creator><![CDATA[Catin Paint]]></dc:creator>
		<pubDate>Wed, 29 Oct 2025 03:44:27 +0000</pubDate>
				<category><![CDATA[harga aspal]]></category>
		<guid isPermaLink="false">https://www.catinpaint.co.id/?p=1888</guid>

					<description><![CDATA[<p>Catinaint menawarkan harga aspal Cilegon yang kompetitif dan transparan, mulai dari Rp60.000 per m². Kami menghadirkan aspal berkualitas tinggi dengan mutu yang stabil, memastikan hasil jalan lebih kuat dan tahan lama. Dengan harga yang jelas dan kualitas terjamin, Anda bisa merencanakan anggaran proyek lebih efisien. Catinpaint memberikan nilai terbaik bagi anda yang mengutamakan kualitas dan [&#8230;]</p>
<p>The post <a href="https://www.catinpaint.co.id/harga-aspal-cilegon/">Harga Aspal Cilegon Harga Murah, Kualitas Tetap Premium</a> appeared first on <a href="https://www.catinpaint.co.id">Cat Marka Jalan Catin</a>.</p>
]]></description>
										<content:encoded><![CDATA[
<p>Catinaint menawarkan harga aspal Cilegon yang kompetitif dan transparan, mulai dari Rp60.000 per m². Kami menghadirkan aspal berkualitas tinggi dengan mutu yang stabil, memastikan hasil jalan lebih kuat dan tahan lama. Dengan harga yang jelas dan kualitas terjamin, Anda bisa merencanakan anggaran proyek lebih efisien. <a href="https://www.catinpaint.co.id/">Catinpaint</a> memberikan nilai terbaik bagi anda yang mengutamakan kualitas dan keakuratan biaya.</p>



<h2 class="wp-block-heading has-text-align-center">Kami Hadirkan Aspal Berkualitas untuk Anda</h2>



<p>Catinpaint menghadirkan aspal berkualitas tinggi dengan mutu yang stabil untuk setiap kebutuhan proyek di Cilegon. Material kami dirancang untuk memberikan daya tahan maksimal dan hasil permukaan yang kuat serta rapi. Dengan proses produksi yang terkontrol, setiap aspal memiliki performa konsisten di berbagai kondisi. Kami memastikan Anda mendapatkan kualitas terbaik untuk mendukung hasil pengaspalan yang tahan lama dan terpercaya.</p>



<figure class="wp-block-image aligncenter size-full"><img loading="lazy" decoding="async" width="500" height="449" src="https://www.catinpaint.co.id/wp-content/uploads/2025/10/harga-aspal-hotmux-cilegon-per-m2.png" alt="Harga Aspal Cilegon 2025 – Nikmati Promo Akhir Tahun Sekarang!" class="wp-image-1898" srcset="https://www.catinpaint.co.id/wp-content/uploads/2025/10/harga-aspal-hotmux-cilegon-per-m2.png 500w, https://www.catinpaint.co.id/wp-content/uploads/2025/10/harga-aspal-hotmux-cilegon-per-m2-300x269.png 300w" sizes="auto, (max-width: 500px) 100vw, 500px" /></figure>



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



<p>Catinpaint menyediakan berbagai jenis produk aspal berkualitas tinggi yang dirancang untuk memenuhi kebutuhan pengaspalan di berbagai jenis proyek mulai dari jalan lingkungan, area parkir, perumahan, hingga kawasan industri berskala besar.</p>



<h3 class="wp-block-heading">Aspal Hotmix AC-WC (Asphalt Concrete – Wearing Course)</h3>



<p>Lapisan paling atas (wearing course) yang berfungsi sebagai permukaan jalan langsung dilalui kendaraan.</p>



<ul class="wp-block-list">
<li><strong>Fungsi teknis:</strong> Memberi daya lekat tinggi, ketahanan aus, dan kehalusan permukaan.</li>



<li><strong>Kegunaan:</strong> Jalan perkotaan, area industri, parkiran, dan perumahan.</li>



<li><strong>Ketebalan ideal:</strong> 2,5–4 cm.</li>
</ul>



<h3 class="wp-block-heading">Aspal Hotmix AC-BC (Asphalt Concrete – Binder Course)</h3>



<p>Lapisan tengah (intermediate layer) yang berfungsi menahan beban dan mendukung lapisan atas.</p>



<ul class="wp-block-list">
<li><strong>Fungsi teknis:</strong> Sebagai pengikat antara lapisan bawah dan permukaan.</li>



<li><strong>Kegunaan:</strong> Jalan utama, akses pabrik, dan kawasan industri berat.</li>



<li><strong>Ketebalan ideal:</strong> 4–6 cm.</li>
</ul>



<h4 class="wp-block-heading">Aspal ATB (Asphalt Treated Base)</h4>



<p>Lapisan <strong>bawah (base layer)</strong> yang menjadi pondasi utama kekuatan struktur jalan.</p>



<ul class="wp-block-list">
<li><strong>Fungsi teknis:</strong> Menyebarkan beban kendaraan ke tanah dasar secara merata.</li>



<li><strong>Kegunaan:</strong> Jalan tol, pelabuhan, dan area dengan tonase tinggi.</li>



<li><strong>Ketebalan ideal:</strong> 6–10 cm.</li>
</ul>



<h3 class="wp-block-heading">Aspal Laston (Lapis Aspal Beton)</h3>



<p>Laston adalah istilah umum untuk lapisan aspal beton campuran panas (hotmix) yang terdiri dari agregat kasar, halus, filler, dan aspal penetrasi.</p>



<ul class="wp-block-list">
<li><strong>Fungsi teknis:</strong> Memberikan kekuatan struktural dan keawetan pada perkerasan.</li>



<li><strong>Jenis Laston:</strong> AC-WC, AC-BC, dan ATB.</li>



<li><strong>Keunggulan:</strong> Tahan retak, kedap air, dan fleksibel terhadap perubahan suhu.</li>
</ul>



<h3 class="wp-block-heading">Aspal HRS (Hot Rolled Sheet)</h3>



<ul class="wp-block-list">
<li><strong>Fungsi teknis:</strong> Memberi daya gesek tinggi untuk menghindari selip.</li>



<li><strong>Kegunaan:</strong> Jalan raya, tanjakan, dan persimpangan padat.</li>



<li><strong>Jenis:</strong> HRS-Base dan HRS-WC.</li>
</ul>



<h3 class="wp-block-heading">Aspal Sand Sheet (Lapis Aspal Pasir)</h3>



<p><a href="https://binamarga.pu.go.id/uploads/files/671/preview_671-1-5.pdf">Jenis aspal tipis yang digunakan sebagai lapisan pelindung</a> atau pemeliharaan permukaan jalan.</p>



<ul class="wp-block-list">
<li><strong>Fungsi teknis:</strong> Melindungi lapisan bawah dari air dan memperbaiki permukaan aus.</li>



<li><strong>Kegunaan:</strong> Jalan lingkungan, area parkir, lapangan olahraga, dan jalan ringan.</li>



<li><strong>Ketebalan ideal:</strong> 1–2 cm.</li>



<li><strong>Keunggulan:</strong> Hemat biaya, cepat diaplikasikan, dan hasil permukaan halus.</li>
</ul>



<h3 class="wp-block-heading">Aspal Coldmix (Aspal Dingin)</h3>



<p>Aspal siap pakai tanpa pemanasan, cocok untuk perbaikan cepat atau tambalan jalan rusak.</p>



<ul class="wp-block-list">
<li><strong>Fungsi teknis:</strong> Solusi efisien untuk tambalan sementara atau jalan kecil.</li>



<li><strong>Keunggulan:</strong> Praktis, mudah digunakan kapan saja, bahkan saat cuaca lembap.</li>
</ul>



<h2 class="wp-block-heading has-text-align-center">Daftar Harga Aspal Cilegon</h2>



<p>Menentukan harga aspal hotmix di Cilegon bukan hanya sekadar melihat angka per ton atau per meter persegi. Sebagai penyedia jasa pengaspalan berpengalaman, Catinpaint memahami bahwa setiap proyek memiliki kebutuhan teknis dan kondisi lapangan yang berbeda, sehingga harga pun perlu disesuaikan agar hasil pekerjaan tetap efisien, kuat, dan tahan lama.</p>



<!-- 🌕 TABEL CUSTOM DAFTAR HARGA MATERIAL ASPAL (TEMA KUNING RAMPING) -->
<style>
  .asphalt-table-wrap {
    --accent: #FFD54A;      /* warna kuning utama */
    --accent-dark: #F0B800; /* warna kuning gelap */
    --text: #222;
    --border: rgba(0,0,0,0.1);
    font-family: "Segoe UI", Roboto, Arial, sans-serif;
    margin: 1.5rem 0;
  }

  .asphalt-table {
    width: 100%;
    max-width: 700px; /* tabel ramping */
    margin: 0 auto;
    border-collapse: collapse;
    background: #fffef7;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0 3px 10px rgba(0,0,0,0.05);
    font-size: 0.9rem;
  }

  .asphalt-table caption {
    background: linear-gradient(90deg, var(--accent), var(--accent-dark));
    color: #111;
    font-weight: 700;
    text-align: center;
    padding: 12px 14px;
    font-size: 1rem;
    letter-spacing: 0.3px;
  }

  .asphalt-table thead th {
    background: rgba(0,0,0,0.05);
    color: var(--text);
    font-weight: 600;
    padding: 8px 10px;
    border-bottom: 2px solid var(--border);
    text-align: left;
  }

  .asphalt-table tbody td {
    padding: 8px 10px;
    border-bottom: 1px solid var(--border);
    color: var(--text);
  }

  .asphalt-table tbody tr:nth-child(even) {
    background: rgba(255, 213, 74, 0.05);
  }

  .asphalt-table tbody tr:hover {
    background: rgba(255, 213, 74, 0.15);
    transition: 0.2s ease;
  }

  .unit {
    text-align: center;
    color: #444;
    font-weight: 600;
  }

  .price {
    text-align: right;
    font-weight: 700;
    color: #000;
    white-space: nowrap;
  }

  /* 📱 Responsif Mobile */
  @media (max-width: 640px) {
    .asphalt-table thead { display: none; }
    .asphalt-table, .asphalt-table tbody, .asphalt-table tr, .asphalt-table td {
      display: block;
      width: 100%;
    }
    .asphalt-table tr {
      margin-bottom: 12px;
      background: #fff;
      border-radius: 8px;
      box-shadow: 0 2px 6px rgba(0,0,0,0.03);
    }
    .asphalt-table td {
      padding: 8px 12px;
      border: none;
      position: relative;
    }
    .asphalt-table td::before {
      content: attr(data-label);
      display: block;
      font-size: 0.8rem;
      color: rgba(0,0,0,0.6);
      margin-bottom: 4px;
      font-weight: 600;
    }
    .price, .unit { text-align: left; }
  }
</style>

<div class="asphalt-table-wrap">
  <table class="asphalt-table" role="table" aria-label="Daftar Harga Aspal">
    <caption>Daftar Harga Aspal (Spesifikasi Teknis)</caption>
    <thead>
      <tr>
        <th scope="col">Jenis Aspal (Spesifikasi Teknis)</th>
        <th scope="col">Satuan</th>
        <th scope="col">Harga Material (Rp)</th>
      </tr>
    </thead>
    <tbody>
      <tr>
        <td data-label="Jenis Aspal"><strong>ATB</strong> (Asphalt Treated Base)</td>
        <td class="unit" data-label="Satuan">/ ton</td>
        <td class="price" data-label="Harga Material">1.150.000,-</td>
      </tr>
      <tr>
        <td data-label="Jenis Aspal"><strong>AC-BC</strong> (Binder Course)</td>
        <td class="unit">/ ton</td>
        <td class="price">1.180.000,-</td>
      </tr>
      <tr>
        <td data-label="Jenis Aspal"><strong>AC-WC</strong> (Wearing Course)</td>
        <td class="unit">/ ton</td>
        <td class="price">1.235.000,-</td>
      </tr>
      <tr>
        <td>AC-WC IV A</td>
        <td class="unit">/ ton</td>
        <td class="price">1.265.000,-</td>
      </tr>
      <tr>
        <td>3 Laston</td>
        <td class="unit">/ ton</td>
        <td class="price">1.270.000,-</td>
      </tr>
      <tr>
        <td>3 Laston Spesial</td>
        <td class="unit">/ ton</td>
        <td class="price">1.400.000,-</td>
      </tr>
      <tr>
        <td><strong>HRS</strong> (Hot Rolled Sheet)</td>
        <td class="unit">/ ton</td>
        <td class="price">1.320.000,-</td>
      </tr>
      <tr>
        <td>Sand Sheet</td>
        <td class="unit">/ ton</td>
        <td class="price">1.480.000,-</td>
      </tr>
      <tr>
        <td>Sand Sheet Spesial</td>
        <td class="unit">/ ton</td>
        <td class="price">1.570.000,-</td>
      </tr>
      <tr>
        <td><strong>Aspal Emulsi</strong> (Tack Coat)</td>
        <td class="unit">/ Liter</td>
        <td class="price">15.000,-</td>
      </tr>
      <tr>
        <td><strong>Aspal Emulsi</strong> (Tack Coat)</td>
        <td class="unit">/ Drum</td>
        <td class="price">2.605.000,-</td>
      </tr>
    </tbody>
  </table>
</div>
<!-- 🌕 END TABEL CUSTOM ASPAL -->



<p></p>



<style>
.table-aspal {
  width: 80%;
  max-width: 700px;
  margin: 30px auto;
  border-collapse: collapse;
  font-family: 'Segoe UI', Arial, sans-serif;
  background-color: #fffdf5;
  border: 1px solid #f2d56b;
  border-radius: 10px;
  overflow: hidden;
  box-shadow: 0 2px 8px rgba(0,0,0,0.05);
}

.table-aspal caption {
  font-size: 20px;
  font-weight: 600;
  color: #222;
  text-align: center;
  background-color: #f7c948;
  padding: 14px;
  border-bottom: 2px solid #f0b400;
}

.table-aspal th {
  background-color: #fff6cc;
  color: #333;
  text-align: center;
  font-size: 16px;
  font-weight: 600;
  padding: 10px;
  border-bottom: 1px solid #f0e0a0;
}

.table-aspal td {
  padding: 10px;
  font-size: 15px;
  color: #444;
  text-align: center;
  border-bottom: 1px solid #f7eeb0;
}

.table-aspal tr:last-child td {
  border-bottom: none;
}

.table-aspal tr:hover td {
  background-color: #fffbe2;
  transition: 0.2s ease;
}

@media screen and (max-width: 768px) {
  .table-aspal {
    width: 95%;
    font-size: 14px;
  }
}
</style>

<table class="table-aspal">
  <caption>Daftar Harga Aspal Hotmix per m²</caption>

  <tr><th colspan="2">III Laston</th></tr>
  <tr><td>Ketebalan 2 cm</td><td>Rp 95.000,-</td></tr>
  <tr><td>Ketebalan 3 cm</td><td>Rp 125.000,-</td></tr>

  <tr><th colspan="2">III Laston Spesial</th></tr>
  <tr><td>Ketebalan 1 cm</td><td>Rp 67.000,-</td></tr>
  <tr><td>Ketebalan 2 cm</td><td>Rp 95.000,-</td></tr>
  <tr><td>Ketebalan 3 cm</td><td>Rp 125.000,-</td></tr>

  <tr><th colspan="2">Sandsheet</th></tr>
  <tr><td>Ketebalan 1 cm</td><td>Rp 67.000,-</td></tr>
  <tr><td>Ketebalan 2 cm</td><td>Rp 95.000,-</td></tr>

  <tr><th colspan="2">HRS</th></tr>
  <tr><td>Ketebalan 2 cm</td><td>Rp 95.000,-</td></tr>
  <tr><td>Ketebalan 3 cm</td><td>Rp 125.000,-</td></tr>
  <tr><td>Ketebalan 4 cm</td><td>Rp 150.000,-</td></tr>

  <tr><th colspan="2">AC-WC</th></tr>
  <tr><td>Ketebalan 3 cm</td><td>Rp 125.000,-</td></tr>
  <tr><td>Ketebalan 4 cm</td><td>Rp 150.000,-</td></tr>
  <tr><td>Ketebalan 5 cm</td><td>Rp 200.000,-</td></tr>

  <tr><th colspan="2">AC-BC</th></tr>
  <tr><td>Ketebalan 4 cm</td><td>Rp 150.000,-</td></tr>
  <tr><td>Ketebalan 5 cm</td><td>Rp 200.000,-</td></tr>

  <tr><th colspan="2">ATB</th></tr>
  <tr><td>Ketebalan 5 cm</td><td>Rp 200.000,-</td></tr>
</table>



<p></p>



<!-- 🔹 Tombol WhatsApp Catinpaint (Hijau & Kuning) -->
<style>
  .wa-buttons {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 15px;
    margin: 30px 0;
  }

  .wa-btn {
    display: flex;
    align-items: center;
    gap: 8px;
    font-weight: 600;
    text-decoration: none;
    padding: 10px 22px;
    border-radius: 50px;
    box-shadow: 0 3px 8px rgba(0,0,0,0.15);
    transition: all 0.3s ease;
  }

  /* Tombol Hijau WhatsApp */
  .wa-green {
    background-color: #25D366;
    color: #fff;
  }

  .wa-green:hover {
    background-color: #1ebe5d;
    transform: scale(1.05);
  }

  /* Tombol Kuning Catinpaint */
  .wa-yellow {
    background-color: #f1c40f;
    color: #000;
  }

  .wa-yellow:hover {
    background-color: #000;
    color: #fff;
    transform: scale(1.05);
  }

  .wa-btn i {
    font-size: 18px;
  }
</style>

<div class="wa-buttons">
  <a href="https://wa.me/6281910263554" target="_blank" class="wa-btn wa-green">
    <i></i> WhatsApp 
  </a>

  <a href="https://wa.me/62811142024" target="_blank" class="wa-btn wa-yellow">
    <i></i> Telepon
  </a>
</div>



<p></p>



<h2 class="wp-block-heading has-text-align-center">Kenapa Membeli Aspal di Catinpaint?</h2>



<p>Sebagai penyedia harga aspal Cilegon terpercaya, kami di catinpaint percaya bahwa kualitas jalan bukan hanya ditentukan oleh campuran material, tetapi oleh komitmen, pengalaman, dan standar mutu yang diterapkan dari awal hingga akhir proses pengaspalan. Kami menghadirkan perpaduan antara teknologi modern, tim profesional, dan efisiensi biaya, sehingga setiap proyek yang kami tangani mampu memberikan hasil maksimal kuat, rapi, dan tahan lama.</p>



<h3 class="wp-block-heading">Standar Mutu Nasional</h3>



<p>Kami hanya menggunakan material bitumen dan agregat bersertifikat yang telah memenuhi Spesifikasi Umum Bina Marga (Revisi 2018 dan 2022)<br>Setiap campuran hotmix yang kami produksi melewati tahap pengujian laboratorium untuk memastikan:</p>



<ul class="wp-block-list">
<li>Kadar bitumen sesuai dengan desain campuran (mix design).</li>



<li>Gradasi agregat memenuhi kriteria densitas maksimum.</li>



<li>Suhu pencampuran dan pemadatan berada pada rentang optimal.</li>
</ul>



<p>Hasilnya adalah aspal dengan stabilitas Marshall tinggi, ketahanan deformasi baik, serta tekstur permukaan yang ideal untuk keselamatan dan kenyamanan berkendara.</p>



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



<p>Kami bangga memiliki tenaga ahli profesional di bidang pengaspalan mulai dari teknisi laboratorium, operator alat berat, hingga pengawas lapangan yang telah berpengalaman menangani proyek jalan industri, perumahan, rumah sakit, pelabuhan, hingga area parkir skala besar di Cilegon dan Banten.<br></p>



<h3 class="wp-block-heading">Harga Kompetitif dan Transparan</h3>



<p>Kami memahami bahwa setiap proyek memiliki anggaran dan target waktu yang berbeda. Catinpaint menawarkan penawaran fleksibel dan transparan, menyesuaikan dengan Kami tidak hanya memberikan harga per m² atau per ton, tetapi juga penjelasan rinci mengenai komponen biaya seperti material, tenaga kerja, alat berat, dan transportasi.</p>



<h3 class="wp-block-heading">Pelayanan Cepat dan Tepat Waktu</h3>



<p>Dalam pekerjaan konstruksi jalan, ketepatan waktu adalah bagian dari kualitas. Catinpaint memiliki sistem penjadwalan terintegrasi yang memastikan setiap proses mulai dari pengiriman material, pencampuran hotmix, hingga pemadatan di lokasi berjalan efisien dan sesuai jadwal.</p>



<h3 class="wp-block-heading">Pelayanan Cepat dan Tepat Waktu</h3>



<p>Dalam pekerjaan konstruksi jalan, ketepatan waktu adalah bagian dari kualitas. Catinpaint. memiliki sistem penjadwalan terintegrasi yang memastikan setiap proses mulai dari pengiriman material, pencampuran hotmix, hingga pemadatan di lokasi berjalan efisien dan sesuai jadwal.</p>



<figure class="wp-block-gallery has-nested-images columns-default is-cropped wp-block-gallery-10 is-layout-flex wp-block-gallery-is-layout-flex">
<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="500" height="460" data-id="1895" src="https://www.catinpaint.co.id/wp-content/uploads/2025/10/harga-aspal-cilegon-paling-murah.png" alt="harga aspal hormix cilegon" class="wp-image-1895" srcset="https://www.catinpaint.co.id/wp-content/uploads/2025/10/harga-aspal-cilegon-paling-murah.png 500w, https://www.catinpaint.co.id/wp-content/uploads/2025/10/harga-aspal-cilegon-paling-murah-300x276.png 300w" sizes="auto, (max-width: 500px) 100vw, 500px" /></figure>



<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="500" height="503" data-id="1891" src="https://www.catinpaint.co.id/wp-content/uploads/2025/10/harga-aspal-cilegon-paling-update.png" alt="harga aspal cilehon terbaik" class="wp-image-1891" srcset="https://www.catinpaint.co.id/wp-content/uploads/2025/10/harga-aspal-cilegon-paling-update.png 500w, https://www.catinpaint.co.id/wp-content/uploads/2025/10/harga-aspal-cilegon-paling-update-298x300.png 298w, https://www.catinpaint.co.id/wp-content/uploads/2025/10/harga-aspal-cilegon-paling-update-150x150.png 150w" sizes="auto, (max-width: 500px) 100vw, 500px" /></figure>



<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="500" height="470" data-id="1892" src="https://www.catinpaint.co.id/wp-content/uploads/2025/10/harga-aspal-cilegon-ter-update.png" alt="harga aspal cilegon" class="wp-image-1892" srcset="https://www.catinpaint.co.id/wp-content/uploads/2025/10/harga-aspal-cilegon-ter-update.png 500w, https://www.catinpaint.co.id/wp-content/uploads/2025/10/harga-aspal-cilegon-ter-update-300x282.png 300w" sizes="auto, (max-width: 500px) 100vw, 500px" /></figure>



<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="500" height="462" data-id="1894" src="https://www.catinpaint.co.id/wp-content/uploads/2025/10/harga-aspal-cilegon-terbaru-per-ton.png" alt="harga aspal cilegon terdekat " class="wp-image-1894" srcset="https://www.catinpaint.co.id/wp-content/uploads/2025/10/harga-aspal-cilegon-terbaru-per-ton.png 500w, https://www.catinpaint.co.id/wp-content/uploads/2025/10/harga-aspal-cilegon-terbaru-per-ton-300x277.png 300w" sizes="auto, (max-width: 500px) 100vw, 500px" /></figure>



<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="500" height="492" data-id="1893" src="https://www.catinpaint.co.id/wp-content/uploads/2025/10/harga-aspal-cilegon-terbaru.png" alt="harga aspal cilegon murah" class="wp-image-1893" srcset="https://www.catinpaint.co.id/wp-content/uploads/2025/10/harga-aspal-cilegon-terbaru.png 500w, https://www.catinpaint.co.id/wp-content/uploads/2025/10/harga-aspal-cilegon-terbaru-300x295.png 300w" sizes="auto, (max-width: 500px) 100vw, 500px" /></figure>



<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="500" height="477" data-id="1896" src="https://www.catinpaint.co.id/wp-content/uploads/2025/10/harga-aspal-cilegon-terdekat-dan-murah.png" alt="harga aspal emulsi cilegon" class="wp-image-1896" srcset="https://www.catinpaint.co.id/wp-content/uploads/2025/10/harga-aspal-cilegon-terdekat-dan-murah.png 500w, https://www.catinpaint.co.id/wp-content/uploads/2025/10/harga-aspal-cilegon-terdekat-dan-murah-300x286.png 300w" sizes="auto, (max-width: 500px) 100vw, 500px" /></figure>
</figure>



<p></p>



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



<style>
/* === STYLE TESTIMONI ASPAL CILEGON === */
.testimoni-wrapper {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  justify-content: center;
  font-family: 'Segoe UI', Arial, sans-serif;
}

.testimoni-table {
  background-color: #fffbea; /* kuning soft */
  border: 2px solid #f4d03f;
  border-radius: 12px;
  width: 270px;
  box-shadow: 0 4px 10px rgba(0,0,0,0.06);
  padding: 14px;
  transition: transform 0.2s ease;
}

.testimoni-table:hover {
  transform: translateY(-3px);
}

.testimoni-table table {
  width: 100%;
  border-collapse: collapse;
}

.testimoni-table th {
  text-align: left;
  width: 35%;
  color: #333;
  padding: 6px 4px;
  vertical-align: top;
  font-weight: 600;
}

.testimoni-table td {
  padding: 6px 4px;
  color: #111;
}

.testimoni-table tr:nth-child(even) td {
  background-color: #fffdf3;
  border-radius: 5px;
}

.testimoni-table caption {
  text-align: center;
  font-weight: bold;
  font-size: 16px;
  color: #e0a800;
  margin-bottom: 8px;
}
</style>

<div class="testimoni-wrapper">

  <div class="testimoni-table">
    <table>
      <caption>PT. Pemborong Jaya</caption>
      <tr><th>Kota</th><td>Cilegon</td></tr>
      <tr><th>Testimoni</th><td>Harga aspal Cilegon dari Catinpaint sangat bersaing dan kualitasnya memuaskan. Area pabrik kami kini jauh lebih rapi dan kuat menahan aktivitas kendaraan berat.</td></tr>
    </table>
  </div>

  <div class="testimoni-table">
    <table>
      <caption>CV. Kontraktor Mandiri</caption>
      <tr><th>Kota</th><td>Cilegon</td></tr>
      <tr><th>Testimoni</th><td>Saya sangat puas dengan hasil pengaspalan. Harga yang ditawarkan terjangkau, hasilnya halus, dan pengerjaannya cepat. Pelayanan timnya juga ramah dan profesional.</td></tr>
    </table>
  </div>

  <div class="testimoni-table">
    <table>
      <caption>Bpk. Agus</caption>
      <tr><th>Kota</th><td>Cilegon</td></tr>
      <tr><th>Testimoni</th><td>Kami memilih Catinpaint karena harganya jelas dan kualitas hotmixnya terbukti bagus. Pengerjaan selesai tepat waktu dan sesuai standar industri. Sangat direkomendasikan untuk proyek skala besar.</td></tr>
    </table>
  </div>

  <div class="testimoni-table">
    <table>
      <caption>PT. Karya Beton Nusantara</caption>
      <tr><th>Kota</th><td>Cilegon</td></tr>
      <tr><th>Testimoni</th><td>Harga aspalnya masuk akal dan hasilnya di atas ekspektasi. Permukaan parkir sekarang lebih rapi, tidak berlubang, dan terlihat modern</td></tr>
    </table>
  </div>

  <div class="testimoni-table">
    <table>
      <caption>CV. Mitra Jaya</caption>
      <tr><th>Kota</th><td>Cilegon</td></tr>
      <tr><th>Testimoni</th><td>Harga aspal Cilegon yang ditawarkan cukup kompetitif. Kami puas dengan hasilnya aspal kuat, rata, dan cocok untuk kebutuhan industri. Pasti akan order lagi.</td></tr>
    </table>
  </div>

  <div class="testimoni-table">
    <table>
      <caption>Bpk. Rudi</caption>
      <tr><th>Kota</th><td>Cilegon</td></tr>
      <tr><th>Testimoni</th><td>Harga Terpercaya dan selalu memberikan solusi terbaik untuk kebutuhan aspal kami.</td></tr>
    </table>
  </div>

</div>



<p></p>



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



<p>Mewujudkan proyek pengaspalan yang kuat, rapi, dan tahan lama kini bisa dilakukan dengan mudah bersama catinpaint. Kami memahami bahwa setiap proyek memiliki kebutuhan unik  mulai dari jenis aspal, ketebalan lapisan, hingga kondisi medan. </p>



<style>
/* ==== STYLE - CARA MEMESAN ASPAL ==== */
.cara-pesan-wrapper {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 18px;
  font-family: 'Segoe UI', Arial, sans-serif;
  background-color: #fffbea; /* kuning soft */
  padding: 25px 15px;
  border-radius: 14px;
  box-shadow: 0 4px 12px rgba(0,0,0,0.06);
}

.cara-pesan-step {
  background: #ffffff;
  border: 2px solid #f4d03f;
  border-radius: 12px;
  flex: 1 1 230px;
  max-width: 280px;
  padding: 18px 14px;
  text-align: center;
  transition: all 0.25s ease;
}

.cara-pesan-step:hover {
  background-color: #fff8dc;
  transform: translateY(-3px);
}

.cara-pesan-step .step-number {
  background: #f4d03f;
  color: #fff;
  font-weight: bold;
  font-size: 18px;
  border-radius: 50%;
  width: 38px;
  height: 38px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 10px auto;
}

.cara-pesan-step h4 {
  margin: 5px 0;
  font-size: 16px;
  color: #e0a800;
}

.cara-pesan-step p {
  font-size: 14px;
  color: #333;
  margin: 4px 0 0 0;
  line-height: 1.5;
}

.cara-pesan-title {
  text-align: center;
  font-size: 20px;
  font-weight: bold;
  color: #d79900;
  margin-bottom: 18px;
}
</style>

<div class="cara-pesan-title"></div>

<div class="cara-pesan-wrapper">

  <div class="cara-pesan-step">
    <div class="step-number">1</div>
    <h4>Hubungi Tim Kami</h4>
    <p>Kontak melalui WhatsApp atau telepon untuk konsultasi kebutuhan aspal dan penawaran harga.</p>
  </div>

  <div class="cara-pesan-step">
    <div class="step-number">2</div>
    <h4>Konfirmasi Spesifikasi</h4>
    <p>Tentukan jenis aspal, volume, dan lokasi pengiriman sesuai kebutuhan proyek Anda.</p>
  </div>

  <div class="cara-pesan-step">
    <div class="step-number">3</div>
    <h4>Terima Penawaran Resmi</h4>
    <p>Kami kirimkan penawaran harga lengkap dengan detail spesifikasi dan waktu pengiriman.</p>
  </div>

  <div class="cara-pesan-step">
    <div class="step-number">4</div>
    <h4>Lakukan Pembayaran</h4>
    <p>Proses pembayaran sesuai invoice resmi agar pesanan segera diproses.</p>
  </div>

  <div class="cara-pesan-step">
    <div class="step-number">5</div>
    <h4>Pengiriman Aspal</h4>
    <p>Tim kami akan mengatur pengiriman sesuai jadwal yang disepakati.</p>
  </div>

  <div class="cara-pesan-step">
    <div class="step-number">6</div>
    <h4>Proyek Selesai</h4>
    <p>Terima aspal dalam kondisi baik dan siap digunakan untuk pekerjaan di lapangan.</p>
  </div>

</div>



<p></p>



<h2 class="wp-block-heading has-text-align-center">Dapatkan Penawaran Harga Aspal Cilegon Terbaik Sekarang!</h2>



<p>Jangan biarkan kebutuhan pengaspalan anda tertunda. Bersama catinpaint, anda bisa mendapatkan estimasi harga aspal terbaru, lengkap dengan pilihan Hotmix, Coldmix, ATB, dan Sand Sheet sesuai kebutuhan proyek.</p>



<style>
/* --- STYLING (CSS) --- */
/* Warna Kuning Pastel yang Digunakan:
   - Latar Belakang Hasil: #FFFACD (Lemon Chiffon/Kuning sangat terang)
   - Tombol Utama: #FFDB58 (Kuning Mustard Pastel)
   - Hover & Teks Kontras: #DAA520 (Goldenrod, Emas lembut)
*/
.asphalt-calculator {
    padding: 20px;
    border: 1px solid #ddd; /* Border dibuat lebih soft */
    border-radius: 8px;
    max-width: 500px;
    margin: 20px auto;
    font-family: sans-serif;
    background-color: #ffffff; /* Latar belakang putih */
}

.asphalt-calculator h3 {
    text-align: center;
    color: #333;
    margin-bottom: 20px;
}

.form-group {
    margin-bottom: 15px;
}

.form-group label {
    display: block;
    margin-bottom: 5px;
    font-weight: bold;
    color: #555;
}

.form-group select,
.form-group input[type="number"] {
    width: 100%;
    padding: 10px;
    border: 1px solid #ddd;
    border-radius: 4px;
    box-sizing: border-box; 
}

.form-group input[type="number"] {
    -moz-appearance: textfield;
}

.form-group input[type="number"]::-webkit-outer-spin-button,
.form-group input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* WARNA TOMBOL HITUNG DIUBAH MENJADI KUNING PASTER */
#calculateBtn {
    display: block;
    width: 100%;
    padding: 10px;
    background-color: #FFDB58; /* Kuning Pastel/Mustard */
    color: #333; /* Teks Hitam agar kontras dengan latar kuning */
    border: none;
    border-radius: 4px;
    cursor: pointer;
    font-size: 16px;
    margin-top: 10px;
    font-weight: bold;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1); /* Tambah shadow agar menonjol */
}

#calculateBtn:hover {
    background-color: #DAA520; /* Efek Hover (Warna Emas Lembut) */
    color: white; /* Teks putih saat hover */
}

/* LATAR BELAKANG HASIL DIUBAH MENJADI KUNING PASTEL SANGAT TERANG */
#result {
    margin-top: 20px;
    padding: 15px;
    background-color: #FFFACD; /* Kuning Pastel Sangat Terang */
    border: 1px solid #FFDB58; /* Border Kuning Pastel */
    border-radius: 4px;
    text-align: center;
    font-size: 1.1em;
}

#result span {
    font-weight: bold;
    color: #DAA520; /* Warna teks hasil (Emas Lembut) */
    display: block;
    margin-top: 5px;
}

#whatsappLink {
    display: none; 
    margin-top: 15px;
    text-align: center;
}

/* WARNA TOMBOL WHATSAPP TETAP HIJAU STANDAR UNTUK KONSISTENSI */
#whatsappLink a {
    display: inline-block;
    padding: 10px 20px;
    background-color: #25D366; /* Warna WhatsApp (Standar) */
    color: white;
    text-decoration: none;
    border-radius: 20px;
    font-weight: bold;
}

#whatsappLink a:hover {
    background-color: #128C7E;
}
/* --- END STYLING (CSS) --- */
</style>

<div class="asphalt-calculator">
    <h3>Kalkulator Harga Material Aspal per TON</h3>

    <div class="form-group">
        <label for="asphaltType">Pilih Jenis Aspal per :</label>
        <select id="asphaltType">
            <option value="">&#8212; Pilih Material &#8212;</option>
            <option value="ATB">ATB (Asphalt Treated Base) &#8211; Rp 1.150.000 / ton</option>
            <option value="AC-BC">AC-BC (Binder Course) &#8211; Rp 1.180.000 / ton</option>
            <option value="AC-WC">AC-WC (Wearing Course) &#8211; Rp 1.235.000 / ton</option>
            <option value="AC-WC IV A">AC-WC IV A &#8211; Rp 1.265.000 / ton</option>
            <option value="3 Laston">3 Laston &#8211; Rp 1.270.000 / ton</option>
            <option value="3 Laston Spesial">3 Laston Spesial &#8211; Rp 1.400.000 / ton</option>
            <option value="HRS">HRS (Hot Rolled Sheet) &#8211; Rp 1.320.000 / ton</option>
            <option value="Sand Sheet">Sand Sheet &#8211; Rp 1.480.000 / ton</option>
            <option value="Sand Sheet Spesial">Sand Sheet Spesial &#8211; Rp 1.570.000 / ton</option>
            <option value="Aspal Emulsi (Liter)">Aspal Emulsi (Tack Coat) &#8211; Rp 15.000 / Liter</option>
            <option value="Aspal Emulsi (Drum)">Aspal Emulsi (Tack Coat) &#8211; Rp 2.605.000 / Drum</option>
        </select>
    </div>

    <div class="form-group">
        <label for="quantity">Jumlah (Ton/Liter/Drum):</label>
        <input type="number" id="quantity" placeholder="Masukkan jumlah">
    </div>

    <button id="calculateBtn">Hitung Total Biaya</button>

    <div id="result" style="display: none;">
        Total Biaya Estimasi: <span id="totalCost"></span>
    </div>

    <div id="whatsappLink">
        <a id="waLink" href="#" target="_blank">
            Konsultasikan Harga ke WhatsApp
        </a>
    </div>

</div>

<script>
/* --- LOGIKA PERHITUNGAN (JAVASCRIPT) --- */
document.getElementById('calculateBtn').addEventListener('click', function() {
    const prices = {
        "ATB": 1150000,
        "AC-BC": 1180000,
        "AC-WC": 1235000,
        "AC-WC IV A": 1265000,
        "3 Laston": 1270000,
        "3 Laston Spesial": 1400000,
        "HRS": 1320000,
        "Sand Sheet": 1480000,
        "Sand Sheet Spesial": 1570000,
        "Aspal Emulsi (Liter)": 15000,
        "Aspal Emulsi (Drum)": 2605000
    };

    const asphaltType = document.getElementById('asphaltType').value;
    const quantity = parseFloat(document.getElementById('quantity').value);

    const resultDiv = document.getElementById('result');
    const totalCostSpan = document.getElementById('totalCost');
    const waLinkDiv = document.getElementById('whatsappLink');
    const waLinkAnchor = document.getElementById('waLink');

    // Reset tampilan
    resultDiv.style.display = 'none';
    waLinkDiv.style.display = 'none';

    if (!asphaltType || isNaN(quantity) || quantity <= 0) {
        alert("Mohon lengkapi jenis aspal dan masukkan jumlah yang valid.");
        return;
    }

    const price = prices[asphaltType];
    const totalCost = quantity * price;

    // Format mata uang
    const formattedCost = new Intl.NumberFormat('id-ID', {
        style: 'currency',
        currency: 'IDR',
        minimumFractionDigits: 0
    }).format(totalCost);

    // Tampilkan hasil
    totalCostSpan.textContent = formattedCost;
    resultDiv.style.display = 'block';

    // Buat pesan WhatsApp
    let unit = "TON";
    if (asphaltType.includes('(Liter)')) {
        unit = "Liter";
    } else if (asphaltType.includes('(Drum)')) {
        unit = "Drum";
    }
    
    // Angka WA
    const phoneNumber = "6281910263554"; 
    const message = encodeURIComponent(
        `Halo, saya ingin konsultasi mengenai pemesanan material Aspal.\n\n` +
        `Jenis Material: ${asphaltType}\n` +
        `Jumlah: ${quantity} ${unit}\n` +
        `Estimasi Biaya: ${formattedCost}\n\n` +
        `Mohon informasinya lebih lanjut.`
    );

    const waURL = `https://wa.me/${phoneNumber}?text=${message}`;

    // Tampilkan link WA
    waLinkAnchor.href = waURL;
    waLinkDiv.style.display = 'block';

    // Opsional: Gulir ke hasil
    resultDiv.scrollIntoView({ behavior: 'smooth' });
});

// Menambahkan keterangan unit yang berubah
document.getElementById('asphaltType').addEventListener('change', function() {
    const selectedValue = this.value;
    const quantityInput = document.getElementById('quantity');
    const label = document.querySelector('label[for="quantity"]');
    
    let unitText = "Ton";
    if (selectedValue.includes('(Liter)')) {
        unitText = "Liter";
    } else if (selectedValue.includes('(Drum)')) {
        unitText = "Drum";
    }

    label.textContent = `Jumlah (${unitText}):`;
    quantityInput.placeholder = `Masukkan jumlah dalam ${unitText}`;
});
/* --- END LOGIKA PERHITUNGAN (JAVASCRIPT) --- */
</script>



<p></p>



<style>
/* --- STYLING (CSS) --- */
/* Warna Kuning Pastel yang Digunakan:
   - Latar Belakang Hasil: #FFFACD (Lemon Chiffon/Kuning sangat terang)
   - Tombol Utama: #FFDB58 (Kuning Mustard Pastel)
   - Hover & Teks Kontras: #DAA520 (Goldenrod, Emas lembut)
*/
.asphalt-calculator-m2 {
    padding: 20px;
    border: 1px solid #ddd;
    border-radius: 8px;
    max-width: 500px;
    margin: 20px auto;
    font-family: sans-serif;
    background-color: #ffffff;
}

.asphalt-calculator-m2 h3 {
    text-align: center;
    color: #333;
    margin-bottom: 20px;
}

.form-group-m2 {
    margin-bottom: 15px;
}

.form-group-m2 label {
    display: block;
    margin-bottom: 5px;
    font-weight: bold;
    color: #555;
}

.form-group-m2 select,
.form-group-m2 input[type="number"] {
    width: 100%;
    padding: 10px;
    border: 1px solid #ddd;
    border-radius: 4px;
    box-sizing: border-box;
}

.form-group-m2 input[type="number"] {
    -moz-appearance: textfield;
}

.form-group-m2 input[type="number"]::-webkit-outer-spin-button,
.form-group-m2 input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* WARNA TOMBOL HITUNG DIUBAH MENJADI KUNING PASTER */
#calculateM2Btn {
    display: block;
    width: 100%;
    padding: 10px;
    background-color: #FFDB58; /* Kuning Pastel/Mustard */
    color: #333;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    font-size: 16px;
    margin-top: 10px;
    font-weight: bold;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}

#calculateM2Btn:hover {
    background-color: #DAA520; /* Efek Hover (Warna Emas Lembut) */
    color: white;
}

/* LATAR BELAKANG HASIL DIUBAH MENJADI KUNING PASTEL SANGAT TERANG */
#resultM2 {
    margin-top: 20px;
    padding: 15px;
    background-color: #FFFACD; /* Kuning Pastel Sangat Terang */
    border: 1px solid #FFDB58;
    border-radius: 4px;
    text-align: center;
    font-size: 1.1em;
}

#resultM2 span {
    font-weight: bold;
    color: #DAA520;
    display: block;
    margin-top: 5px;
}

#whatsappLinkM2 {
    display: none;
    margin-top: 15px;
    text-align: center;
}

/* WARNA TOMBOL WHATSAPP TETAP HIJAU STANDAR */
#whatsappLinkM2 a {
    display: inline-block;
    padding: 10px 20px;
    background-color: #25D366; 
    color: white;
    text-decoration: none;
    border-radius: 20px;
    font-weight: bold;
}

#whatsappLinkM2 a:hover {
    background-color: #128C7E;
}
/* --- END STYLING (CSS) --- */
</style>

<div class="asphalt-calculator-m2">
    <h3>Kalkulator Biaya Aspal per m2</h3>

    <div class="form-group-m2">
        <label for="materialThickness">Pilih Jenis & Ketebalan Aspal:</label>
        <select id="materialThickness">
            <option value="">-- Pilih Material & Ketebalan --</option>
            <option value="III Laston|2">III Laston - 2 cm (Rp 95.000 /m2) </option>
            <option value="III Laston|3">III Laston - 3 cm (Rp 125.000 / m2)</option>
            <option value="III Laston Spesial|1">III Laston Spesial - 1 cm (Rp 67.000 / m2)</option>
            <option value="III Laston Spesial|2">III Laston Spesial - 2 cm (Rp 95.000 /m2)</option>
            <option value="III Laston Spesial|3">III Laston Spesial - 3 cm (Rp 125.000 / m2)</option>
            <option value="Sandsheet|1">Sandsheet - 1 cm (Rp 67.000 / m2) </option>
            <option value="Sandsheet|2">Sandsheet - 2 cm (Rp 95.000 / m2)/<option>
            <option value="HRS|2">HRS - 2 cm (Rp 95.000 /m2)</option>
            <option value="HRS|3">HRS - 3 cm (Rp 125.000 / m2)</option>
            <option value="HRS|4">HRS - 4 cm (Rp 150.000 / m2)</option>
            <option value="AC-WC|3">AC-WC - 3 cm (Rp 125.000 /m2)</option>
            <option value="AC-WC|4">AC-WC - 4 cm (Rp 150.000 / m2)</option>
            <option value="AC-WC|5">AC-WC - 5 cm (Rp 200.000 /m2))</option>
            <option value="AC-BC|4">AC-BC - 4 cm (Rp 150.000 /m2)</option>
            <option value="AC-BC|5">AC-BC - 5 cm (Rp 200.000 / m2)</option>
            <option value="ATB|5">ATB - 5 cm (Rp 200.000 / m2)</option>
        </select>
    </div>

    <div class="form-group-m2">
        <label for="area">Luas Area:</label>
        <input type="number" id="area" placeholder="Masukkan total luas area (contoh: 100)">
    </div>

    <button id="calculateM2Btn">Hitung Total Biaya</button>

    <div id="resultM2" style="display: none;">
        Total Biaya Estimasi: <span id="totalCostM2"></span>
    </div>

    <div id="whatsappLinkM2">
        <a id="waLinkM2" href="#" target="_blank">
            Konsultasikan Harga ke WhatsApp
        </a>
    </div>

</div>

<script>
/* --- LOGIKA PERHITUNGAN (JAVASCRIPT) --- */
document.getElementById('calculateM2Btn').addEventListener('click', function() {
    // Data harga disimpan di sini
    const pricesM2 = {
        "III Laston|2": 95000,
        "III Laston|3": 125000,
        "III Laston Spesial|1": 67000,
        "III Laston Spesial|2": 95000,
        "III Laston Spesial|3": 125000,
        "Sandsheet|1": 67000,
        "Sandsheet|2": 95000,
        "HRS|2": 95000,
        "HRS|3": 125000,
        "HRS|4": 150000,
        "AC-WC|3": 125000,
        "AC-WC|4": 150000,
        "AC-WC|5": 200000,
        "AC-BC|4": 150000,
        "AC-BC|5": 200000,
        "ATB|5": 200000
    };

    const materialThickness = document.getElementById('materialThickness').value;
    const area = parseFloat(document.getElementById('area').value);

    const resultDiv = document.getElementById('resultM2');
    const totalCostSpan = document.getElementById('totalCostM2');
    const waLinkDiv = document.getElementById('whatsappLinkM2');
    const waLinkAnchor = document.getElementById('waLinkM2');

    // Reset tampilan
    resultDiv.style.display = 'none';
    waLinkDiv.style.display = 'none';

    if (!materialThickness || isNaN(area) || area <= 0) {
        alert("Mohon pilih jenis aspal dan masukkan luas area yang valid.");
        return;
    }

    const price = pricesM2[materialThickness];
    const totalCost = area * price;

    // Pisahkan jenis material dan ketebalan
    const [materialName, thickness] = materialThickness.split('|');

    // Format mata uang
    const formattedCost = new Intl.NumberFormat('id-ID', {
        style: 'currency',
        currency: 'IDR',
        minimumFractionDigits: 0
    }).format(totalCost);

    // Tampilkan hasil
    totalCostSpan.textContent = formattedCost;
    resultDiv.style.display = 'block';

    // Buat pesan WhatsApp
    const phoneNumber = "6281910263554"; 
    const message = encodeURIComponent(
        `Halo, saya ingin konsultasi mengenai pemesanan Aspal Hotmix per m².\n\n` +
        `Jenis Material: ${materialName}\n` +
        `Ketebalan: ${thickness} cm\n` +
        `Luas Area: ${area} m²\n` +
        `Estimasi Biaya: ${formattedCost}\n\n` +
        `Mohon informasinya lebih lanjut.`
    );

    const waURL = `https://wa.me/${phoneNumber}?text=${message}`;

    // Tampilkan link WA
    waLinkAnchor.href = waURL;
    waLinkDiv.style.display = 'block';

    // Opsional: Gulir ke hasil
    resultDiv.scrollIntoView({ behavior: 'smooth' });
});
/* --- END LOGIKA PERHITUNGAN (JAVASCRIPT) --- */
</script>



<p></p>



<!-- 🔹 Tombol WhatsApp Catinpaint (Hijau & Kuning) -->
<style>
  .wa-buttons {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 15px;
    margin: 30px 0;
  }

  .wa-btn {
    display: flex;
    align-items: center;
    gap: 8px;
    font-weight: 600;
    text-decoration: none;
    padding: 10px 22px;
    border-radius: 50px;
    box-shadow: 0 3px 8px rgba(0,0,0,0.15);
    transition: all 0.3s ease;
  }

  /* Tombol Hijau WhatsApp */
  .wa-green {
    background-color: #25D366;
    color: #fff;
  }

  .wa-green:hover {
    background-color: #1ebe5d;
    transform: scale(1.05);
  }

  /* Tombol Kuning Catinpaint */
  .wa-yellow {
    background-color: #f1c40f;
    color: #000;
  }

  .wa-yellow:hover {
    background-color: #000;
    color: #fff;
    transform: scale(1.05);
  }

  .wa-btn i {
    font-size: 18px;
  }
</style>

<div class="wa-buttons">
  <a href="https://wa.me/6281910263554" target="_blank" class="wa-btn wa-green">
    <i></i> WhatsApp 
  </a>

  <a href="https://wa.me/62811142024" target="_blank" class="wa-btn wa-yellow">
    <i></i> Telepon
  </a>
</div>



<h2 class="wp-block-heading has-text-align-center">FAQ: Pertanyaan Umum Seputar Harga Aspal Cilegon</h2>



<div class="schema-faq wp-block-yoast-faq-block"><div class="schema-faq-section" id="faq-question-1761708509532"><strong class="schema-faq-question">Berapa kisaran harga aspal per ton di wilayah Cilegon tahun 2025?</strong> <p class="schema-faq-answer">Harga aspal di Cilegon umumnya berkisar antara Rp1.200.000 – Rp1.500.000 per ton, tergantung pada jenis aspal (Hotmix, ATB, Coldmix, atau Sand Sheet), volume pemesanan, serta jarak lokasi proyek dari pabrik produksi.</p> </div> <div class="schema-faq-section" id="faq-question-1761708526044"><strong class="schema-faq-question">Apakah harga sudah termasuk material, tenaga kerja, dan alat?</strong> <p class="schema-faq-answer">Umumnya harga sudah mencakup material hotmix + tenaga kerja + alat berat + transportasi. Namun setiap penyedia bisa berbeda, jadi pastikan detail penawarannya.</p> </div> <div class="schema-faq-section" id="faq-question-1761708560616"><strong class="schema-faq-question">Apakah harga yang tertera sudah termasuk biaya tenaga kerja dan alat berat?</strong> <p class="schema-faq-answer">Harga yang kami tampilkan bisa berupa material only (hanya aspal) atau full service (sudah termasuk tenaga kerja, alat, dan penghamparan).<br/>Anda dapat memilih sesuai kebutuhan proyek untuk efisiensi biaya.</p> </div> <div class="schema-faq-section" id="faq-question-1761708574553"><strong class="schema-faq-question">Apakah Catinpaint memberikan garansi terhadap hasil pekerjaan?</strong> <p class="schema-faq-answer">Tentu. Kami memberikan garansi kualitas dan ketahanan sesuai jenis pekerjaan dan spesifikasi material yang digunakan, termasuk ketebalan lapisan dan metode pemadatan.</p> </div> <div class="schema-faq-section" id="faq-question-1761708594551"><strong class="schema-faq-question">Apakah tersedia promo atau diskon khusus untuk proyek volume besar?</strong> <p class="schema-faq-answer">Ya! Untuk proyek dengan volume besar atau pelanggan tetap, kami menyediakan penawaran harga spesial dan promo akhir tahun 2025.<br/>Segera hubungi kami untuk mendapatkan estimasi dan diskon yang berlaku.</p> </div> </div>
<p>The post <a href="https://www.catinpaint.co.id/harga-aspal-cilegon/">Harga Aspal Cilegon Harga Murah, Kualitas Tetap Premium</a> appeared first on <a href="https://www.catinpaint.co.id">Cat Marka Jalan Catin</a>.</p>
]]></content:encoded>
					
					<wfw:commentRss>https://www.catinpaint.co.id/harga-aspal-cilegon/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
	</channel>
</rss>
