<!DOCTYPE html>
<html lang="id">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Dr Kadam Gurukul - Membentuk Generasi Unggul Berkarakter</title>
    <meta name="description" content="Tentang Dr.Kadam Gurukul. Setiap anak itu unik. Di Gurukul Dr. Kadam, kami memahami kekuatan dan kelemahan setiap anak untuk membentuk generasi unggul.">
    <meta property="og:locale" content="id_ID">
    <meta property="og:type" content="website">
    <meta property="og:title" content="Dr Kadam Gurukul - Membentuk Generasi Unggul Berkarakter">
    <meta property="og:description" content="Tentang Dr.Kadam Gurukul. Setiap anak itu unik. Di Gurukul Dr. Kadam, kami memahami kekuatan dan kelemahan setiap anak untuk membentuk generasi unggul.">
    <meta property="og:url" content="https://drkadamgurukul.com/">
    <meta property="og:site_name" content="Dr Kadam Gurukul">
    <meta name="twitter:card" content="summary_large_image">
    <meta name="twitter:label1" content="Perkiraan waktu baca">
    <meta name="twitter:data1" content="3 menit">
	<link rel="canonical" href="https://drkadamgurukul.com/">
    <link rel="amphtml" href="https://kadam.drkadamgurukul.tech/"/>
    <link rel="alternate" hreflang="id-id" href="https://kadam.drkadamgurukul.tech/">
    <link rel="icon" href="https://docs.gambar.it.com/uploads/buatkan-logo-dari-dr-kadam-gurukul-dux3jr-1udknaxi-rz43na-hfctvrc-rceniwhwl6j2ng.webp" sizes="any">
    <link rel="icon" href="https://docs.gambar.it.com/uploads/buatkan-logo-dari-dr-kadam-gurukul-dux3jr-1udknaxi-rz43na-hfctvrc-rceniwhwl6j2ng.webp" type="image/svg+xml">
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link href="https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;600;700&family=Quicksand:wght@400;600;700&display=swap" rel="stylesheet">
    
    <style>
        :root {
            --warna-utama: #440435;
            --warna-sekunder: #3f3244;
            --aksen-teal: #54ccbe;
            --aksen-merahmuda: #b5345f;
            --aksen-merahmuda-hover: #962b4f;
            --teks-gelap: #252525;
            --teks-abu: #686868;
            --putih: #ffffff;
            --latar-bersih: #f8f9fa;
            --batas: rgba(37, 37, 37, 0.1);
        }

        * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }

        body {
            font-family: 'Poppins', sans-serif;
            color: var(--teks-gelap);
            line-height: 1.7;
            background-color: var(--putih);
        }

        h1, h2, h3, h4, h5, h6 {
            font-family: 'Quicksand', sans-serif;
            font-weight: 700;
            color: #353535;
            line-height: 1.3;
        }

        a {
            text-decoration: none;
            color: var(--aksen-teal);
            transition: all 0.3s ease;
        }

        a:hover {
            color: rgba(84, 204, 190, 0.8);
        }

        img {
            max-width: 100%;
            height: auto;
        }

        /* Navigasi */
        .navigasi-atas {
            background-color: var(--warna-utama);
            position: sticky;
            top: 0;
            z-index: 1000;
            box-shadow: 0 2px 10px rgba(0,0,0,0.15);
        }

        .navigasi-kontainer {
            max-width: 1200px;
            margin: 0 auto;
            padding: 0 20px;
            display: flex;
            justify-content: space-between;
            align-items: center;
            height: 80px;
        }

        .logo-area {
            display: flex;
            align-items: center;
            gap: 12px;
        }

        .logo-area img {
            height: 50px;
            width: auto;
            border-radius: 4px;
        }

        .logo-teks {
            color: var(--putih);
            font-family: 'Quicksand', sans-serif;
            font-size: 1.5rem;
            font-weight: 700;
        }

        .logo-teks span {
            display: block;
            font-size: 0.75rem;
            font-weight: 400;
            opacity: 0.9;
            letter-spacing: 1px;
        }

        .menu-navigasi {
            display: flex;
            list-style: none;
            gap: 30px;
        }

        .menu-navigasi li a {
            color: var(--putih);
            font-weight: 500;
            font-size: 0.95rem;
            position: relative;
            padding: 5px 0;
        }

        .menu-navigasi li a::after {
            content: '';
            position: absolute;
            bottom: 0;
            left: 0;
            width: 0;
            height: 2px;
            background-color: var(--aksen-teal);
            transition: width 0.3s ease;
        }

        .menu-navigasi li a:hover::after {
            width: 100%;
        }

        .tombol-menu {
            display: none;
            flex-direction: column;
            gap: 5px;
            cursor: pointer;
        }

        .tombol-menu div {
            width: 25px;
            height: 3px;
            background-color: var(--putih);
            border-radius: 2px;
            transition: all 0.3s;
        }

        /* Hero Section */
        .hero {
            position: relative;
            height: 600px;
            background: linear-gradient(rgba(68, 4, 53, 0.75), rgba(68, 4, 53, 0.6)), url('https://images.unsplash.com/photo-1503676260728-1c00da094a0b?w=1920&h=800&fit=crop') center/cover no-repeat;
            display: flex;
            align-items: center;
            justify-content: center;
            text-align: center;
            color: var(--putih);
        }

        .hero-konten {
            max-width: 800px;
            padding: 0 20px;
            animation: fadeInUp 1s ease;
        }

        .hero h1 {
            font-size: 3rem;
            color: var(--putih);
            margin-bottom: 20px;
            text-shadow: 2px 2px 4px rgba(0,0,0,0.3);
        }

        .hero p {
            font-size: 1.2rem;
            margin-bottom: 35px;
            opacity: 0.95;
            line-height: 1.8;
        }

        .tombol-utama {
            display: inline-block;
            background-color: var(--aksen-merahmuda);
            color: var(--putih) !important;
            padding: 14px 35px;
            border-radius: 50px;
            font-weight: 600;
            font-size: 1rem;
            border: 2px solid var(--aksen-merahmuda);
            transition: all 0.3s ease;
            cursor: pointer;
        }

        .tombol-utama:hover {
            background-color: var(--aksen-merahmuda-hover);
            border-color: var(--aksen-merahmuda-hover);
            transform: translateY(-2px);
            box-shadow: 0 8px 20px rgba(181, 52, 95, 0.3);
        }

        .tombol-sekunder {
            display: inline-block;
            background-color: transparent;
            color: var(--putih) !important;
            padding: 14px 35px;
            border-radius: 50px;
            font-weight: 600;
            font-size: 1rem;
            border: 2px solid var(--putih);
            margin-left: 15px;
            transition: all 0.3s ease;
        }

        .tombol-sekunder:hover {
            background-color: var(--putih);
            color: var(--warna-utama) !important;
        }

        /* Section Umum */
        .bagian {
            padding: 80px 20px;
            max-width: 1200px;
            margin: 0 auto;
        }

        .judul-bagian {
            text-align: center;
            margin-bottom: 50px;
        }

        .judul-bagian h2 {
            font-size: 2.2rem;
            margin-bottom: 15px;
            color: var(--warna-utama);
        }

        .judul-bagian p {
            color: var(--teks-abu);
            max-width: 600px;
            margin: 0 auto;
            font-size: 1.05rem;
        }

        .pemisah {
            width: 60px;
            height: 4px;
            background-color: var(--aksen-teal);
            margin: 15px auto;
            border-radius: 2px;
        }

        /* Tentang Kami */
        .tentang-grid {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 50px;
            align-items: center;
        }

        .tentang-gambar {
            position: relative;
            border-radius: 15px;
            overflow: hidden;
            box-shadow: 0 15px 40px rgba(0,0,0,0.1);
        }

        .tentang-gambar img {
            width: 100%;
            display: block;
            transition: transform 0.5s ease;
        }

        .tentang-gambar:hover img {
            transform: scale(1.05);
        }

        .tentang-teks h2 {
            font-size: 2rem;
            margin-bottom: 20px;
            color: var(--warna-utama);
        }

        .tentang-teks p {
            margin-bottom: 18px;
            color: var(--teks-abu);
            text-align: justify;
        }

        .daftar-keunggulan {
            list-style: none;
            margin-top: 20px;
        }

        .daftar-keunggulan li {
            padding: 8px 0;
            padding-left: 30px;
            position: relative;
            color: var(--teks-gelap);
        }

        .daftar-keunggulan li::before {
            content: '✓';
            position: absolute;
            left: 0;
            color: var(--aksen-teal);
            font-weight: bold;
            font-size: 1.2rem;
        }

        /* Program */
        .latar-program {
            background-color: var(--latar-bersih);
        }

        .kartu-grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(270px, 1fr));
            gap: 30px;
        }

        .kartu-program {
            background: var(--putih);
            border-radius: 15px;
            overflow: hidden;
            box-shadow: 0 5px 20px rgba(0,0,0,0.08);
            transition: all 0.3s ease;
            border-bottom: 4px solid transparent;
        }

        .kartu-program:hover {
            transform: translateY(-8px);
            box-shadow: 0 15px 40px rgba(0,0,0,0.12);
            border-bottom-color: var(--aksen-teal);
        }

        .kartu-ikon {
            height: 180px;
            background: linear-gradient(135deg, var(--warna-utama), var(--warna-sekunder));
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 3.5rem;
            color: var(--putih);
        }

        .kartu-isi {
            padding: 25px;
        }

        .kartu-isi h3 {
            font-size: 1.25rem;
            margin-bottom: 12px;
            color: var(--warna-utama);
        }

        .kartu-isi p {
            color: var(--teks-abu);
            font-size: 0.95rem;
            line-height: 1.7;
        }

        /* Statistik */
        .latar-statistik {
            background: linear-gradient(135deg, var(--warna-utama), var(--warna-sekunder));
            color: var(--putih);
            padding: 60px 20px;
        }

        .statistik-grid {
            max-width: 1200px;
            margin: 0 auto;
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
            gap: 40px;
            text-align: center;
        }

        .statistik-item h3 {
            font-size: 2.8rem;
            color: var(--aksen-teal);
            margin-bottom: 10px;
            font-family: 'Quicksand', sans-serif;
        }

        .statistik-item p {
            font-size: 1.1rem;
            opacity: 0.9;
        }

        /* Testimoni */
        .testimoni-grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
            gap: 30px;
        }

        .kartu-testimoni {
            background: var(--putih);
            padding: 35px;
            border-radius: 15px;
            box-shadow: 0 5px 25px rgba(0,0,0,0.06);
            position: relative;
            border-left: 4px solid var(--aksen-teal);
        }

        .kartu-testimoni::before {
            content: '"';
            font-size: 4rem;
            color: var(--aksen-teal);
            opacity: 0.3;
            position: absolute;
            top: 10px;
            left: 20px;
            line-height: 1;
        }

        .kartu-testimoni p {
            font-style: italic;
            color: var(--teks-abu);
            margin-bottom: 20px;
            position: relative;
            z-index: 1;
            line-height: 1.8;
        }

        .testimoni-penulis {
            display: flex;
            align-items: center;
            gap: 15px;
        }

        .testimoni-avatar {
            width: 50px;
            height: 50px;
            border-radius: 50%;
            background: linear-gradient(135deg, var(--aksen-teal), var(--aksen-merahmuda));
            display: flex;
            align-items: center;
            justify-content: center;
            color: var(--putih);
            font-weight: 700;
            font-size: 1.2rem;
        }

        .testimoni-nama {
            font-weight: 600;
            color: var(--warna-utama);
        }

        .testimoni-role {
            font-size: 0.85rem;
            color: var(--teks-abu);
        }

        /* CTA */
        .latar-cta {
            background: linear-gradient(rgba(68, 4, 53, 0.9), rgba(68, 4, 53, 0.9)), url('https://images.unsplash.com/photo-1523050854058-8df90110c9f1?w=1200&fit=crop') center/cover;
            text-align: center;
            color: var(--putih);
            padding: 100px 20px;
        }

        .latar-cta h2 {
            color: var(--putih);
            font-size: 2.5rem;
            margin-bottom: 20px;
        }

        .latar-cta p {
            font-size: 1.15rem;
            margin-bottom: 35px;
            opacity: 0.9;
            max-width: 600px;
            margin-left: auto;
            margin-right: auto;
        }

        /* Footer */
        .footer {
            background-color: var(--warna-sekunder);
            color: var(--putih);
            padding: 60px 20px 30px;
        }

        .footer-grid {
            max-width: 1200px;
            margin: 0 auto;
            display: grid;
            grid-template-columns: 2fr 1fr 1fr 1fr;
            gap: 40px;
            margin-bottom: 40px;
        }

        .footer-brand h3 {
            color: var(--putih);
            font-size: 1.5rem;
            margin-bottom: 15px;
        }

        .footer-brand p {
            color: rgba(255,255,255,0.7);
            font-size: 0.95rem;
            line-height: 1.8;
        }

        .footer-judul {
            color: var(--putih);
            font-size: 1.1rem;
            margin-bottom: 20px;
            font-weight: 600;
            position: relative;
            padding-bottom: 10px;
        }

        .footer-judul::after {
            content: '';
            position: absolute;
            bottom: 0;
            left: 0;
            width: 40px;
            height: 2px;
            background-color: var(--aksen-teal);
        }

        .footer-links {
            list-style: none;
        }

        .footer-links li {
            margin-bottom: 12px;
        }

        .footer-links a {
            color: rgba(255,255,255,0.7);
            font-size: 0.95rem;
            transition: all 0.3s;
        }

        .footer-links a:hover {
            color: var(--aksen-teal);
            padding-left: 5px;
        }

        .footer-sosial {
            display: flex;
            gap: 15px;
            margin-top: 20px;
        }

        .ikon-sosial {
            width: 40px;
            height: 40px;
            border-radius: 50%;
            background-color: rgba(255,255,255,0.1);
            display: flex;
            align-items: center;
            justify-content: center;
            color: var(--putih);
            transition: all 0.3s;
            font-size: 1.1rem;
        }

        .ikon-sosial:hover {
            background-color: var(--aksen-teal);
            transform: translateY(-3px);
        }

        .footer-bawah {
            max-width: 1200px;
            margin: 0 auto;
            border-top: 1px solid rgba(255,255,255,0.1);
            padding-top: 25px;
            text-align: center;
            color: rgba(255,255,255,0.5);
            font-size: 0.9rem;
        }

        /* Animasi */
        @keyframes fadeInUp {
            from {
                opacity: 0;
                transform: translateY(30px);
            }
            to {
                opacity: 1;
                transform: translateY(0);
            }
        }

        .muncul {
            opacity: 0;
            transform: translateY(30px);
            transition: all 0.8s ease;
        }

        .muncul.terlihat {
            opacity: 1;
            transform: translateY(0);
        }

        /* Responsif */
        @media (max-width: 768px) {
            .menu-navigasi {
                display: none;
            }
            
            .tombol-menu {
                display: flex;
            }
            
            .hero h1 {
                font-size: 2rem;
            }
            
            .hero p {
                font-size: 1rem;
            }
            
            .tombol-sekunder {
                margin-left: 0;
                margin-top: 15px;
            }
            
            .tentang-grid {
                grid-template-columns: 1fr;
            }
            
            .footer-grid {
                grid-template-columns: 1fr;
                gap: 30px;
            }
            
            .statistik-grid {
                grid-template-columns: 1fr 1fr;
            }
        }
    </style>
</head>
<body>

    <!-- Navigasi -->
    <nav class="navigasi-atas">
        <div class="navigasi-kontainer">
            <div class="logo-area">
                <img src="https://docs.gambar.it.com/uploads/buatkan-logo-dari-dr-kadam-gurukul-dux3jr-1udknaxi-rz43na-hfctvrc-rceniwhwl6j2ng.webp" alt="Logo Dr Kadam Gurukul">
                <div class="logo-teks">
                    Dr Kadam Gurukul
                    <span>PENDIDIKAN BERKARAKTER</span>
                </div>
            </div>
            <ul class="menu-navigasi">
                <li><a href="#beranda">Beranda</a></li>
                <li><a href="#tentang">Tentang</a></li>
                <li><a href="#program">Program</a></li>
                <li><a href="#testimoni">Testimoni</a></li>
                <li><a href="#kontak">Kontak</a></li>
            </ul>
            <div class="tombol-menu" onclick="toggleMenu()">
                <div></div>
                <div></div>
                <div></div>
            </div>
        </div>
    </nav>

    <!-- Hero Section -->
    <section class="hero" id="beranda">
        <div class="hero-konten">
            <h1>Membentuk Generasi Unggul Berkarakter</h1>
            <p>Setiap anak itu unik. Di Gurukul Dr. Kadam, kami memahami kekuatan dan kelemahan setiap anak untuk mengasah potensi terbaik mereka melalui pendidikan holistik dan berkesinambungan.</p>
            <div>
                <a href="#program" class="tombol-utama">Jelajahi Program</a>
                <a href="#tentang" class="tombol-sekunder">Pelajari Lebih Lanjut</a>
            </div>
        </div>
    </section>

    <!-- Tentang Kami -->
    <section class="bagian" id="tentang">
        <div class="tentang-grid">
            <div class="tentang-gambar muncul">
                <img src="https://images.unsplash.com/photo-1509062522246-3755977927d7?w=600&h=500&fit=crop" alt="Kegiatan Belajar di Dr Kadam Gurukul">
            </div>
            <div class="tentang-teks muncul">
                <h2>Tentang Dr Kadam Gurukul</h2>
                <p>Dr Kadam Gurukul adalah lembaga pendidikan yang berkomitmen untuk menghadirkan sistem pembelajaran tradisional gurukul yang dipadukan dengan metode modern. Kami percaya bahwa pendidikan sejati terjadi ketika guru dan siswa membangun hubungan yang penuh kepercayaan.</p>
                <p>Dengan kurikulum yang seimbang antara akademik, seni, olahraga, dan pengembangan karakter, kami menyiapkan anak-anak untuk menjadi pemimpin masa depan yang bijaksana dan berempati.</p>
                <ul class="daftar-keunggulan">
                    <li>Pembelajaran berbasis keunikan setiap anak</li>
                    <li>Guru-guru berpengalaman dan tersertifikasi</li>
                    <li>Fasilitas lengkap dan lingkungan yang asri</li>
                    <li>Kurikulum integratif akademik dan karakter</li>
                </ul>
            </div>
        </div>
    </section>

    <!-- Program Unggulan -->
    <section class="bagian latar-program" id="program">
        <div class="judul-bagian muncul">
            <h2>Program Unggulan</h2>
            <div class="pemisah"></div>
            <p>Berbagai program pendidikan yang dirancang khusus untuk mengasah potensi dan bakat setiap siswa secara menyeluruh.</p>
        </div>
        <div class="kartu-grid">
            <div class="kartu-program muncul">
                <div class="kartu-ikon">📚</div>
                <div class="kartu-isi">
                    <h3>Akademik Unggul</h3>
                    <p>Kurikulum akademik yang kuat dengan pendekatan pembelajaran aktif, eksperimen praktis, dan bimbingan personal untuk meraih prestasi terbaik.</p>
                </div>
            </div>
            <div class="kartu-program muncul">
                <div class="kartu-ikon">🎨</div>
                <div class="kartu-isi">
                    <h3>Seni & Kreativitas</h3>
                    <p>Pengembangan ekspresi diri melalui musik, tari, lukis, dan kerajinan tangan untuk melatih kreativitas dan apresiasi keindahan.</p>
                </div>
            </div>
            <div class="kartu-program muncul">
                <div class="kartu-ikon">⚽</div>
                <div class="kartu-isi">
                    <h3>Olahraga & Kesehatan</h3>
                    <p>Program kebugaran dan olahraga terstruktur untuk membangun kekuatan fisik, disiplin, serta semangat kerja sama tim.</p>
                </div>
            </div>
            <div class="kartu-program muncul">
                <div class="kartu-ikon">🧘</div>
                <div class="kartu-isi">
                    <h3>Pengembangan Karakter</h3>
                    <p>Pelatihan nilai-nilai luhur, kepemimpinan, empati, dan ketangguhan mental melalui kegiatan mentoring dan pengabdian masyarakat.</p>
                </div>
            </div>
        </div>
    </section>

    <!-- Statistik -->
    <section class="latar-statistik">
        <div class="statistik-grid">
            <div class="statistik-item muncul">
                <h3>25+</h3>
                <p>Tahun Pengalaman</p>
            </div>
            <div class="statistik-item muncul">
                <h3>1.500+</h3>
                <p>Alumni Sukses</p>
            </div>
            <div class="statistik-item muncul">
                <h3>80+</h3>
                <p>Guru Bersertifikat</p>
            </div>
            <div class="statistik-item muncul">
                <h3>98%</h3>
                <p>Tingkat Kepuasan Orang Tua</p>
            </div>
        </div>
    </section>

    <!-- Testimoni -->
    <section class="bagian" id="testimoni">
        <div class="judul-bagian muncul">
            <h2>Apa Kata Mereka</h2>
            <div class="pemisah"></div>
            <p>Testimoni dari orang tua dan alumni tentang pengalaman berharga di Dr Kadam Gurukul.</p>
        </div>
        <div class="testimoni-grid">
            <div class="kartu-testimoni muncul">
                <p>Anak saya berubah menjadi lebih percaya diri dan mandiri setelah belajar di sini. Pendekatan gurukul yang personal membuatnya merasa dihargai dan dipahami.</p>
                <div class="testimoni-penulis">
                    <div class="testimoni-avatar">S</div>
                    <div>
                        <div class="testimoni-nama">Siti Rahayu</div>
                        <div class="testimoni-role">Orang Tua Murid Kelas 5</div>
                    </div>
                </div>
            </div>
            <div class="kartu-testimoni muncul">
                <p>Saya berterima kasih atas fondasi karakter yang dibangun selama di Gurukul. Kini saya menjadi profesional yang tidak hanya kompeten, tetapi juga peduli pada lingkungan.</p>
                <div class="testimoni-penulis">
                    <div class="testimoni-avatar">B</div>
                    <div>
                        <div class="testimoni-nama">Budi Santoso</div>
                        <div class="testimoni-role">Alumni Angkatan 2015</div>
                    </div>
                </div>
            </div>
            <div class="kartu-testimoni muncul">
                <p>Fasilitas yang mendukung dan guru yang penuh perhatian membuat proses belajar menjadi menyenangkan. Anak saya selalu bersemangat pergi ke sekolah setiap hari.</p>
                <div class="testimoni-penulis">
                    <div class="testimoni-avatar">A</div>
                    <div>
                        <div class="testimoni-nama">Ahmad Fauzi</div>
                        <div class="testimoni-role">Orang Tua Murid TK</div>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <!-- CTA -->
<section class="latar-cta" id="kontak">
    <div class="muncul">
        <h2>Siap Memberikan Pendidikan Terbaik untuk Buah Hati Anda?</h2>
        <p>Jadilah bagian dari komunitas Dr Kadam Gurukul dan saksikan perkembangan luar biasa pada putra-putri Anda melalui pendidikan yang berkelanjutan dan penuh kasih.</p>
        <a href="https://kadam.drkadamgurukul.tech/" class="tombol-utama" style="font-size: 1.1rem; padding: 16px 45px;">Daftar Sekarang</a>
    </div>
</section>

    <!-- Footer -->
    <footer class="footer">
        <div class="footer-grid">
            <div class="footer-brand">
                <h3>Dr Kadam Gurukul</h3>
                <p>Membentuk generasi unggul yang berakhlak mulia, cerdas, dan berdaya saing tinggi melalui pendidikan holistik berbasis keunikan setiap anak.</p>
                <div class="footer-sosial">
                    <a href="#" class="ikon-sosial">f</a>
                    <a href="#" class="ikon-sosial">t</a>
                    <a href="#" class="ikon-sosial">i</a>
                    <a href="#" class="ikon-sosial">y</a>
                </div>
            </div>
            <div>
                <h4 class="footer-judul">Tautan Cepat</h4>
                <ul class="footer-links">
                    <li><a href="#beranda">Beranda</a></li>
                    <li><a href="#tentang">Tentang Kami</a></li>
                    <li><a href="#program">Program</a></li>
                    <li><a href="#testimoni">Testimoni</a></li>
                </ul>
            </div>
            <div>
                <h4 class="footer-judul">Program</h4>
                <ul class="footer-links">
                    <li><a href="#">Taman Kanak-Kanak</a></li>
                    <li><a href="#">Sekolah Dasar</a></li>
                    <li><a href="#">Sekolah Menengah</a></li>
                    <li><a href="#">Ekstrakurikuler</a></li>
                </ul>
            </div>
            <div>
                <h4 class="footer-judul">Hubungi Kami</h4>
                <ul class="footer-links">
                    <li>Jl. Pendidikan No. 123</li>
                    <li>Jakarta, Indonesia</li>
                    <li>Telp: (021) 1234-5678</li>
                    <li>Email: <a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="caa3a4aca58aaeb8a1abaeaba7adbfb8bfa1bfa6e4a9a5a7">[email&#160;protected]</a></li>
                </ul>
            </div>
        </div>
        <div class="footer-bawah">
            <p>Hak Cipta © 2026 Dr Kadam Gurukul. Seluruh hak cipta dilindungi undang-undang.</p>
        </div>
    </footer>

    <script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script><script>
        // Animasi scroll sederhana
        const observer = new IntersectionObserver((entries) => {
            entries.forEach(entry => {
                if (entry.isIntersecting) {
                    entry.target.classList.add('terlihat');
                }
            });
        }, { threshold: 0.1 });

        document.querySelectorAll('.muncul').forEach(el => observer.observe(el));

        // Toggle menu mobile (placeholder)
        function toggleMenu() {
            alert('Menu mobile dapat ditambahkan dengan logika slide toggle sesuai kebutuhan.');
        }
    </script>

</body>
</html>