<?php
$pageTitle = "Heat Treatment 101 - Panduan Dasar";
$pageDescription = "Memahami proses hardening, tempering, dan annealing pada baja industri.";
$showFloatingWA = true;
include 'includes/header.php';
?>

<div class="section" style="padding-top: 150px;">
    <div class="container article-content">
        <h1 style="color: var(--accent);">Heat Treatment 101</h1>
        <p class="meta">Category: Heat Treatment | Level: Intermediate</p>

        <img src="assets/heat.jpg" alt="Heat Treatment Furnace"
            style="width: 100%; height: 300px; object-fit: cover; border-radius: 10px; margin: 2rem 0;">

        <h2>Mengapa Heat Treatment Penting?</h2>
        <p>Baja khusus (Special Steel) beli mahal tapi tidak di-heat treatment dengan benar ibarat membeli mobil sport
            tapi menyetirnya hanya di gigi 1. Potensi material tidak akan keluar.</p>

        <h3>Proses Utama</h3>

        <h4>1. Hardening (Pengerasan)</h4>
        <p>Memanaskan baja hingga suhu austenisasi (misal: 1030°C untuk D2) lalu mendinginkannya dengan cepat
            (Quenching). Tujuannya mengubah struktur menjadi Martensit yang keras.</p>

        <h4>2. Tempering</h4>
        <p>Proses WAJIB setelah hardening. Baja yang baru di-quench sangat keras tapi getas (mudah pecah) dan penuh
            tegangan dalam. Tempering (memanaskan kembali di suhu lebih rendah) menyeimbangkan kekerasan dan
            ketangguhan.</p>

        <h4>3. Annealing (Pelunakan)</h4>
        <p>Jika Anda perlu memproses mesin ulang (re-machining) baja yang sudah keras, proses ini mengembalikan baja ke
            kondisi lunak.</p>

        <div
            style="background: var(--secondary); padding: 2rem; border-left: 5px solid var(--accent); margin-top: 2rem;">
            <h3>Vacuum vs Conventional</h3>
            <p>Untuk baja tool steel (K110, W302), kami sangat merekomendasikan <strong>Vacuum Hardening</strong>.
                Proses ini mencegah oksidasi/kerak pada permukaan dan meminimalkan distorsi (bengkak/mengecil) pada
                dimensi presisi.</p>
        </div>
    </div>
</div>

<style>
    .article-content {
        max-width: 800px;
    }

    .article-content p,
    .article-content li {
        font-size: 1.1rem;
        line-height: 1.8;
        color: #ccc;
    }

    .article-content h2,
    .article-content h3 {
        color: #fff;
        margin-top: 2rem;
    }

    .article-content h4 {
        color: var(--accent);
        margin-top: 1.5rem;
    }

    .article-content .meta {
        font-size: 0.9rem;
        color: var(--accent);
        font-style: italic;
    }
</style>

<?php include 'includes/footer.php'; ?>