<?php
// Routing sederhana
$page = isset($_GET['page']) ? $_GET['page'] : 'home';
$allowed_pages = ['home', 'about', 'services', 'faq', 'refund', 'terms', 'contact'];
if (!in_array($page, $allowed_pages)) {
    $page = 'home';
}

// Data perusahaan
$company = [
    'name' => 'Lintas Fiber Mitra Indosat',
    'tagline' => 'Solusi Konektivitas Internet & WiFi Terpercaya',
    'address' => 'Jl Swadaya No 39 Sukajadi Talang Kelapa Banyuasin',
    'phone' => '+62 85141426644',
    'email' => 'info@mitra-indosat.my.id',
    'whatsapp' => '6285141426787',
    'hours' => 'Senin - Sabtu: 08.00 - 17.00 WIB',
];
?>
<!DOCTYPE html>
<html lang="id">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title><?= $company['name'] ?> - <?= $company['tagline'] ?></title>
<meta name="description" content="Penyedia alat WiFi dan jasa instalasi jaringan WiFi profesional. Mitra resmi Indosat.">
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css" rel="stylesheet">
<link href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.1/font/bootstrap-icons.css" rel="stylesheet">
<style>
    :root {
        --primary: #FFCC00;
        --secondary: #ED1C24;
        --dark: #1a1a1a;
        --light: #f8f9fa;
    }
    body { font-family: 'Segoe UI', Tahoma, sans-serif; color: #333; }
    .navbar { background: #000 !important; }
    .navbar-brand { color: var(--primary) !important; font-weight: 800; font-size: 1.3rem; }
    .navbar-brand span { color: #fff; }
    .nav-link { color: #fff !important; font-weight: 500; }
    .nav-link:hover, .nav-link.active { color: var(--primary) !important; }
    .btn-primary-custom {
        background: var(--primary); color: #000; border: none;
        font-weight: 600; padding: 10px 25px; border-radius: 30px;
        transition: all 0.3s;
    }
    .btn-primary-custom:hover { background: #e6b800; color: #000; transform: translateY(-2px); }
    .btn-outline-custom {
        background: transparent; color: #fff; border: 2px solid var(--primary);
        font-weight: 600; padding: 8px 23px; border-radius: 30px;
    }
    .btn-outline-custom:hover { background: var(--primary); color: #000; }
    .hero {
        background: linear-gradient(135deg, #000 0%, #1a1a1a 50%, #333 100%);
        color: #fff; padding: 120px 0 80px; position: relative; overflow: hidden;
    }
    .hero::before {
        content: ''; position: absolute; top: -50%; right: -20%;
        width: 600px; height: 600px; border-radius: 50%;
        background: radial-gradient(circle, rgba(255,204,0,0.15) 0%, transparent 70%);
    }
    .hero h1 { font-size: 3rem; font-weight: 800; line-height: 1.2; }
    .hero h1 span { color: var(--primary); }
    .hero p { font-size: 1.2rem; opacity: 0.9; }
    .page-header {
        background: linear-gradient(135deg, #000, #333);
        color: #fff; padding: 80px 0 40px; text-align: center;
    }
    .page-header h1 { font-weight: 800; margin-bottom: 10px; }
    .page-header .breadcrumb { justify-content: center; }
    .page-header .breadcrumb-item, .page-header .breadcrumb-item a { color: var(--primary); }
    .section { padding: 80px 0; }
    .section-title { text-align: center; margin-bottom: 50px; }
    .section-title h2 { font-weight: 800; font-size: 2.5rem; color: var(--dark); }
    .section-title p { color: #666; font-size: 1.1rem; }
    .section-title .line {
        width: 80px; height: 4px; background: var(--primary);
        margin: 15px auto; border-radius: 2px;
    }
    .service-card {
        background: #fff; border-radius: 15px; padding: 35px 25px;
        box-shadow: 0 5px 25px rgba(0,0,0,0.08); transition: all 0.3s;
        height: 100%; border-top: 4px solid var(--primary);
    }
    .service-card:hover { transform: translateY(-10px); box-shadow: 0 15px 35px rgba(0,0,0,0.15); }
    .service-card .icon {
        width: 70px; height: 70px; background: var(--primary);
        border-radius: 15px; display: flex; align-items: center;
        justify-content: center; font-size: 2rem; color: #000; margin-bottom: 20px;
    }
    .service-card h4 { font-weight: 700; margin-bottom: 15px; }
    .stat-box {
        background: #fff; padding: 30px; border-radius: 15px;
        text-align: center; box-shadow: 0 5px 20px rgba(0,0,0,0.08);
    }
    .stat-box h3 { color: var(--secondary); font-size: 2.5rem; font-weight: 800; }
    .stat-box p { margin: 0; color: #666; font-weight: 500; }
    .bg-light-custom { background: #f5f5f5; }
    .about-img {
        border-radius: 15px; overflow: hidden;
        box-shadow: 0 10px 30px rgba(0,0,0,0.15);
    }
    .feature-list li {
        padding: 8px 0; display: flex; align-items: center;
    }
    .feature-list i { color: var(--primary); font-size: 1.3rem; margin-right: 10px; }
    .accordion-button:not(.collapsed) {
        background: var(--primary); color: #000; font-weight: 600;
    }
    .accordion-button:focus { box-shadow: 0 0 0 0.25rem rgba(255,204,0,0.3); }
    .accordion-item { border: 1px solid #e0e0e0; margin-bottom: 10px; border-radius: 10px !important; overflow: hidden; }
    .policy-content h4 { color: var(--dark); margin-top: 25px; font-weight: 700; }
    .policy-content p, .policy-content li { line-height: 1.8; color: #555; }
    .contact-info-card {
        background: #fff; padding: 30px; border-radius: 15px;
        box-shadow: 0 5px 20px rgba(0,0,0,0.08); height: 100%;
    }
    .contact-info-card .icon {
        width: 55px; height: 55px; background: var(--primary);
        border-radius: 50%; display: flex; align-items: center;
        justify-content: center; font-size: 1.5rem; color: #000; margin-bottom: 15px;
    }
    .form-control, .form-select {
        padding: 12px 15px; border-radius: 8px; border: 1px solid #ddd;
    }
    .form-control:focus { border-color: var(--primary); box-shadow: 0 0 0 0.2rem rgba(255,204,0,0.25); }
    footer {
        background: #000; color: #ccc; padding: 60px 0 20px;
    }
    footer h5 { color: var(--primary); font-weight: 700; margin-bottom: 20px; }
    footer a { color: #ccc; text-decoration: none; transition: color 0.3s; }
    footer a:hover { color: var(--primary); }
    footer ul { list-style: none; padding: 0; }
    footer ul li { margin-bottom: 10px; }
    .social-icons a {
        display: inline-flex; width: 40px; height: 40px;
        background: #222; border-radius: 50%; align-items: center;
        justify-content: center; margin-right: 8px; color: #fff;
    }
    .social-icons a:hover { background: var(--primary); color: #000; }
    .footer-bottom {
        border-top: 1px solid #222; padding-top: 20px; margin-top: 40px;
        text-align: center; color: #888;
    }
    .wa-float {
        position: fixed; bottom: 25px; right: 25px; width: 60px; height: 60px;
        background: #25D366; color: #fff; border-radius: 50%;
        display: flex; align-items: center; justify-content: center;
        font-size: 1.8rem; box-shadow: 0 5px 20px rgba(0,0,0,0.3);
        z-index: 999; text-decoration: none; animation: pulse 2s infinite;
    }
    @keyframes pulse {
        0% { box-shadow: 0 0 0 0 rgba(37,211,102,0.7); }
        70% { box-shadow: 0 0 0 15px rgba(37,211,102,0); }
        100% { box-shadow: 0 0 0 0 rgba(37,211,102,0); }
    }
    @media (max-width: 768px) {
        .hero h1 { font-size: 2rem; }
        .hero { padding: 80px 0 50px; }
        .section { padding: 50px 0; }
        .section-title h2 { font-size: 1.8rem; }
    }
</style>
</head>
<body>

<!-- NAVBAR -->
<nav class="navbar navbar-expand-lg fixed-top">
    <div class="container">
        <a class="navbar-brand" href="index.php">
            <i class="bi bi-wifi"></i> Lintas <span>Fiber</span>
        </a>
        <button class="navbar-toggler text-white" type="button" data-bs-toggle="collapse" data-bs-target="#navMenu">
            <i class="bi bi-list text-white fs-2"></i>
        </button>
        <div class="collapse navbar-collapse" id="navMenu">
            <ul class="navbar-nav ms-auto align-items-lg-center">
                <li class="nav-item"><a class="nav-link <?= $page=='home'?'active':'' ?>" href="index.php">Beranda</a></li>
                <li class="nav-item"><a class="nav-link <?= $page=='about'?'active':'' ?>" href="?page=about">Tentang</a></li>
                <li class="nav-item"><a class="nav-link <?= $page=='services'?'active':'' ?>" href="?page=services">Layanan</a></li>
                <li class="nav-item"><a class="nav-link <?= $page=='faq'?'active':'' ?>" href="?page=faq">FAQ</a></li>
                <li class="nav-item"><a class="nav-link <?= $page=='contact'?'active':'' ?>" href="?page=contact">Kontak</a></li>
                <li class="nav-item ms-lg-2">
                    <a class="btn btn-primary-custom" href="https://wa.me/<?= $company['whatsapp'] ?>" target="_blank">
                        <i class="bi bi-whatsapp"></i> Hubungi Kami
                    </a>
                </li>
            </ul>
        </div>
    </div>
</nav>

<!-- KONTEN UTAMA -->
<?php if ($page == 'home'): ?>
<!-- HERO -->
<section class="hero">
    <div class="container">
        <div class="row align-items-center">
            <div class="col-lg-7">
                <span class="badge bg-warning text-dark mb-3 px-3 py-2">
                    <i class="bi bi-patch-check-fill"></i> Mitra Resmi Indosat
                </span>
                <h1>Konektivitas <span>WiFi Cepat</span> & Andal untuk Bisnis Anda</h1>
                <p class="mt-3 mb-4">Penyedia alat WiFi berkualitas dan jasa instalasi jaringan profesional. Solusi lengkap untuk rumah, kantor, hotel, dan area publik.</p>
                <div class="d-flex flex-wrap gap-3">
                    <a href="?page=services" class="btn btn-primary-custom"><i class="bi bi-lightning-charge-fill"></i> Lihat Layanan</a>
                    <a href="?page=contact" class="btn btn-outline-custom"><i class="bi bi-telephone-fill"></i> Konsultasi Gratis</a>
                </div>
            </div>
            <div class="col-lg-5 text-center mt-5 mt-lg-0">
                <i class="bi bi-wifi" style="font-size: 15rem; color: var(--primary); opacity: 0.9;"></i>
            </div>
        </div>
    </div>
</section>

<!-- STATS -->
<section class="section" style="margin-top: -50px; position: relative; z-index: 10;">
    <div class="container">
        <div class="row g-4">
            <div class="col-md-3 col-6"><div class="stat-box"><h3>500+</h3><p>Klien Puas</p></div></div>
            <div class="col-md-3 col-6"><div class="stat-box"><h3>10+</h3><p>Tahun Pengalaman</p></div></div>
            <div class="col-md-3 col-6"><div class="stat-box"><h3>1000+</h3><p>Proyek Selesai</p></div></div>
            <div class="col-md-3 col-6"><div class="stat-box"><h3>24/7</h3><p>Support</p></div></div>
        </div>
    </div>
</section>

<!-- LAYANAN SINGKAT -->
<section class="section">
    <div class="container">
        <div class="section-title">
            <h2>Layanan Unggulan Kami</h2>
            <div class="line"></div>
            <p>Solusi WiFi end-to-end untuk berbagai kebutuhan</p>
        </div>
        <div class="row g-4">
            <div class="col-md-4">
                <div class="service-card">
                    <div class="icon"><i class="bi bi-router"></i></div>
                    <h4>Penyedia Alat WiFi</h4>
                    <p>Distributor resmi router, access point, dan perangkat jaringan dari brand ternama dengan garansi resmi.</p>
                </div>
            </div>
            <div class="col-md-4">
                <div class="service-card">
                    <div class="icon"><i class="bi bi-gear-wide-connected"></i></div>
                    <h4>Jasa Instalasi WiFi</h4>
                    <p>Tim teknisi bersertifikat siap memasang jaringan WiFi di rumah, kantor, hotel, cafe, dan area publik.</p>
                </div>
            </div>
            <div class="col-md-4">
                <div class="service-card">
                    <div class="icon"><i class="bi bi-shield-check"></i></div>
                    <h4>Maintenance & Support</h4>
                    <p>Layanan pemeliharaan berkala dan dukungan teknis 24/7 untuk menjaga jaringan Anda tetap optimal.</p>
                </div>
            </div>
        </div>
    </div>
</section>

<!-- TENTANG SINGKAT -->
<section class="section bg-light-custom">
    <div class="container">
        <div class="row align-items-center g-5">
            <div class="col-lg-6">
                <div class="about-img" style="background: linear-gradient(135deg, var(--primary), #e6b800); height: 400px; display: flex; align-items: center; justify-content: center;">
                    <i class="bi bi-building" style="font-size: 10rem; color: #000;"></i>
                </div>
            </div>
            <div class="col-lg-6">
                <h6 class="text-uppercase fw-bold" style="color: var(--secondary);">Tentang Kami</h6>
                <h2 class="fw-bold mb-3">Mitra Terpercaya untuk Solusi Konektivitas</h2>
                <p class="text-muted">Lintas Fiber Mitra Indosat adalah perusahaan yang bergerak di bidang penyedia alat WiFi dan jasa instalasi jaringan internet. Sebagai mitra resmi Indosat, kami berkomitmen memberikan layanan terbaik dengan teknologi terkini.</p>
                <ul class="feature-list list-unstyled mt-4">
                    <li><i class="bi bi-check-circle-fill"></i> Mitra Resmi Indosat</li>
                    <li><i class="bi bi-check-circle-fill"></i> Teknisi Bersertifikat & Berpengalaman</li>
                    <li><i class="bi bi-check-circle-fill"></i> Garansi Produk & Jasa</li>
                    <li><i class="bi bi-check-circle-fill"></i> Harga Kompetitif & Transparan</li>
                </ul>
                <a href="?page=about" class="btn btn-primary-custom mt-3">Selengkapnya <i class="bi bi-arrow-right"></i></a>
            </div>
        </div>
    </div>
</section>

<!-- CTA -->
<section class="section" style="background: linear-gradient(135deg, var(--primary), #e6b800);">
    <div class="container text-center">
        <h2 class="fw-bold mb-3">Siap Meningkatkan Konektivitas Anda?</h2>
        <p class="mb-4 fs-5">Konsultasikan kebutuhan WiFi Anda dengan tim ahli kami secara GRATIS!</p>
        <a href="https://wa.me/<?= $company['whatsapp'] ?>" class="btn btn-dark btn-lg px-5" target="_blank">
            <i class="bi bi-whatsapp"></i> Chat WhatsApp Sekarang
        </a>
    </div>
</section>

<?php elseif ($page == 'about'): ?>
<section class="page-header">
    <div class="container">
        <h1>Tentang Kami</h1>
        <nav aria-label="breadcrumb">
            <ol class="breadcrumb">
                <li class="breadcrumb-item"><a href="index.php">Beranda</a></li>
                <li class="breadcrumb-item active">Tentang</li>
            </ol>
        </nav>
    </div>
</section>
<section class="section">
    <div class="container">
        <div class="row g-5 align-items-center">
            <div class="col-lg-6">
                <div class="about-img" style="background: linear-gradient(135deg, var(--primary), #e6b800); height: 450px; display: flex; align-items: center; justify-content: center;">
                    <i class="bi bi-people-fill" style="font-size: 10rem; color: #000;"></i>
                </div>
            </div>
            <div class="col-lg-6">
                <h6 class="text-uppercase fw-bold" style="color: var(--secondary);">Profil Perusahaan</h6>
                <h2 class="fw-bold mb-3">Lintas Fiber Mitra Indosat</h2>
                <p>Berdiri sejak 2014, <strong>Lintas Fiber Mitra Indosat</strong> hadir sebagai solusi terpercaya untuk kebutuhan konektivitas internet di Indonesia. Kami adalah mitra resmi Indosat yang fokus pada penyediaan perangkat WiFi berkualitas tinggi serta jasa instalasi jaringan profesional.</p>
                <p>Dengan pengalaman lebih dari 10 tahun, kami telah melayani ratusan klien mulai dari rumah tangga, UMKM, korporasi, hotel, hingga instansi pemerintah di seluruh Indonesia.</p>
                
                <div class="row mt-4">
                    <div class="col-md-6 mb-3">
                        <h5 class="fw-bold"><i class="bi bi-bullseye text-danger"></i> Visi</h5>
                        <p class="text-muted">Menjadi perusahaan penyedia solusi konektivitas WiFi terdepan dan terpercaya di Indonesia.</p>
                    </div>
                    <div class="col-md-6 mb-3">
                        <h5 class="fw-bold"><i class="bi bi-rocket-takeoff text-danger"></i> Misi</h5>
                        <ul class="text-muted">
                            <li>Memberikan produk & layanan berkualitas</li>
                            <li>Mengutamakan kepuasan pelanggan</li>
                            <li>Berkembang bersama mitra & komunitas</li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
<section class="section bg-light-custom">
    <div class="container">
        <div class="section-title">
            <h2>Mengapa Memilih Kami?</h2>
            <div class="line"></div>
        </div>
        <div class="row g-4">
            <div class="col-md-3 col-6"><div class="service-card text-center"><div class="icon mx-auto"><i class="bi bi-award"></i></div><h5 class="fw-bold">Berpengalaman</h5><p class="text-muted small">10+ tahun di industri</p></div></div>
            <div class="col-md-3 col-6"><div class="service-card text-center"><div class="icon mx-auto"><i class="bi bi-patch-check"></i></div><h5 class="fw-bold">Mitra Resmi</h5><p class="text-muted small">Partner Indosat</p></div></div>
            <div class="col-md-3 col-6"><div class="service-card text-center"><div class="icon mx-auto"><i class="bi bi-headset"></i></div><h5 class="fw-bold">Support 24/7</h5><p class="text-muted small">Selalu siap membantu</p></div></div>
            <div class="col-md-3 col-6"><div class="service-card text-center"><div class="icon mx-auto"><i class="bi bi-cash-stack"></i></div><h5 class="fw-bold">Harga Terbaik</h5><p class="text-muted small">Kompetitif & transparan</p></div></div>
        </div>
    </div>
</section>

<?php elseif ($page == 'services'): ?>
<section class="page-header">
    <div class="container">
        <h1>Layanan Kami</h1>
        <nav aria-label="breadcrumb">
            <ol class="breadcrumb">
                <li class="breadcrumb-item"><a href="index.php">Beranda</a></li>
                <li class="breadcrumb-item active">Layanan</li>
            </ol>
        </nav>
    </div>
</section>
<section class="section">
    <div class="container">
        <div class="section-title">
            <h2>Solusi WiFi Lengkap</h2>
            <div class="line"></div>
            <p>Dari penyediaan alat hingga instalasi & maintenance</p>
        </div>
        <div class="row g-4">
            <div class="col-md-6 col-lg-4">
                <div class="service-card">
                    <div class="icon"><i class="bi bi-router"></i></div>
                    <h4>Penjualan Alat WiFi</h4>
                    <p>Router, Access Point, Switch, Modem, dan perangkat jaringan dari brand ternama (Mikrotik, TP-Link, Ubiquiti, Cisco).</p>
                    <ul class="mt-3 small">
                        <li>Garansi resmi distributor</li>
                        <li>Harga grosir & eceran</li>
                        <li>Konsultasi spesifikasi</li>
                    </ul>
                </div>
            </div>
            <div class="col-md-6 col-lg-4">
                <div class="service-card">
                    <div class="icon"><i class="bi bi-house-wifi"></i></div>
                    <h4>WiFi Rumah (Home)</h4>
                    <p>Instalasi jaringan WiFi untuk rumah tinggal dengan coverage menyeluruh di setiap sudut ruangan.</p>
                    <ul class="mt-3 small">
                        <li>Survey lokasi gratis</li>
                        <li>Mesh WiFi system</li>
                        <li>Setup & konfigurasi</li>
                    </ul>
                </div>
            </div>
            <div class="col-md-6 col-lg-4">
                <div class="service-card">
                    <div class="icon"><i class="bi bi-building"></i></div>
                    <h4>WiFi Kantor & Bisnis</h4>
                    <p>Solusi jaringan enterprise untuk kantor, ruko, gudang dengan sistem manajemen user & bandwidth.</p>
                    <ul class="mt-3 small">
                        <li>Hotspot voucher system</li>
                        <li>VLAN & traffic management</li>
                        <li>Keamanan jaringan</li>
                    </ul>
                </div>
            </div>
            <div class="col-md-6 col-lg-4">
                <div class="service-card">
                    <div class="icon"><i class="bi bi-hospital"></i></div>
                    <h4>WiFi Hotel & Cafe</h4>
                    <p>Solusi WiFi hospitality dengan landing page custom, login voucher, dan analytics pengguna.</p>
                    <ul class="mt-3 small">
                        <li>Captive portal custom</li>
                        <li>Multi-SSID management</li>
                        <li>Bandwidth per user</li>
                    </ul>
                </div>
            </div>
            <div class="col-md-6 col-lg-4">
                <div class="service-card">
                    <div class="icon"><i class="bi bi-broadcast"></i></div>
                    <h4>WiFi Area Publik</h4>
                    <p>Instalasi WiFi outdoor untuk taman, lapangan, area publik dengan perangkat weatherproof.</p>
                    <ul class="mt-3 small">
                        <li>Outdoor access point</li>
                        <li>Long-range coverage</li>
                        <li>Tahan cuaca ekstrem</li>
                    </ul>
                </div>
            </div>
            <div class="col-md-6 col-lg-4">
                <div class="service-card">
                    <div class="icon"><i class="bi bi-tools"></i></div>
                    <h4>Maintenance & Repair</h4>
                    <p>Layanan pemeliharaan berkala, troubleshooting, dan perbaikan perangkat jaringan.</p>
                    <ul class="mt-3 small">
                        <li>Kontrak maintenance</li>
                        <li>Response time cepat</li>
                        <li>Monitoring 24/7</li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
</section>

<?php elseif ($page == 'faq'): ?>
<section class="page-header">
    <div class="container">
        <h1>FAQ - Pertanyaan Umum</h1>
        <nav aria-label="breadcrumb">
            <ol class="breadcrumb">
                <li class="breadcrumb-item"><a href="index.php">Beranda</a></li>
                <li class="breadcrumb-item active">FAQ</li>
            </ol>
        </nav>
    </div>
</section>
<section class="section">
    <div class="container">
        <div class="row justify-content-center">
            <div class="col-lg-9">
                <div class="accordion" id="faqAccordion">
                    <?php
                    $faqs = [
                        ['Apa saja produk WiFi yang dijual oleh Lintas Fiber?', 'Kami menyediakan berbagai perangkat jaringan seperti router, access point, switch, modem, dan perangkat pendukung lainnya dari brand ternama seperti Mikrotik, TP-Link, Ubiquiti, Cisco, dan Ruijie. Semua produk bergaransi resmi distributor.'],
                        ['Apakah ada jasa instalasi WiFi?', 'Ya, kami menyediakan jasa instalasi WiFi lengkap untuk rumah, kantor, hotel, cafe, sekolah, dan area publik. Tim teknisi kami bersertifikat dan berpengalaman.'],
                        ['Berapa lama proses instalasi WiFi?', 'Tergantung skala proyek. Untuk rumah tinggal biasanya 1-2 hari, kantor kecil 2-3 hari, dan proyek besar bisa 1-2 minggu. Kami akan memberikan estimasi waktu setelah survey lokasi.'],
                        ['Apakah survey lokasi gratis?', 'Ya, kami menyediakan layanan survey lokasi GRATIS untuk area Jabodetabek. Untuk luar kota, silakan hubungi tim kami untuk informasi lebih lanjut.'],
                        ['Bagaimana sistem pembayaran yang berlaku?', 'Kami menerima pembayaran via transfer bank (BCA, Mandiri, BNI, BRI), e-wallet (OVO, GoPay, DANA), dan cash. Sistem pembayaran adalah 50% DP di awal dan 50% setelah pekerjaan selesai.'],
                        ['Apakah ada garansi untuk produk dan jasa?', 'Tentu! Semua produk memiliki garansi resmi dari distributor (1-3 tahun tergantung brand). Untuk jasa instalasi, kami memberikan garansi pekerjaan selama 3 bulan.'],
                        ['Bagaimana jika terjadi gangguan setelah instalasi?', 'Kami menyediakan layanan support 24/7. Anda dapat menghubungi kami via WhatsApp, telepon, atau email. Untuk masalah kritis, teknisi kami akan datang dalam waktu maksimal 24 jam.'],
                        ['Apakah melayani area luar Jakarta?', 'Ya, kami melayani seluruh wilayah Indonesia. Untuk proyek di luar Jabodetabek, akan ada penyesuaian biaya transportasi dan akomodasi teknisi.'],
                        ['Apakah bisa request fitur khusus seperti voucher hotspot?', 'Bisa. Kami menyediakan konfigurasi hotspot dengan voucher system, captive portal custom, bandwidth management, dan fitur enterprise lainnya sesuai kebutuhan Anda.'],
                        ['Bagaimana cara memesan layanan?', 'Anda dapat menghubungi kami via WhatsApp di <?= $company["phone"] ?>, email ke <?= $company["email"] ?>, atau mengisi form di halaman kontak. Tim kami akan segera merespons dan menjadwalkan konsultasi.'],
                    ];
                    foreach ($faqs as $i => $faq): ?>
                    <div class="accordion-item">
                        <h2 class="accordion-header">
                            <button class="accordion-button <?= $i!=0?'collapsed':'' ?>" type="button" data-bs-toggle="collapse" data-bs-target="#faq<?= $i ?>">
                                <i class="bi bi-question-circle-fill me-2"></i> <?= $faq[0] ?>
                            </button>
                        </h2>
                        <div id="faq<?= $i ?>" class="accordion-collapse collapse <?= $i==0?'show':'' ?>" data-bs-parent="#faqAccordion">
                            <div class="accordion-body"><?= $faq[1] ?></div>
                        </div>
                    </div>
                    <?php endforeach; ?>
                </div>
                <div class="text-center mt-5 p-4 bg-light rounded">
                    <h5>Tidak menemukan jawaban?</h5>
                    <p class="text-muted">Hubungi tim support kami untuk pertanyaan lebih lanjut</p>
                    <a href="?page=contact" class="btn btn-primary-custom"><i class="bi bi-chat-dots"></i> Hubungi Kami</a>
                </div>
            </div>
        </div>
    </div>
</section>

<?php elseif ($page == 'refund'): ?>
<section class="page-header">
    <div class="container">
        <h1>Kebijakan Refund</h1>
        <nav aria-label="breadcrumb">
            <ol class="breadcrumb">
                <li class="breadcrumb-item"><a href="index.php">Beranda</a></li>
                <li class="breadcrumb-item active">Refund Policy</li>
            </ol>
        </nav>
    </div>
</section>
<section class="section">
    <div class="container">
        <div class="row justify-content-center">
            <div class="col-lg-9">
                <div class="policy-content">
                    <p class="lead">Di <strong>Lintas Fiber Mitra Indosat</strong>, kami berkomitmen memberikan kepuasan terbaik bagi pelanggan. Berikut adalah kebijakan refund/pengembalian dana yang berlaku:</p>

                    <h4><i class="bi bi-box-seam text-warning"></i> 1. Refund untuk Produk (Alat WiFi)</h4>
                    <ul>
                        <li>Pengajuan refund dapat dilakukan maksimal <strong>7 (tujuh) hari</strong> setelah produk diterima.</li>
                        <li>Produk harus dalam kondisi <strong>masih tersegel, belum digunakan, dan kemasan utuh</strong>.</li>
                        <li>Produk yang sudah dibuka segelnya, terpasang, atau rusak akibat kesalahan pengguna <strong>tidak dapat direfund</strong> (namun dapat diklaim garansi).</li>
                        <li>Biaya pengiriman retur ditanggung oleh pelanggan, kecuali kerusakan berasal dari pihak kami.</li>
                        <li>Proses refund akan diproses dalam <strong>7-14 hari kerja</strong> setelah produk diterima dan diverifikasi.</li>
                    </ul>

                    <h4><i class="bi bi-tools text-warning"></i> 2. Refund untuk Jasa Instalasi</h4>
                    <ul>
                        <li>Jika pekerjaan <strong>belum dimulai</strong>, pelanggan dapat membatalkan dan mendapatkan refund 90% dari DP (10% biaya administrasi).</li>
                        <li>Jika pekerjaan <strong>sudah dimulai</strong> tetapi belum selesai, refund dihitung secara proporsional berdasarkan progres pekerjaan.</li>
                        <li>Jika pekerjaan <strong>sudah selesai</strong> dan disetujui pelanggan, tidak ada refund yang dapat diberikan.</li>
                        <li>Jika terjadi kegagalan instalasi yang disebabkan oleh kelalaian tim kami, pelanggan berhak mendapatkan <strong>perbaikan gratis</strong> atau refund penuh.</li>
                    </ul>

                    <h4><i class="bi bi-exclamation-triangle text-warning"></i> 3. Kondisi yang Tidak Dapat Direfund</h4>
                    <ul>
                        <li>Produk yang rusak akibat kesalahan pengguna (misal: terkena air, jatuh, overvoltage).</li>
                        <li>Produk yang sudah melewati masa pengajuan refund (lebih dari 7 hari).</li>
                        <li>Produk custom order atau indent yang dipesan khusus sesuai permintaan pelanggan.</li>
                        <li>Kerusakan akibat bencana alam atau force majeure.</li>
                        <li>Perubahan pikiran pelanggan setelah produk/jasa diterima dengan baik.</li>
                    </ul>

                    <h4><i class="bi bi-arrow-repeat text-warning"></i> 4. Proses Pengajuan Refund</h4>
                    <ol>
                        <li>Hubungi tim kami via WhatsApp atau email dengan menyertakan <strong>nomor order/invoice</strong>.</li>
                        <li>Sertakan <strong>bukti foto/video</strong> kondisi produk atau detail keluhan.</li>
                        <li>Tim kami akan melakukan verifikasi dalam <strong>1-3 hari kerja</strong>.</li>
                        <li>Jika disetujui, Anda akan diinstruksikan untuk mengembalikan produk (jika applicable).</li>
                        <li>Dana akan dikembalikan ke rekening asal dalam <strong>7-14 hari kerja</strong>.</li>
                    </ol>

                    <h4><i class="bi bi-envelope text-warning"></i> 5. Kontak Pengajuan Refund</h4>
                    <p>Untuk mengajukan refund atau pertanyaan terkait kebijakan ini, silakan hubungi:</p>
                    <ul>
                        <li><strong>Email:</strong> <?= $company['email'] ?></li>
                        <li><strong>WhatsApp:</strong> <?= $company['phone'] ?></li>
                        <li><strong>Jam Operasional:</strong> <?= $company['hours'] ?></li>
                    </ul>

                    <div class="alert alert-info mt-4">
                        <i class="bi bi-info-circle"></i> <strong>Catatan:</strong> Kebijakan ini dapat berubah sewaktu-waktu tanpa pemberitahuan sebelumnya. Versi terakhir diperbarui pada <strong>Januari 2026</strong>.
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>

<?php elseif ($page == 'terms'): ?>
<section class="page-header">
    <div class="container">
        <h1>Syarat & Ketentuan</h1>
        <nav aria-label="breadcrumb">
            <ol class="breadcrumb">
                <li class="breadcrumb-item"><a href="index.php">Beranda</a></li>
                <li class="breadcrumb-item active">Terms & Conditions</li>
            </ol>
        </nav>
    </div>
</section>
<section class="section">
    <div class="container">
        <div class="row justify-content-center">
            <div class="col-lg-9">
                <div class="policy-content">
                    <p class="lead">Dengan menggunakan layanan dan produk dari <strong>Lintas Fiber Mitra Indosat</strong>, Anda dianggap telah membaca, memahami, dan menyetujui seluruh syarat & ketentuan berikut:</p>

                    <h4><i class="bi bi-1-circle-fill text-warning"></i> Ketentuan Umum</h4>
                    <ul>
                        <li>Website dan layanan ini dimiliki dan dioperasikan oleh <strong>PT Lintas Fiber Mitra Indosat</strong>.</li>
                        <li>Dengan mengakses website ini, Anda menyetujui untuk terikat dengan syarat & ketentuan yang berlaku.</li>
                        <li>Kami berhak mengubah syarat & ketentuan sewaktu-waktu tanpa pemberitahuan sebelumnya.</li>
                        <li>Penggunaan berkelanjutan atas layanan kami berarti penerimaan terhadap perubahan tersebut.</li>
                    </ul>

                    <h4><i class="bi bi-2-circle-fill text-warning"></i> Pemesanan Produk & Jasa</h4>
                    <ul>
                        <li>Semua pemesanan dianggap sah setelah adanya <strong>konfirmasi tertulis</strong> (via email/WhatsApp) dan pembayaran DP.</li>
                        <li>Harga yang tercantum dapat berubah sewaktu-waktu tanpa pemberitahuan sebelumnya.</li>
                        <li>Ketersediaan produk dan jadwal instalasi bergantung pada stok dan kapasitas tim kami.</li>
                        <li>Pelanggan wajib memberikan data dan informasi yang akurat saat melakukan pemesanan.</li>
                    </ul>

                    <h4><i class="bi bi-3-circle-fill text-warning"></i> Pembayaran</h4>
                    <ul>
                        <li>Sistem pembayaran: <strong>50% DP di awal</strong>, 50% pelunasan setelah pekerjaan selesai.</li>
                        <li>Metode pembayaran: Transfer bank, e-wallet, atau tunai.</li>
                        <li>Keterlambatan pelunasan dapat mengakibatkan penundaan pengerjaan atau pengaktifan layanan.</li>
                        <li>Semua pembayaran harus dilakukan ke rekening resmi perusahaan yang tertera di invoice.</li>
                    </ul>

                    <h4><i class="bi bi-4-circle-fill text-warning"></i> Garansi</h4>
                    <ul>
                        <li><strong>Produk:</strong> Mengikuti garansi resmi distributor (1-3 tahun tergantung brand).</li>
                        <li><strong>Jasa Instalasi:</strong> Garansi pekerjaan selama 3 bulan sejak serah terima.</li>
                        <li>Garansi tidak berlaku untuk kerusakan akibat kesalahan pengguna, bencana alam, atau modifikasi oleh pihak ketiga.</li>
                        <li>Klaim garansi wajib disertai bukti pembelian dan invoice asli.</li>
                    </ul>

                    <h4><i class="bi bi-5-circle-fill text-warning"></i> Tanggung Jawab Pelanggan</h4>
                    <ul>
                        <li>Menyediakan akses lokasi yang aman dan layak untuk tim teknisi.</li>
                        <li>Menyediakan sumber listrik yang stabil selama proses instalasi.</li>
                        <li>Memberikan informasi yang benar terkait kebutuhan jaringan dan topologi lokasi.</li>
                        <li>Menjaga kerahasiaan kredensial (password, SSID) yang telah dikonfigurasi.</li>
                    </ul>

                    <h4><i class="bi bi-6-circle-fill text-warning"></i> Tanggung Jawab Perusahaan</h4>
                    <ul>
                        <li>Memberikan produk original dengan garansi resmi.</li>
                        <li>Menyelesaikan instalasi sesuai kesepakatan waktu dan spesifikasi.</li>
                        <li>Memberikan dukungan teknis sesuai paket layanan yang dipilih.</li>
                        <li>Menjaga kerahasiaan data dan informasi pelanggan.</li>
                    </ul>

                    <h4><i class="bi bi-7-circle-fill text-warning"></i> Pembatasan Tanggung Jawab</h4>
                    <ul>
                        <li>Kami tidak bertanggung jawab atas kerugian tidak langsung (data loss, downtime bisnis, dll) yang timbul dari penggunaan layanan.</li>
                        <li>Total tanggung jawab kami dibatasi sebesar nilai transaksi yang telah dibayarkan.</li>
                        <li>Kami tidak bertanggung jawab atas gangguan yang disebabkan oleh ISP, bencana alam, atau force majeure.</li>
                    </ul>

                    <h4><i class="bi bi-8-circle-fill text-warning"></i> Kekayaan Intelektual</h4>
                    <ul>
                        <li>Seluruh konten website (teks, gambar, logo, desain) adalah milik PT Lintas Fiber Mitra Indosat.</li>
                        <li>Dilarang menyalin, mendistribusikan, atau menggunakan konten tanpa izin tertulis.</li>
                    </ul>

                    <h4><i class="bi bi-9-circle-fill text-warning"></i> Hukum yang Berlaku</h4>
                    <p>Syarat & ketentuan ini diatur oleh hukum Negara Kesatuan Republik Indonesia. Segala perselisihan akan diselesaikan melalui musyawarah, dan jika tidak tercapai kesepakatan, akan diselesaikan melalui Pengadilan Negeri Jakarta Selatan.</p>

                    <h4><i class="bi bi-envelope-fill text-warning"></i> Kontak</h4>
                    <p>Untuk pertanyaan terkait syarat & ketentuan ini, hubungi:</p>
                    <ul>
                        <li><strong>Email:</strong> <?= $company['email'] ?></li>
                        <li><strong>Telepon:</strong> <?= $company['phone'] ?></li>
                        <li><strong>Alamat:</strong> <?= $company['address'] ?></li>
                    </ul>

                    <div class="alert alert-info mt-4">
                        <i class="bi bi-info-circle"></i> <strong>Terakhir diperbarui:</strong> Januari 2026
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>

<?php elseif ($page == 'contact'): 
$success = false;
if ($_SERVER['REQUEST_METHOD'] === 'POST') {
    // Simpan pesan (bisa dikembangkan ke database/email)
    $success = true;
}
?>
<section class="page-header">
    <div class="container">
        <h1>Hubungi Kami</h1>
        <nav aria-label="breadcrumb">
            <ol class="breadcrumb">
                <li class="breadcrumb-item"><a href="index.php">Beranda</a></li>
                <li class="breadcrumb-item active">Kontak</li>
            </ol>
        </nav>
    </div>
</section>
<section class="section">
    <div class="container">
        <div class="row g-4 mb-5">
            <div class="col-md-4">
                <div class="contact-info-card text-center">
                    <div class="icon mx-auto"><i class="bi bi-geo-alt-fill"></i></div>
                    <h5 class="fw-bold">Alamat</h5>
                    <p class="text-muted"><?= $company['address'] ?></p>
                </div>
            </div>
            <div class="col-md-4">
                <div class="contact-info-card text-center">
                    <div class="icon mx-auto"><i class="bi bi-telephone-fill"></i></div>
                    <h5 class="fw-bold">Telepon & WhatsApp</h5>
                    <p class="text-muted"><?= $company['phone'] ?><br>
                    <a href="https://wa.me/<?= $company['whatsapp'] ?>" class="text-success fw-bold">Chat WhatsApp</a></p>
                </div>
            </div>
            <div class="col-md-4">
                <div class="contact-info-card text-center">
                    <div class="icon mx-auto"><i class="bi bi-envelope-fill"></i></div>
                    <h5 class="fw-bold">Email</h5>
                    <p class="text-muted"><?= $company['email'] ?><br><?= $company['hours'] ?></p>
                </div>
            </div>
        </div>

        <div class="row g-5">
            <div class="col-lg-6">
                <h3 class="fw-bold mb-3">Kirim Pesan</h3>
                <p class="text-muted mb-4">Isi form di bawah ini dan tim kami akan segera menghubungi Anda.</p>
                <?php if ($success): ?>
                <div class="alert alert-success">
                    <i class="bi bi-check-circle-fill"></i> <strong>Terima kasih!</strong> Pesan Anda telah terkirim. Tim kami akan segera menghubungi Anda.
                </div>
                <?php endif; ?>
                <form method="POST" action="">
                    <div class="row g-3">
                        <div class="col-md-6">
                            <label class="form-label">Nama Lengkap *</label>
                            <input type="text" name="nama" class="form-control" required>
                        </div>
                        <div class="col-md-6">
                            <label class="form-label">No. WhatsApp *</label>
                            <input type="tel" name="wa" class="form-control" required>
                        </div>
                        <div class="col-12">
                            <label class="form-label">Email *</label>
                            <input type="email" name="email" class="form-control" required>
                        </div>
                        <div class="col-12">
                            <label class="form-label">Subjek</label>
                            <select name="subjek" class="form-select">
                                <option>Konsultasi Produk WiFi</option>
                                <option>Jasa Instalasi</option>
                                <option>Maintenance & Support</option>
                                <option>Kerjasama Bisnis</option>
                                <option>Lainnya</option>
                            </select>
                        </div>
                        <div class="col-12">
                            <label class="form-label">Pesan *</label>
                            <textarea name="pesan" class="form-control" rows="5" required></textarea>
                        </div>
                        <div class="col-12">
                            <button type="submit" class="btn btn-primary-custom"><i class="bi bi-send-fill"></i> Kirim Pesan</button>
                        </div>
                    </div>
                </form>
            </div>
            <div class="col-lg-6">
                <h3 class="fw-bold mb-3">Lokasi Kami</h3>
                <div class="rounded overflow-hidden shadow" style="height: 450px;">
                    <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3966.2!2d106.8!3d-6.2!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x0%3A0x0!2zNsKwMTInMDAuMCJTIDEwNsKwNDgnMDAuMCJF!5e0!3m2!1sid!2sid!4v1" width="100%" height="100%" style="border:0;" allowfullscreen="" loading="lazy"></iframe>
                </div>
                <div class="mt-4 p-4 bg-light rounded">
                    <h5 class="fw-bold"><i class="bi bi-clock-fill text-warning"></i> Jam Operasional</h5>
                    <p class="mb-1"><?= $company['hours'] ?></p>
                    <p class="mb-0 text-muted">Minggu & Hari Libur Nasional: Tutup</p>
                </div>
            </div>
        </div>
    </div>
</section>
<?php endif; ?>

<!-- FOOTER -->
<footer>
    <div class="container">
        <div class="row g-4">
            <div class="col-lg-4">
                <h5><i class="bi bi-wifi"></i> Lintas Fiber</h5>
                <p>Mitra resmi Indosat yang bergerak di bidang penyedia alat WiFi dan jasa instalasi jaringan profesional untuk berbagai kebutuhan.</p>
                <div class="social-icons mt-3">
                    <a href="#"><i class="bi bi-facebook"></i></a>
                    <a href="#"><i class="bi bi-instagram"></i></a>
                    <a href="https://wa.me/<?= $company['whatsapp'] ?>"><i class="bi bi-whatsapp"></i></a>
                    <a href="#"><i class="bi bi-linkedin"></i></a>
                    <a href="#"><i class="bi bi-tiktok"></i></a>
                </div>
            </div>
            <div class="col-lg-2 col-md-4">
                <h5>Menu</h5>
                <ul>
                    <li><a href="index.php">Beranda</a></li>
                    <li><a href="?page=about">Tentang</a></li>
                    <li><a href="?page=services">Layanan</a></li>
                    <li><a href="?page=contact">Kontak</a></li>
                </ul>
            </div>
            <div class="col-lg-3 col-md-4">
                <h5>Informasi</h5>
                <ul>
                    <li><a href="?page=faq">FAQ</a></li>
                    <li><a href="?page=refund">Refund Policy</a></li>
                    <li><a href="?page=terms">Terms & Conditions</a></li>
                    <li><a href="?page=contact">Hubungi Kami</a></li>
                </ul>
            </div>
            <div class="col-lg-3 col-md-4">
                <h5>Kontak</h5>
                <ul>
                    <li><i class="bi bi-geo-alt text-warning"></i> <?= $company['address'] ?></li>
                    <li><i class="bi bi-telephone text-warning"></i> <?= $company['phone'] ?></li>
                    <li><i class="bi bi-envelope text-warning"></i> <?= $company['email'] ?></li>
                    <li><i class="bi bi-clock text-warning"></i> <?= $company['hours'] ?></li>
                </ul>
            </div>
        </div>
        <div class="footer-bottom">
            <p class="mb-0">&copy; <?= date('Y') ?> <strong><?= $company['name'] ?></strong>. All Rights Reserved. | Mitra Resmi Indosat</p>
        </div>
    </div>
</footer>

<!-- WhatsApp Float -->
<a href="https://wa.me/<?= $company['whatsapp'] ?>" class="wa-float" target="_blank" title="Chat WhatsApp">
    <i class="bi bi-whatsapp"></i>
</a>

<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.bundle.min.js"></script>
</body>
</html>