
        <div class="container-fluid">
            <h2 class="text-center mb-4">Area Layanan RT RWNET</h2>
            <p class="lead text-center mb-5">Kami melayani berbagai wilayah dengan infrastruktur fiber optik terbaik</p>
            
            <div class="row">
                <div class="col-lg-8">
                    <div class="card">
                        <div class="card-header bg-primary text-white">
                            <h4><i class="fas fa-map"></i> Peta Coverage</h4>
                        </div>
                        <div class="card-body">
                            <div class="alert alert-info">
                                <i class="fas fa-info-circle"></i>
                                <strong>Informasi:</strong> Area coverage terus berkembang. 
                                Hubungi kami untuk cek ketersediaan di lokasi Anda.
                            </div>
                            
                            <!-- Placeholder untuk peta -->
                            <div class="bg-light text-center p-5 rounded">
                                <i class="fas fa-map fa-4x text-muted mb-3"></i>
                                <h5 class="text-muted">Peta Coverage Area</h5>
                                <p class="text-muted">Interactive map will be integrated here</p>
                            </div>
                        </div>
                    </div>
                </div>
                
                <div class="col-lg-4">
                    <div class="card">
                        <div class="card-header bg-success text-white">
                            <h5><i class="fas fa-check-circle"></i> Area Terlayani</h5>
                        </div>
                        <div class="card-body">
                            <div class="mb-3">
                                <h6>Kota A</h6>
                                <ul class="list-unstyled">
                                    <li><i class="fas fa-wifi text-success"></i> Kelurahan 1</li>
                                    <li><i class="fas fa-wifi text-success"></i> Kelurahan 2</li>
                                    <li><i class="fas fa-wifi text-success"></i> Kelurahan 3</li>
                                </ul>
                            </div>
                            
                            <div class="mb-3">
                                <h6>Kota B</h6>
                                <ul class="list-unstyled">
                                    <li><i class="fas fa-wifi text-success"></i> Kelurahan 1</li>
                                    <li><i class="fas fa-wifi text-success"></i> Kelurahan 2</li>
                                </ul>
                            </div>
                            
                            <div class="mb-3">
                                <h6>Kota C</h6>
                                <ul class="list-unstyled">
                                    <li><i class="fas fa-construction text-warning"></i> Dalam Pembangunan</li>
                                </ul>
                            </div>
                        </div>
                    </div>
                    
                    <div class="card mt-3">
                        <div class="card-header bg-info text-white">
                            <h5><i class="fas fa-search"></i> Cek Coverage</h5>
                        </div>
                        <div class="card-body">
                            <form>
                                <div class="mb-3">
                                    <label class="form-label">Alamat Lengkap</label>
                                    <textarea class="form-control" rows="3" placeholder="Masukkan alamat lengkap..."></textarea>
                                </div>
                                <button type="submit" class="btn btn-info w-100">
                                    <i class="fas fa-search"></i> Cek Coverage
                                </button>
                            </form>
                        </div>
                    </div>
                </div>
            </div>
            
            <!-- Infrastruktur -->
            <div class="row mt-4">
                <div class="col-12">
                    <h3 class="mb-4">Infrastruktur Jaringan</h3>
                </div>
                
                <div class="col-md-4 mb-4">
                    <div class="card text-center border-primary">
                        <div class="card-body">
                            <i class="fas fa-server fa-3x text-primary mb-3"></i>
                            <h5>Data Center</h5>
                            <p>Tier-3 data center dengan backup power dan cooling system</p>
                        </div>
                    </div>
                </div>
                
                <div class="col-md-4 mb-4">
                    <div class="card text-center border-success">
                        <div class="card-body">
                            <i class="fas fa-project-diagram fa-3x text-success mb-3"></i>
                            <h5>Backbone Network</h5>
                            <p>Redundant fiber optik dengan multiple upstream providers</p>
                        </div>
                    </div>
                </div>
                
                <div class="col-md-4 mb-4">
                    <div class="card text-center border-info">
                        <div class="card-body">
                            <i class="fas fa-broadcast-tower fa-3x text-info mb-3"></i>
                            <h5>Last Mile</h5>
                            <p>Fiber to the home (FTTH) dan wireless point-to-point</p>
                        </div>
                    </div>
                </div>
            </div>
            
            <!-- Call to Action -->
            <div class="text-center mt-5">
                <div class="card bg-light">
                    <div class="card-body">
                        <h3>Area Anda Belum Terlayani?</h3>
                        <p class="lead">Daftarkan lokasi Anda untuk mendapat prioritas expansion</p>
                        <a href="/hubungi-kami" class="btn btn-primary btn-lg">
                            <i class="fas fa-plus"></i> Request Coverage Area
                        </a>
                    </div>
                </div>
            </div>
        </div>