Spesifikasi Lampu Jalan Tenaga Surya 100W<\/title>\n <style>\n * {\n box-sizing: border-box;\n margin: 0;\n padding: 0;\n }\n \n body {\n font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\n line-height: 1.6;\n color: #333;\n background-color: #f8f9fa;\n padding: 15px;\n max-width: 1000px;\n margin: 0 auto;\n }\n \n .title-section {\n text-align: center;\n margin-bottom: 30px;\n padding: 0 10px;\n }\n \n h3 {\n font-size: clamp(16px, 4vw, 20px);\n margin-bottom: 8px;\n font-weight: 600;\n line-height: 1.3;\n color: #2c3e50;\n }\n \n .subtitle {\n font-size: clamp(13px, 3.2vw, 16px);\n color: #666;\n line-height: 1.4;\n font-weight: 500;\n }\n \n .specs-section {\n background-color: white;\n border-radius: 8px;\n box-shadow: 0 2px 10px rgba(0,0,0,0.08);\n overflow: hidden;\n margin-bottom: 25px;\n }\n \n .category-header {\n background-color: #e8f4fc;\n color: #2c3e50;\n font-weight: 600;\n font-size: clamp(14px, 3.5vw, 17px);\n padding: 12px 15px;\n border-bottom: 1px solid #d1e7f7;\n }\n \n .specs-table {\n width: 100%;\n border-collapse: collapse;\n }\n \n .specs-table tr {\n border-bottom: 1px solid #eaeaea;\n }\n \n .specs-table tr:last-child {\n border-bottom: none;\n }\n \n .specs-table td {\n padding: 12px 15px;\n vertical-align: top;\n font-size: clamp(13px, 3.2vw, 15px);\n }\n \n .specs-table td:first-child {\n font-weight: 600;\n width: 40%;\n color: #2c3e50;\n border-right: 1px solid #eaeaea;\n }\n \n .certification {\n background-color: #f0f7ff;\n padding: 20px;\n border-radius: 8px;\n margin-top: 25px;\n }\n \n .certification h2 {\n color: #2c3e50;\n margin-bottom: 15px;\n font-size: clamp(16px, 4vw, 20px);\n border-bottom: 2px solid #3498db;\n padding-bottom: 6px;\n display: inline-block;\n }\n \n .certification ul {\n list-style-type: none;\n padding-left: 0;\n }\n \n .certification li {\n padding: 8px 0;\n border-bottom: 1px dashed #d1e7f7;\n position: relative;\n padding-left: 25px;\n font-size: clamp(13px, 3.2vw, 15px);\n }\n \n .certification li:before {\n content: \"\u2713\";\n color: #27ae60;\n font-weight: bold;\n position: absolute;\n left: 0;\n }\n \n .certification li:last-child {\n border-bottom: none;\n }\n \n \/* Responsive table untuk mobile *\/\n @media (max-width: 768px) {\n .specs-table td:first-child {\n width: 45%;\n }\n \n body {\n padding: 10px;\n }\n }\n \n @media (max-width: 480px) {\n .specs-table td {\n display: block;\n width: 100%;\n border-right: none;\n padding: 10px;\n }\n \n .specs-table td:first-child {\n width: 100%;\n background-color: #f8f9fa;\n border-bottom: none;\n padding-bottom: 5px;\n }\n \n .specs-table td:last-child {\n padding-top: 5px;\n padding-bottom: 12px;\n }\n \n .specs-table tr {\n border-bottom: 2px solid #eaeaea;\n }\n \n .category-header {\n padding: 10px 12px;\n }\n \n .title-section {\n margin-bottom: 20px;\n }\n }\n \n \/* Optimasi untuk layar sangat kecil *\/\n @media (max-width: 320px) {\n body {\n padding: 8px;\n }\n \n .specs-table td {\n padding: 8px;\n }\n \n .certification {\n padding: 15px;\n }\n }\n <\/style>\n<\/head>\n<body>\n <div class=\"title-section\">\n <h3>LAMPU JALAN TENAGA SURYA 100W 3.2V<\/h3>\n <p class=\"subtitle\">TERINTEGRASI SEMUA DALAM SATU<\/p>\n <\/div>\n \n <div class=\"specs-section\">\n <div class=\"category-header\">SPESIFIKASI TEKNIS<\/div>\n <table class=\"specs-table\">\n <tr>\n <td>Daya LED<\/td>\n <td>100W 3.2V<\/td>\n <\/tr>\n <tr>\n <td>Jumlah LED<\/td>\n <td>240 Buah Chip PHILIPS SMD 3030<\/td>\n <\/tr>\n <tr>\n <td>Lumen<\/td>\n <td>10000\u201312000 lm<\/td>\n <\/tr>\n <tr>\n <td>Sudut Pandang<\/td>\n <td>180 Derajat (Braket yang Dapat Disesuaikan)<\/td>\n <\/tr>\n <tr>\n <td>CCT<\/td>\n <td>6500K<\/td>\n <\/tr>\n <tr>\n <td>Masa Pakai<\/td>\n <td>50000 Jam<\/td>\n <\/tr>\n <\/table>\n \n <div class=\"category-header\">PANEL SURYA<\/div>\n <table class=\"specs-table\">\n <tr>\n <td>Tipe<\/td>\n <td>Monokristalin Efisiensi Tinggi<\/td>\n <\/tr>\n <tr>\n <td>Daya Maksimum<\/td>\n <td>150WP 6V<\/td>\n <\/tr>\n <tr>\n <td>Masa Pakai<\/td>\n <td>25 Tahun<\/td>\n <\/tr>\n <\/table>\n \n <div class=\"category-header\">BATERAI<\/div>\n <table class=\"specs-table\">\n <tr>\n <td>Tipe<\/td>\n <td>Lithium LifePO4 3.2V<\/td>\n <\/tr>\n <tr>\n <td>Kapasitas<\/td>\n <td>84Ah 3.2V<\/td>\n <\/tr>\n <tr>\n <td>Masa Pakai<\/td>\n <td>3\u20135 Tahun<\/td>\n <\/tr>\n <\/table>\n \n <div class=\"category-header\">PENGISIAN DAYA<\/div>\n <table class=\"specs-table\">\n <tr>\n <td>Waktu Pengisian Daya<\/td>\n <td>6\u20138 Jam<\/td>\n <\/tr>\n <tr>\n <td>Curah Hujan Berkelanjutan<\/td>\n <td>3\u20135 Hari Hujan<\/td>\n <\/tr>\n <\/table>\n \n <div class=\"category-header\">PENGOPERASIAN KONDISI<\/div>\n <table class=\"specs-table\">\n <tr>\n <td>Suhu Kerja<\/td>\n <td>35\u201350\u00b0C<\/td>\n <\/tr>\n <tr>\n <td>Sensor<\/td>\n <td>On\/Off oleh Sensor Cahaya<\/td>\n <\/tr>\n <tr>\n <td>Peredupan<\/td>\n <td>Kontrol Waktu<\/td>\n <\/tr>\n <\/table>\n \n <div class=\"category-header\">PEMASANGAN<\/div>\n <table class=\"specs-table\">\n <tr>\n <td>Tinggi Pemasangan<\/td>\n <td>7\u20139 Meter<\/td>\n <\/tr>\n <tr>\n <td>Jarak Antar Tiang<\/td>\n <td>20\u201340 Meter<\/td>\n <\/tr>\n <\/table>\n \n <div class=\"category-header\">DETAIL PRODUK<\/div>\n <table class=\"specs-table\">\n <tr>\n <td>Berat<\/td>\n <td>13 Kg<\/td>\n <\/tr>\n <tr>\n <td>Ukuran Produk<\/td>\n <td>123 \u00d7 36,8 \u00d7 5 cm<\/td>\n <\/tr>\n <tr>\n <td>Bahan Utama<\/td>\n <td>Paduan Aluminium IP66<\/td>\n <\/tr>\n <\/table>\n <\/div>\n \n <div class=\"certification\">\n <h2>SERTIFIKASI & FITUR<\/h2>\n <ul>\n <li>Tahan Air IP66<\/li>\n <li>Bersertifikat ISO 9001<\/li>\n <li>Garansi 1 Tahun<\/li>\n <\/ul>\n <\/div>\n<\/body>\n<\/html>\n\n\n\n\n\n\n\n<!DOCTYPE html>\n<html lang=\"id\">\n<head>\n <meta charset=\"UTF-8\">\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n <title>Spesifikasi Lampu Jalan Tenaga Surya 100W 12V<\/title>\n <style>\n * {\n box-sizing: border-box;\n margin: 0;\n padding: 0;\n }\n \n body {\n font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\n line-height: 1.6;\n color: #333;\n background-color: #f8f9fa;\n padding: 15px;\n max-width: 1000px;\n margin: 0 auto;\n }\n \n .title-section {\n text-align: center;\n margin-bottom: 30px;\n padding: 0 10px;\n }\n \n h3 {\n font-size: clamp(16px, 4vw, 20px);\n margin-bottom: 8px;\n font-weight: 600;\n line-height: 1.3;\n color: #2c3e50;\n }\n \n .subtitle {\n font-size: clamp(13px, 3.2vw, 16px);\n color: #666;\n line-height: 1.4;\n font-weight: 500;\n }\n \n .specs-section {\n background-color: white;\n border-radius: 8px;\n box-shadow: 0 2px 10px rgba(0,0,0,0.08);\n overflow: hidden;\n margin-bottom: 25px;\n }\n \n .category-header {\n background-color: #e8f4fc;\n color: #2c3e50;\n font-weight: 600;\n font-size: clamp(14px, 3.5vw, 17px);\n padding: 12px 15px;\n border-bottom: 1px solid #d1e7f7;\n }\n \n .specs-table {\n width: 100%;\n border-collapse: collapse;\n }\n \n .specs-table tr {\n border-bottom: 1px solid #eaeaea;\n }\n \n .specs-table tr:last-child {\n border-bottom: none;\n }\n \n .specs-table td {\n padding: 12px 15px;\n vertical-align: top;\n font-size: clamp(13px, 3.2vw, 15px);\n }\n \n .specs-table td:first-child {\n font-weight: 600;\n width: 40%;\n color: #2c3e50;\n border-right: 1px solid #eaeaea;\n }\n \n .certification {\n background-color: #f0f7ff;\n padding: 20px;\n border-radius: 8px;\n margin-top: 25px;\n }\n \n .certification h2 {\n color: #2c3e50;\n margin-bottom: 15px;\n font-size: clamp(16px, 4vw, 20px);\n border-bottom: 2px solid #3498db;\n padding-bottom: 6px;\n display: inline-block;\n }\n \n .certification ul {\n list-style-type: none;\n padding-left: 0;\n }\n \n .certification li {\n padding: 8px 0;\n border-bottom: 1px dashed #d1e7f7;\n position: relative;\n padding-left: 25px;\n font-size: clamp(13px, 3.2vw, 15px);\n }\n \n .certification li:before {\n content: \"\u2713\";\n color: #27ae60;\n font-weight: bold;\n position: absolute;\n left: 0;\n }\n \n .certification li:last-child {\n border-bottom: none;\n }\n \n \/* Responsive table untuk mobile *\/\n @media (max-width: 768px) {\n .specs-table td:first-child {\n width: 45%;\n }\n \n body {\n padding: 10px;\n }\n }\n \n @media (max-width: 480px) {\n .specs-table td {\n display: block;\n width: 100%;\n border-right: none;\n padding: 10px;\n }\n \n .specs-table td:first-child {\n width: 100%;\n background-color: #f8f9fa;\n border-bottom: none;\n padding-bottom: 5px;\n }\n \n .specs-table td:last-child {\n padding-top: 5px;\n padding-bottom: 12px;\n }\n \n .specs-table tr {\n border-bottom: 2px solid #eaeaea;\n }\n \n .category-header {\n padding: 10px 12px;\n }\n \n .title-section {\n margin-bottom: 20px;\n }\n }\n \n \/* Optimasi untuk layar sangat kecil *\/\n @media (max-width: 320px) {\n body {\n padding: 8px;\n }\n \n .specs-table td {\n padding: 8px;\n }\n \n .certification {\n padding: 15px;\n }\n }\n <\/style>\n<\/head>\n<body>\n <div class=\"title-section\">\n <h3>ALL IN ONE INTEGRATED 100W 12V SOLAR STREET LIGHT<\/h3>\n <p class=\"subtitle\">Lampu Jalan Tenaga Surya Terpadu 100W 12V<\/p>\n <\/div>\n \n <div class=\"specs-section\">\n <div class=\"category-header\">SPESIFIKASI TEKNIS<\/div>\n <table class=\"specs-table\">\n <tr>\n <td>Daya LED<\/td>\n <td>100W 12V<\/td>\n <\/tr>\n <tr>\n <td>Jumlah LED<\/td>\n <td>288 Chip PHILIPS SMD 3030<\/td>\n <\/tr>\n <tr>\n <td>Kecerahan (Lumens)<\/td>\n <td>10.000\u201312.000 lm<\/td>\n <\/tr>\n <tr>\n <td>Sudut Pencahayaan<\/td>\n <td>180 Derajat (Dudukan Dapat Disesuaikan)<\/td>\n <\/tr>\n <tr>\n <td>CCT (Warna Cahaya)<\/td>\n <td>6500K<\/td>\n <\/tr>\n <tr>\n <td>Masa Pakai<\/td>\n <td>50.000 Jam<\/td>\n <\/tr>\n <\/table>\n \n <div class=\"category-header\">PANEL SURYA<\/div>\n <table class=\"specs-table\">\n <tr>\n <td>Tipe<\/td>\n <td>Mono-Crystalline Efisiensi Tinggi<\/td>\n <\/tr>\n <tr>\n <td>Daya Maksimum<\/td>\n <td>125WP 18V<\/td>\n <\/tr>\n <tr>\n <td>Masa Pakai<\/td>\n <td>25 Tahun<\/td>\n <\/tr>\n <\/table>\n \n <div class=\"category-header\">BATERAI<\/div>\n <table class=\"specs-table\">\n <tr>\n <td>Tipe<\/td>\n <td>Lithium LifePO4 12.8V<\/td>\n <\/tr>\n <tr>\n <td>Kapasitas<\/td>\n <td>60Ah 12.8V<\/td>\n <\/tr>\n <tr>\n <td>Masa Pakai<\/td>\n <td>3\u20135 Tahun<\/td>\n <\/tr>\n <\/table>\n \n <div class=\"category-header\">PENGISIAN DAYA<\/div>\n <table class=\"specs-table\">\n <tr>\n <td>Waktu Pengisian Daya<\/td>\n <td>6\u20138 Jam<\/td>\n <\/tr>\n <tr>\n <td>Ketahanan Saat Hujan<\/td>\n <td>3\u20135 Hari Hujan<\/td>\n <\/tr>\n <\/table>\n \n <div class=\"category-header\">KONDISI OPERASIONAL<\/div>\n <table class=\"specs-table\">\n <tr>\n <td>Suhu Kerja<\/td>\n <td>35\u201350\u00b0C<\/td>\n <\/tr>\n <tr>\n <td>Sensor<\/td>\n <td>Menyala\/Mati Otomatis oleh Sensor Cahaya<\/td>\n <\/tr>\n <tr>\n <td>Peredupan (Dimming)<\/td>\n <td>Pengaturan Waktu<\/td>\n <\/tr>\n <\/table>\n \n <div class=\"category-header\">PEMASANGAN<\/div>\n <table class=\"specs-table\">\n <tr>\n <td>Tinggi Tiang<\/td>\n <td>8\u20139 Meter<\/td>\n <\/tr>\n <tr>\n <td>Jarak Antar Tiang<\/td>\n <td>20\u201340 Meter<\/td>\n <\/tr>\n <\/table>\n \n <div class=\"category-header\">DETAIL PRODUK<\/div>\n <table class=\"specs-table\">\n <tr>\n <td>Berat<\/td>\n <td>20 Kg<\/td>\n <\/tr>\n <tr>\n <td>Ukuran Produk<\/td>\n <td>130 \u00d7 42.5 \u00d7 5 cm<\/td>\n <\/tr>\n <tr>\n <td>Bahan Utama<\/td>\n <td>Aluminium Alloy IP66<\/td>\n <\/tr>\n <\/table>\n <\/div>\n \n <div class=\"certification\">\n <h2>SERTIFIKASI & GARANSI<\/h2>\n <ul>\n <li>IP66 Tahan Air<\/li>\n <li>ISO 9001 Bersertifikat<\/li>\n <li>Garansi 2 Tahun<\/li>\n <\/ul>\n <\/div>\n<\/body>\n<\/html>\n\n\n\n\n\n\n\n\n<!DOCTYPE html>\n<html lang=\"id\">\n<head>\n <meta charset=\"UTF-8\">\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n <title>Spesifikasi PJU Solar Cell All in One 100W 3V<\/title>\n <style>\n * {\n box-sizing: border-box;\n margin: 0;\n padding: 0;\n }\n \n body {\n font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\n line-height: 1.6;\n color: #333;\n background-color: #f8f9fa;\n padding: 15px;\n max-width: 1000px;\n margin: 0 auto;\n }\n \n .title-section {\n text-align: center;\n margin-bottom: 30px;\n padding: 0 10px;\n }\n \n h3 {\n font-size: clamp(16px, 4vw, 20px);\n margin-bottom: 8px;\n font-weight: 600;\n line-height: 1.3;\n color: #2c3e50;\n }\n \n .subtitle {\n font-size: clamp(13px, 3.2vw, 16px);\n color: #666;\n line-height: 1.4;\n font-weight: 500;\n }\n \n .specs-section {\n background-color: white;\n border-radius: 8px;\n box-shadow: 0 2px 10px rgba(0,0,0,0.08);\n overflow: hidden;\n margin-bottom: 25px;\n }\n \n .category-header {\n background-color: #e8f4fc;\n color: #2c3e50;\n font-weight: 600;\n font-size: clamp(14px, 3.5vw, 17px);\n padding: 12px 15px;\n border-bottom: 1px solid #d1e7f7;\n }\n \n .specs-table {\n width: 100%;\n border-collapse: collapse;\n }\n \n .specs-table tr {\n border-bottom: 1px solid #eaeaea;\n }\n \n .specs-table tr:last-child {\n border-bottom: none;\n }\n \n .specs-table td {\n padding: 12px 15px;\n vertical-align: top;\n font-size: clamp(13px, 3.2vw, 15px);\n }\n \n .specs-table td:first-child {\n font-weight: 600;\n width: 40%;\n color: #2c3e50;\n border-right: 1px solid #eaeaea;\n }\n \n .certification {\n background-color: #f0f7ff;\n padding: 20px;\n border-radius: 8px;\n margin-top: 25px;\n }\n \n .certification h2 {\n color: #2c3e50;\n margin-bottom: 15px;\n font-size: clamp(16px, 4vw, 20px);\n border-bottom: 2px solid #3498db;\n padding-bottom: 6px;\n display: inline-block;\n }\n \n .certification ul {\n list-style-type: none;\n padding-left: 0;\n }\n \n .certification li {\n padding: 8px 0;\n border-bottom: 1px dashed #d1e7f7;\n position: relative;\n padding-left: 25px;\n font-size: clamp(13px, 3.2vw, 15px);\n }\n \n .certification li:before {\n content: \"\u2713\";\n color: #27ae60;\n font-weight: bold;\n position: absolute;\n left: 0;\n }\n \n .certification li:last-child {\n border-bottom: none;\n }\n \n \/* Responsive table untuk mobile *\/\n @media (max-width: 768px) {\n .specs-table td:first-child {\n width: 45%;\n }\n \n body {\n padding: 10px;\n }\n }\n \n @media (max-width: 480px) {\n .specs-table td {\n display: block;\n width: 100%;\n border-right: none;\n padding: 10px;\n }\n \n .specs-table td:first-child {\n width: 100%;\n background-color: #f8f9fa;\n border-bottom: none;\n padding-bottom: 5px;\n }\n \n .specs-table td:last-child {\n padding-top: 5px;\n padding-bottom: 12px;\n }\n \n .specs-table tr {\n border-bottom: 2px solid #eaeaea;\n }\n \n .category-header {\n padding: 10px 12px;\n }\n \n .title-section {\n margin-bottom: 20px;\n }\n }\n \n \/* Optimasi untuk layar sangat kecil *\/\n @media (max-width: 320px) {\n body {\n padding: 8px;\n }\n \n .specs-table td {\n padding: 8px;\n }\n \n .certification {\n padding: 15px;\n }\n }\n <\/style>\n<\/head>\n<body>\n <div class=\"title-section\">\n <h3>PJU SEL SURYA<\/h3>\n <p class=\"subtitle\">All in One 100W 3V<\/p>\n <\/div>\n \n <div class=\"specs-section\">\n <div class=\"category-header\">LAMPU<\/div>\n <table class=\"specs-table\">\n <tr>\n <td>Daya LED<\/td>\n <td>3.2V 100W DC<\/td>\n <\/tr>\n <tr>\n <td>Tipe LED<\/td>\n <td>Philips SMD3030<\/td>\n <\/tr>\n <tr>\n <td>Lumen<\/td>\n <td>10,000\u201315,000 lm<\/td>\n <\/tr>\n <tr>\n <td>Sudut Pandang<\/td>\n <td>120 Derajat<\/td>\n <\/tr>\n <tr>\n <td>Suhu Warna (CCT)<\/td>\n <td>6500K<\/td>\n <\/tr>\n <\/table>\n \n <div class=\"category-header\">PANEL SURYA<\/div>\n <table class=\"specs-table\">\n <tr>\n <td>Tipe Panel Surya<\/td>\n <td>Mono Kristalin<\/td>\n <\/tr>\n <tr>\n <td>Daya Maksimum (6V)<\/td>\n <td>155WP<\/td>\n <\/tr>\n <tr>\n <td>Masa Pakai<\/td>\n <td>25 Tahun<\/td>\n <\/tr>\n <\/table>\n \n <div class=\"category-header\">BATERAI<\/div>\n <table class=\"specs-table\">\n <tr>\n <td>Tipe Baterai<\/td>\n <td>Lithium LifePO4 3.2V<\/td>\n <\/tr>\n <tr>\n <td>Kapasitas<\/td>\n <td>102Ah GRADE A<\/td>\n <\/tr>\n <tr>\n <td>Masa Pakai<\/td>\n <td>2\u20133 Tahun<\/td>\n <\/tr>\n <\/table>\n \n <div class=\"category-header\">KONTROLER<\/div>\n <table class=\"specs-table\">\n <tr>\n <td>Waktu Pengisian<\/td>\n <td>6\u20138 Jam<\/td>\n <\/tr>\n <tr>\n <td>Ketahanan<\/td>\n <td>1\u20132 Hari Hujan Berkelanjutan<\/td>\n <\/tr>\n <tr>\n <td>Suhu Kerja<\/td>\n <td>30\u201340\u00b0C<\/td>\n <\/tr>\n <tr>\n <td>Tipe Kontroler<\/td>\n <td>On-Board<\/td>\n <\/tr>\n <tr>\n <td>Sistem Kerja<\/td>\n <td>Kontrol Waktu Pencahayaan, Sistem Peredupan<\/td>\n <\/tr>\n <\/table>\n \n <div class=\"category-header\">REKOMENDASI PEMASANGAN<\/div>\n <table class=\"specs-table\">\n <tr>\n <td>Tinggi Pemasangan<\/td>\n <td>7\u20139 Meter<\/td>\n <\/tr>\n <tr>\n <td>Jarak Pemasangan<\/td>\n <td>30\u201350 Meter<\/td>\n <\/tr>\n <\/table>\n \n <div class=\"category-header\">MATERIAL<\/div>\n <table class=\"specs-table\">\n <tr>\n <td>Material Utama<\/td>\n <td>Pelat Baja<\/td>\n <\/tr>\n <tr>\n <td>Rating IP<\/td>\n <td>IP66<\/td>\n <\/tr>\n <tr>\n <td>Garansi<\/td>\n <td>1 Tahun<\/td>\n <\/tr>\n <\/table>\n <\/div>\n \n <div class=\"certification\">\n <h2>SPESIFIKASI & GARANSI<\/h2>\n <ul>\n <li>Material Utama: Pelat Baja<\/li>\n <li>Tahan Air IP66<\/li>\n <li>Garansi 1 Tahun<\/li>\n <\/ul>\n <\/div>\n<\/body>\n<\/html>\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n<!DOCTYPE html>\n<html lang=\"id\">\n<head>\n <meta charset=\"UTF-8\">\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n <title>Spesifikasi All in One 120W 3V<\/title>\n <style>\n * {\n box-sizing: border-box;\n margin: 0;\n padding: 0;\n }\n \n body {\n font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\n line-height: 1.6;\n color: #333;\n background-color: #f8f9fa;\n padding: 15px;\n max-width: 1000px;\n margin: 0 auto;\n }\n \n .title-section {\n text-align: center;\n margin-bottom: 30px;\n padding: 0 10px;\n }\n \n h3 {\n font-size: clamp(16px, 4vw, 20px);\n margin-bottom: 8px;\n font-weight: 600;\n line-height: 1.3;\n color: #2c3e50;\n }\n \n .subtitle {\n font-size: clamp(13px, 3.2vw, 16px);\n color: #666;\n line-height: 1.4;\n font-weight: 500;\n }\n \n .specs-section {\n background-color: white;\n border-radius: 8px;\n box-shadow: 0 2px 10px rgba(0,0,0,0.08);\n overflow: hidden;\n margin-bottom: 25px;\n }\n \n .category-header {\n background-color: #e8f4fc;\n color: #2c3e50;\n font-weight: 600;\n font-size: clamp(14px, 3.5vw, 17px);\n padding: 12px 15px;\n border-bottom: 1px solid #d1e7f7;\n }\n \n .specs-table {\n width: 100%;\n border-collapse: collapse;\n }\n \n .specs-table tr {\n border-bottom: 1px solid #eaeaea;\n }\n \n .specs-table tr:last-child {\n border-bottom: none;\n }\n \n .specs-table td {\n padding: 12px 15px;\n vertical-align: top;\n font-size: clamp(13px, 3.2vw, 15px);\n }\n \n .specs-table td:first-child {\n font-weight: 600;\n width: 40%;\n color: #2c3e50;\n border-right: 1px solid #eaeaea;\n }\n \n .certification {\n background-color: #f0f7ff;\n padding: 20px;\n border-radius: 8px;\n margin-top: 25px;\n }\n \n .certification h2 {\n color: #2c3e50;\n margin-bottom: 15px;\n font-size: clamp(16px, 4vw, 20px);\n border-bottom: 2px solid #3498db;\n padding-bottom: 6px;\n display: inline-block;\n }\n \n .certification ul {\n list-style-type: none;\n padding-left: 0;\n }\n \n .certification li {\n padding: 8px 0;\n border-bottom: 1px dashed #d1e7f7;\n position: relative;\n padding-left: 25px;\n font-size: clamp(13px, 3.2vw, 15px);\n }\n \n .certification li:before {\n content: \"\u2713\";\n color: #27ae60;\n font-weight: bold;\n position: absolute;\n left: 0;\n }\n \n .certification li:last-child {\n border-bottom: none;\n }\n \n \/* Responsive table untuk mobile *\/\n @media (max-width: 768px) {\n .specs-table td:first-child {\n width: 45%;\n }\n \n body {\n padding: 10px;\n }\n }\n \n @media (max-width: 480px) {\n .specs-table td {\n display: block;\n width: 100%;\n border-right: none;\n padding: 10px;\n }\n \n .specs-table td:first-child {\n width: 100%;\n background-color: #f8f9fa;\n border-bottom: none;\n padding-bottom: 5px;\n }\n \n .specs-table td:last-child {\n padding-top: 5px;\n padding-bottom: 12px;\n }\n \n .specs-table tr {\n border-bottom: 2px solid #eaeaea;\n }\n \n .category-header {\n padding: 10px 12px;\n }\n \n .title-section {\n margin-bottom: 20px;\n }\n }\n \n \/* Optimasi untuk layar sangat kecil *\/\n @media (max-width: 320px) {\n body {\n padding: 8px;\n }\n \n .specs-table td {\n padding: 8px;\n }\n \n .certification {\n padding: 15px;\n }\n }\n <\/style>\n<\/head>\n<body>\n <div class=\"title-section\">\n <h3>All in One 120W 3V<\/h3>\n <p class=\"subtitle\">Lampu Jalan Tenaga Surya Terpadu 120W 3V<\/p>\n <\/div>\n \n <div class=\"specs-section\">\n <div class=\"category-header\">LAMPU<\/div>\n <table class=\"specs-table\">\n <tr>\n <td>Daya LED<\/td>\n <td>3.2V 120 Watt DC<\/td>\n <\/tr>\n <tr>\n <td>Tipe LED<\/td>\n <td>Philips SMD3030<\/td>\n <\/tr>\n <tr>\n <td>Kecerahan (Lumens)<\/td>\n <td>12.000\u201318.000 lumen<\/td>\n <\/tr>\n <tr>\n <td>Sudut Pencahayaan<\/td>\n <td>120 Derajat<\/td>\n <\/tr>\n <tr>\n <td>Suhu Warna (CCT)<\/td>\n <td>6500K<\/td>\n <\/tr>\n <\/table>\n \n <div class=\"category-header\">PANEL SURYA<\/div>\n <table class=\"specs-table\">\n <tr>\n <td>Jenis Panel Surya<\/td>\n <td>Mono Crystalline (silikon tunggal)<\/td>\n <\/tr>\n <tr>\n <td>Daya Maksimum (6V)<\/td>\n <td>195WP<\/td>\n <\/tr>\n <tr>\n <td>Umur Pakai<\/td>\n <td>25 Tahun<\/td>\n <\/tr>\n <\/table>\n \n <div class=\"category-header\">BATERAI<\/div>\n <table class=\"specs-table\">\n <tr>\n <td>Jenis Baterai<\/td>\n <td>Lithium LifePO4 3.2V<\/td>\n <\/tr>\n <tr>\n <td>Kapasitas<\/td>\n <td>126Ah Kelas A<\/td>\n <\/tr>\n <tr>\n <td>Umur Pakai<\/td>\n <td>2\u20133 Tahun<\/td>\n <\/tr>\n <\/table>\n \n <div class=\"category-header\">PENGENDALI<\/div>\n <table class=\"specs-table\">\n <tr>\n <td>Waktu Pengisian<\/td>\n <td>6\u20138 Jam<\/td>\n <\/tr>\n <tr>\n <td>Ketahanan<\/td>\n <td>Bertahan 1\u20132 Hari Saat Hujan<\/td>\n <\/tr>\n <tr>\n <td>Suhu Operasional<\/td>\n <td>30\u201340\u00b0C<\/td>\n <\/tr>\n <tr>\n <td>Pengendali<\/td>\n <td>Terpasang di Perangkat<\/td>\n <\/tr>\n <tr>\n <td>Sistem Kerja<\/td>\n <td>Kontrol Waktu & Sistem Peredupan Cahaya<\/td>\n <\/tr>\n <\/table>\n \n <div class=\"category-header\">REKOMENDASI PEMASANGAN<\/div>\n <table class=\"specs-table\">\n <tr>\n <td>Tinggi Tiang<\/td>\n <td>7\u20139 Meter<\/td>\n <\/tr>\n <tr>\n <td>Jarak Antar Tiang<\/td>\n <td>30\u201350 Meter<\/td>\n <\/tr>\n <\/table>\n \n <div class=\"category-header\">BAHAN<\/div>\n <table class=\"specs-table\">\n <tr>\n <td>Bahan Utama<\/td>\n <td>Plat Baja<\/td>\n <\/tr>\n <tr>\n <td>Tingkat Perlindungan<\/td>\n <td>IP66 (Tahan Air & Debu)<\/td>\n <\/tr>\n <tr>\n <td>Garansi<\/td>\n <td>1 Tahun<\/td>\n <\/tr>\n <\/table>\n <\/div>\n \n <div class=\"certification\">\n <h2>SPESIFIKASI & GARANSI<\/h2>\n <ul>\n <li>Bahan Utama: Plat Baja<\/li>\n <li>Tingkat Perlindungan IP66 (Tahan Air & Debu)<\/li>\n <li>Garansi 1 Tahun<\/li>\n <\/ul>\n <\/div>\n<\/body>\n<\/html>\n\n\n\n\n\n\n\n<!DOCTYPE html>\n<html lang=\"id\">\n<head>\n <meta charset=\"UTF-8\">\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n <title>Spesifikasi Lampu Jalan Tenaga Surya Terpadu 40W 12V<\/title>\n <style>\n * {\n box-sizing: border-box;\n margin: 0;\n padding: 0;\n }\n \n body {\n font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\n line-height: 1.6;\n color: #333;\n background-color: #f8f9fa;\n padding: 15px;\n max-width: 1000px;\n margin: 0 auto;\n }\n \n .title-section {\n text-align: center;\n margin-bottom: 30px;\n padding: 0 10px;\n }\n \n h3 {\n font-size: clamp(16px, 4vw, 20px);\n margin-bottom: 8px;\n font-weight: 600;\n line-height: 1.3;\n color: #2c3e50;\n }\n \n .subtitle {\n font-size: clamp(13px, 3.2vw, 16px);\n color: #666;\n line-height: 1.4;\n font-weight: 500;\n }\n \n .specs-section {\n background-color: white;\n border-radius: 8px;\n box-shadow: 0 2px 10px rgba(0,0,0,0.08);\n overflow: hidden;\n margin-bottom: 25px;\n }\n \n .category-header {\n background-color: #e8f4fc;\n color: #2c3e50;\n font-weight: 600;\n font-size: clamp(14px, 3.5vw, 17px);\n padding: 12px 15px;\n border-bottom: 1px solid #d1e7f7;\n }\n \n .specs-table {\n width: 100%;\n border-collapse: collapse;\n }\n \n .specs-table tr {\n border-bottom: 1px solid #eaeaea;\n }\n \n .specs-table tr:last-child {\n border-bottom: none;\n }\n \n .specs-table td {\n padding: 12px 15px;\n vertical-align: top;\n font-size: clamp(13px, 3.2vw, 15px);\n }\n \n .specs-table td:first-child {\n font-weight: 600;\n width: 40%;\n color: #2c3e50;\n border-right: 1px solid #eaeaea;\n }\n \n .certification {\n background-color: #f0f7ff;\n padding: 20px;\n border-radius: 8px;\n margin-top: 25px;\n }\n \n .certification h2 {\n color: #2c3e50;\n margin-bottom: 15px;\n font-size: clamp(16px, 4vw, 20px);\n border-bottom: 2px solid #3498db;\n padding-bottom: 6px;\n display: inline-block;\n }\n \n .certification ul {\n list-style-type: none;\n padding-left: 0;\n }\n \n .certification li {\n padding: 8px 0;\n border-bottom: 1px dashed #d1e7f7;\n position: relative;\n padding-left: 25px;\n font-size: clamp(13px, 3.2vw, 15px);\n }\n \n .certification li:before {\n content: \"\u2713\";\n color: #27ae60;\n font-weight: bold;\n position: absolute;\n left: 0;\n }\n \n .certification li:last-child {\n border-bottom: none;\n }\n \n \/* Responsive table untuk mobile *\/\n @media (max-width: 768px) {\n .specs-table td:first-child {\n width: 45%;\n }\n \n body {\n padding: 10px;\n }\n }\n \n @media (max-width: 480px) {\n .specs-table td {\n display: block;\n width: 100%;\n border-right: none;\n padding: 10px;\n }\n \n .specs-table td:first-child {\n width: 100%;\n background-color: #f8f9fa;\n border-bottom: none;\n padding-bottom: 5px;\n }\n \n .specs-table td:last-child {\n padding-top: 5px;\n padding-bottom: 12px;\n }\n \n .specs-table tr {\n border-bottom: 2px solid #eaeaea;\n }\n \n .category-header {\n padding: 10px 12px;\n }\n \n .title-section {\n margin-bottom: 20px;\n }\n }\n \n \/* Optimasi untuk layar sangat kecil *\/\n @media (max-width: 320px) {\n body {\n padding: 8px;\n }\n \n .specs-table td {\n padding: 8px;\n }\n \n .certification {\n padding: 15px;\n }\n }\n <\/style>\n<\/head>\n<body>\n <div class=\"title-section\">\n <h3>Lampu Jalan Tenaga Surya Terpadu 40W 12V<\/h3>\n <\/div>\n \n <div class=\"specs-section\">\n <div class=\"category-header\">SPESIFIKASI TEKNIS<\/div>\n <table class=\"specs-table\">\n <tr>\n <td>Daya LED<\/td>\n <td>40W 12V<\/td>\n <\/tr>\n <tr>\n <td>Jumlah LED<\/td>\n <td>144 Chip PHILIPS SMD 3030<\/td>\n <\/tr>\n <tr>\n <td>Kecerahan (Lumens)<\/td>\n <td>4000\u20135200 lumen<\/td>\n <\/tr>\n <tr>\n <td>Sudut Pencahayaan<\/td>\n <td>180 Derajat (Braket Dapat Disesuaikan)<\/td>\n <\/tr>\n <tr>\n <td>Suhu Warna (CCT)<\/td>\n <td>6500K<\/td>\n <\/tr>\n <tr>\n <td>Umur Pakai<\/td>\n <td>50.000 Jam<\/td>\n <\/tr>\n <\/table>\n \n <div class=\"category-header\">PANEL SURYA<\/div>\n <table class=\"specs-table\">\n <tr>\n <td>Jenis<\/td>\n <td>Mono-Crystalline Efisiensi Tinggi<\/td>\n <\/tr>\n <tr>\n <td>Daya Maksimum<\/td>\n <td>70WP 18V<\/td>\n <\/tr>\n <tr>\n <td>Umur Pakai<\/td>\n <td>25 Tahun<\/td>\n <\/tr>\n <\/table>\n \n <div class=\"category-header\">BATERAI<\/div>\n <table class=\"specs-table\">\n <tr>\n <td>Jenis<\/td>\n <td>Lithium LifePO4 12.8V<\/td>\n <\/tr>\n <tr>\n <td>Kapasitas<\/td>\n <td>30Ah 12.8V<\/td>\n <\/tr>\n <tr>\n <td>Umur Pakai<\/td>\n <td>3\u20135 Tahun<\/td>\n <\/tr>\n <\/table>\n \n <div class=\"category-header\">PENGISIAN DAYA<\/div>\n <table class=\"specs-table\">\n <tr>\n <td>Waktu Pengisian<\/td>\n <td>6\u20138 Jam<\/td>\n <\/tr>\n <tr>\n <td>Daya Tahan Saat Hujan<\/td>\n <td>3\u20135 Hari Hujan<\/td>\n <\/tr>\n <\/table>\n \n <div class=\"category-header\">KONDISI OPERASIONAL<\/div>\n <table class=\"specs-table\">\n <tr>\n <td>Suhu Operasional<\/td>\n <td>35\u201350\u00b0C<\/td>\n <\/tr>\n <tr>\n <td>Sensor<\/td>\n <td>Otomatis Menyala\/Mati Berdasarkan Cahaya<\/td>\n <\/tr>\n <tr>\n <td>Peredupan (Dimming)<\/td>\n <td>Dikendalikan oleh Waktu<\/td>\n <\/tr>\n <\/table>\n \n <div class=\"category-header\">PEMASANGAN<\/div>\n <table class=\"specs-table\">\n <tr>\n <td>Tinggi Tiang<\/td>\n <td>7 Meter<\/td>\n <\/tr>\n <tr>\n <td>Jarak Antar Tiang<\/td>\n <td>20\u201340 Meter<\/td>\n <\/tr>\n <\/table>\n \n <div class=\"category-header\">DETAIL PRODUK<\/div>\n <table class=\"specs-table\">\n <tr>\n <td>Berat Produk<\/td>\n <td>13 Kg<\/td>\n <\/tr>\n <tr>\n <td>Ukuran Produk<\/td>\n <td>108 \u00d7 36.8 \u00d7 5 cm<\/td>\n <\/tr>\n <tr>\n <td>Bahan Utama<\/td>\n <td>Aluminium Alloy IP66 (Tahan Air & Debu)<\/td>\n <\/tr>\n <\/table>\n <\/div>\n \n <div class=\"certification\">\n <h2>SERTIFIKASI & FITUR<\/h2>\n <ul>\n <li>Tahan Air IP66<\/li>\n <li>Bahan Utama: Aluminium Alloy<\/li>\n <li>Sensor Cahaya Otomatis<\/li>\n <li>Sistem Peredupan Berdasarkan Waktu<\/li>\n <\/ul>\n <\/div>\n<\/body>\n<\/html>\n\n\n\n\n\n\n\n<!DOCTYPE html>\n<html lang=\"id\">\n<head>\n <meta charset=\"UTF-8\">\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n <title>Spesifikasi Lampu Jalan Tenaga Surya Terpadu 40W 3V<\/title>\n <style>\n * {\n box-sizing: border-box;\n margin: 0;\n padding: 0;\n }\n \n body {\n font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\n line-height: 1.6;\n color: #333;\n background-color: #f8f9fa;\n padding: 15px;\n max-width: 1000px;\n margin: 0 auto;\n }\n \n .title-section {\n text-align: center;\n margin-bottom: 30px;\n padding: 0 10px;\n }\n \n h3 {\n font-size: clamp(16px, 4vw, 20px);\n margin-bottom: 8px;\n font-weight: 600;\n line-height: 1.3;\n color: #2c3e50;\n }\n \n .subtitle {\n font-size: clamp(13px, 3.2vw, 16px);\n color: #666;\n line-height: 1.4;\n font-weight: 500;\n }\n \n .specs-section {\n background-color: white;\n border-radius: 8px;\n box-shadow: 0 2px 10px rgba(0,0,0,0.08);\n overflow: hidden;\n margin-bottom: 25px;\n }\n \n .category-header {\n background-color: #e8f4fc;\n color: #2c3e50;\n font-weight: 600;\n font-size: clamp(14px, 3.5vw, 17px);\n padding: 12px 15px;\n border-bottom: 1px solid #d1e7f7;\n }\n \n .specs-table {\n width: 100%;\n border-collapse: collapse;\n }\n \n .specs-table tr {\n border-bottom: 1px solid #eaeaea;\n }\n \n .specs-table tr:last-child {\n border-bottom: none;\n }\n \n .specs-table td {\n padding: 12px 15px;\n vertical-align: top;\n font-size: clamp(13px, 3.2vw, 15px);\n }\n \n .specs-table td:first-child {\n font-weight: 600;\n width: 40%;\n color: #2c3e50;\n border-right: 1px solid #eaeaea;\n }\n \n .certification {\n background-color: #f0f7ff;\n padding: 20px;\n border-radius: 8px;\n margin-top: 25px;\n }\n \n .certification h2 {\n color: #2c3e50;\n margin-bottom: 15px;\n font-size: clamp(16px, 4vw, 20px);\n border-bottom: 2px solid #3498db;\n padding-bottom: 6px;\n display: inline-block;\n }\n \n .certification ul {\n list-style-type: none;\n padding-left: 0;\n }\n \n .certification li {\n padding: 8px 0;\n border-bottom: 1px dashed #d1e7f7;\n position: relative;\n padding-left: 25px;\n font-size: clamp(13px, 3.2vw, 15px);\n }\n \n .certification li:before {\n content: \"\u2713\";\n color: #27ae60;\n font-weight: bold;\n position: absolute;\n left: 0;\n }\n \n .certification li:last-child {\n border-bottom: none;\n }\n \n \/* Responsive table untuk mobile *\/\n @media (max-width: 768px) {\n .specs-table td:first-child {\n width: 45%;\n }\n \n body {\n padding: 10px;\n }\n }\n \n @media (max-width: 480px) {\n .specs-table td {\n display: block;\n width: 100%;\n border-right: none;\n padding: 10px;\n }\n \n .specs-table td:first-child {\n width: 100%;\n background-color: #f8f9fa;\n border-bottom: none;\n padding-bottom: 5px;\n }\n \n .specs-table td:last-child {\n padding-top: 5px;\n padding-bottom: 12px;\n }\n \n .specs-table tr {\n border-bottom: 2px solid #eaeaea;\n }\n \n .category-header {\n padding: 10px 12px;\n }\n \n .title-section {\n margin-bottom: 20px;\n }\n }\n \n \/* Optimasi untuk layar sangat kecil *\/\n @media (max-width: 320px) {\n body {\n padding: 8px;\n }\n \n .specs-table td {\n padding: 8px;\n }\n \n .certification {\n padding: 15px;\n }\n }\n <\/style>\n<\/head>\n<body>\n <div class=\"title-section\">\n <h3>Lampu Jalan Tenaga Surya Terpadu 40W 3V<\/h3>\n <\/div>\n \n <div class=\"specs-section\">\n <div class=\"category-header\">LAMPU<\/div>\n <table class=\"specs-table\">\n <tr>\n <td>Daya LED<\/td>\n <td>3.2V 40W DC<\/td>\n <\/tr>\n <tr>\n <td>Tipe LED<\/td>\n <td>Philips SMD3030<\/td>\n <\/tr>\n <tr>\n <td>Kecerahan (Lumens)<\/td>\n <td>4000\u20134800 lumen<\/td>\n <\/tr>\n <tr>\n <td>Sudut Pencahayaan<\/td>\n <td>120 Derajat<\/td>\n <\/tr>\n <tr>\n <td>Suhu Warna (CCT)<\/td>\n <td>6500K<\/td>\n <\/tr>\n <\/table>\n \n <div class=\"category-header\">PANEL SURYA<\/div>\n <table class=\"specs-table\">\n <tr>\n <td>Jenis Panel Surya<\/td>\n <td>Mono Crystalline<\/td>\n <\/tr>\n <tr>\n <td>Daya Maksimum (6V)<\/td>\n <td>75WP<\/td>\n <\/tr>\n <tr>\n <td>Umur Pakai<\/td>\n <td>25 Tahun<\/td>\n <\/tr>\n <\/table>\n \n <div class=\"category-header\">BATERAI<\/div>\n <table class=\"specs-table\">\n <tr>\n <td>Jenis Baterai<\/td>\n <td>Lithium LifePO4 3.2V<\/td>\n <\/tr>\n <tr>\n <td>Kapasitas<\/td>\n <td>36Ah Kelas A<\/td>\n <\/tr>\n <tr>\n <td>Umur Pakai<\/td>\n <td>2\u20133 Tahun<\/td>\n <\/tr>\n <\/table>\n \n <div class=\"category-header\">PENGENDALI<\/div>\n <table class=\"specs-table\">\n <tr>\n <td>Waktu Pengisian<\/td>\n <td>6\u20138 Jam<\/td>\n <\/tr>\n <tr>\n <td>Ketahanan<\/td>\n <td>Bertahan 1\u20132 Hari Hujan<\/td>\n <\/tr>\n <tr>\n <td>Suhu Operasional<\/td>\n <td>30\u201340\u00b0C<\/td>\n <\/tr>\n <tr>\n <td>Pengendali<\/td>\n <td>Terpasang di dalam sistem<\/td>\n <\/tr>\n <tr>\n <td>Sistem Kerja<\/td>\n <td>Sistem Peredupan Otomatis<\/td>\n <\/tr>\n <\/table>\n \n <div class=\"category-header\">REKOMENDASI PEMASANGAN<\/div>\n <table class=\"specs-table\">\n <tr>\n <td>Tinggi Tiang<\/td>\n <td>6\u20137 Meter<\/td>\n <\/tr>\n <tr>\n <td>Jarak Antar Tiang<\/td>\n <td>30\u201350 Meter<\/td>\n <\/tr>\n <\/table>\n \n <div class=\"category-header\">BAHAN<\/div>\n <table class=\"specs-table\">\n <tr>\n <td>Bahan Utama<\/td>\n <td>Pelat Baja<\/td>\n <\/tr>\n <tr>\n <td>Kelas Perlindungan<\/td>\n <td>IP66 (Tahan Air & Debu)<\/td>\n <\/tr>\n <tr>\n <td>Garansi<\/td>\n <td>1 Tahun<\/td>\n <\/tr>\n <\/table>\n <\/div>\n \n <div class=\"certification\">\n <h2>SPESIFIKASI & GARANSI<\/h2>\n <ul>\n <li>Bahan Utama: Pelat Baja<\/li>\n <li>Kelas Perlindungan IP66 (Tahan Air & Debu)<\/li>\n <li>Sistem Peredupan Otomatis<\/li>\n <li>Garansi 1 Tahun<\/li>\n <\/ul>\n <\/div>\n<\/body>\n<\/html>\n\n\n\n\n\n\n\n<!DOCTYPE html>\n<html lang=\"id\">\n<head>\n <meta charset=\"UTF-8\">\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n <title>Spesifikasi Lampu Jalan Tenaga Surya Terpadu 60W 12V<\/title>\n <style>\n * {\n box-sizing: border-box;\n margin: 0;\n padding: 0;\n }\n \n body {\n font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\n line-height: 1.6;\n color: #333;\n background-color: #f8f9fa;\n padding: 15px;\n max-width: 1000px;\n margin: 0 auto;\n }\n \n .title-section {\n text-align: center;\n margin-bottom: 30px;\n padding: 0 10px;\n }\n \n h3 {\n font-size: clamp(16px, 4vw, 20px);\n margin-bottom: 8px;\n font-weight: 600;\n line-height: 1.3;\n color: #2c3e50;\n }\n \n .subtitle {\n font-size: clamp(13px, 3.2vw, 16px);\n color: #666;\n line-height: 1.4;\n font-weight: 500;\n }\n \n .specs-section {\n background-color: white;\n border-radius: 8px;\n box-shadow: 0 2px 10px rgba(0,0,0,0.08);\n overflow: hidden;\n margin-bottom: 25px;\n }\n \n .category-header {\n background-color: #e8f4fc;\n color: #2c3e50;\n font-weight: 600;\n font-size: clamp(14px, 3.5vw, 17px);\n padding: 12px 15px;\n border-bottom: 1px solid #d1e7f7;\n }\n \n .specs-table {\n width: 100%;\n border-collapse: collapse;\n }\n \n .specs-table tr {\n border-bottom: 1px solid #eaeaea;\n }\n \n .specs-table tr:last-child {\n border-bottom: none;\n }\n \n .specs-table td {\n padding: 12px 15px;\n vertical-align: top;\n font-size: clamp(13px, 3.2vw, 15px);\n }\n \n .specs-table td:first-child {\n font-weight: 600;\n width: 40%;\n color: #2c3e50;\n border-right: 1px solid #eaeaea;\n }\n \n .certification {\n background-color: #f0f7ff;\n padding: 20px;\n border-radius: 8px;\n margin-top: 25px;\n }\n \n .certification h2 {\n color: #2c3e50;\n margin-bottom: 15px;\n font-size: clamp(16px, 4vw, 20px);\n border-bottom: 2px solid #3498db;\n padding-bottom: 6px;\n display: inline-block;\n }\n \n .certification ul {\n list-style-type: none;\n padding-left: 0;\n }\n \n .certification li {\n padding: 8px 0;\n border-bottom: 1px dashed #d1e7f7;\n position: relative;\n padding-left: 25px;\n font-size: clamp(13px, 3.2vw, 15px);\n }\n \n .certification li:before {\n content: \"\u2713\";\n color: #27ae60;\n font-weight: bold;\n position: absolute;\n left: 0;\n }\n \n .certification li:last-child {\n border-bottom: none;\n }\n \n \/* Responsive table untuk mobile *\/\n @media (max-width: 768px) {\n .specs-table td:first-child {\n width: 45%;\n }\n \n body {\n padding: 10px;\n }\n }\n \n @media (max-width: 480px) {\n .specs-table td {\n display: block;\n width: 100%;\n border-right: none;\n padding: 10px;\n }\n \n .specs-table td:first-child {\n width: 100%;\n background-color: #f8f9fa;\n border-bottom: none;\n padding-bottom: 5px;\n }\n \n .specs-table td:last-child {\n padding-top: 5px;\n padding-bottom: 12px;\n }\n \n .specs-table tr {\n border-bottom: 2px solid #eaeaea;\n }\n \n .category-header {\n padding: 10px 12px;\n }\n \n .title-section {\n margin-bottom: 20px;\n }\n }\n \n \/* Optimasi untuk layar sangat kecil *\/\n @media (max-width: 320px) {\n body {\n padding: 8px;\n }\n \n .specs-table td {\n padding: 8px;\n }\n \n .certification {\n padding: 15px;\n }\n }\n <\/style>\n<\/head>\n<body>\n <div class=\"title-section\">\n <h3>LAMPU JALAN TENAGA SURYA TERPADU 60W 12V<\/h3>\n <\/div>\n \n <div class=\"specs-section\">\n <div class=\"category-header\">SPESIFIKASI TEKNIS<\/div>\n <table class=\"specs-table\">\n <tr>\n <td>Daya Lampu LED<\/td>\n <td>60W 12V<\/td>\n <\/tr>\n <tr>\n <td>Jumlah LED<\/td>\n <td>192 chip Philips SMD 3030<\/td>\n <\/tr>\n <tr>\n <td>Kecerahan (Lumens)<\/td>\n <td>6000\u20137200 lumen<\/td>\n <\/tr>\n <tr>\n <td>Sudut Pencahayaan<\/td>\n <td>180 derajat (braket dapat disesuaikan)<\/td>\n <\/tr>\n <tr>\n <td>Suhu Warna<\/td>\n <td>6500K<\/td>\n <\/tr>\n <tr>\n <td>Umur Lampu<\/td>\n <td>50.000 jam<\/td>\n <\/tr>\n <\/table>\n \n <div class=\"category-header\">PANEL SURYA<\/div>\n <table class=\"specs-table\">\n <tr>\n <td>Jenis Panel Surya<\/td>\n <td>Mono Crystalline Efisiensi Tinggi<\/td>\n <\/tr>\n <tr>\n <td>Daya Maksimum<\/td>\n <td>100WP 18V<\/td>\n <\/tr>\n <tr>\n <td>Umur Pakai<\/td>\n <td>25 tahun<\/td>\n <\/tr>\n <\/table>\n \n <div class=\"category-header\">BATERAI<\/div>\n <table class=\"specs-table\">\n <tr>\n <td>Jenis Baterai<\/td>\n <td>Lithium LifePO4 12.8V<\/td>\n <\/tr>\n <tr>\n <td>Kapasitas<\/td>\n <td>48Ah 12.8V<\/td>\n <\/tr>\n <tr>\n <td>Umur Pakai<\/td>\n <td>3\u20135 tahun<\/td>\n <\/tr>\n <\/table>\n \n <div class=\"category-header\">PENGISIAN DAN DAYA TAHAN<\/div>\n <table class=\"specs-table\">\n <tr>\n <td>Waktu Pengisian<\/td>\n <td>6\u20138 jam<\/td>\n <\/tr>\n <tr>\n <td>Ketahanan Saat Hujan<\/td>\n <td>3\u20135 hari hujan<\/td>\n <\/tr>\n <\/table>\n \n <div class=\"category-header\">KINERJA<\/div>\n <table class=\"specs-table\">\n <tr>\n <td>Suhu Operasional<\/td>\n <td>35\u201350\u00b0C<\/td>\n <\/tr>\n <tr>\n <td>Sensor<\/td>\n <td>Otomatis menyala\/mati berdasarkan sensor cahaya<\/td>\n <\/tr>\n <tr>\n <td>Peredupan Cahaya<\/td>\n <td>Kontrol waktu<\/td>\n <\/tr>\n <\/table>\n \n <div class=\"category-header\">PEMASANGAN<\/div>\n <table class=\"specs-table\">\n <tr>\n <td>Tinggi Tiang<\/td>\n <td>7\u20138 meter<\/td>\n <\/tr>\n <tr>\n <td>Jarak Antar Tiang<\/td>\n <td>20\u201340 meter<\/td>\n <\/tr>\n <\/table>\n \n <div class=\"category-header\">SPESIFIKASI FISIK<\/div>\n <table class=\"specs-table\">\n <tr>\n <td>Berat Produk<\/td>\n <td>16 kg<\/td>\n <\/tr>\n <tr>\n <td>Ukuran Produk<\/td>\n <td>107 \u00d7 42.5 \u00d7 5 cm<\/td>\n <\/tr>\n <tr>\n <td>Bahan Utama<\/td>\n <td>Aluminium Alloy IP66<\/td>\n <\/tr>\n <\/table>\n <\/div>\n \n <div class=\"certification\">\n <h2>GARANSI DAN FITUR<\/h2>\n <ul>\n <li>Bahan Utama: Aluminium Alloy IP66<\/li>\n <li>Sensor Cahaya Otomatis<\/li>\n <li>Sistem Peredupan Berdasarkan Waktu<\/li>\n <li>Garansi 2 Tahun<\/li>\n <\/ul>\n <\/div>\n<\/body>\n<\/html>\n\n\n\n\n\n\n\n<!DOCTYPE html>\n<html lang=\"id\">\n<head>\n <meta charset=\"UTF-8\">\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n <title>Spesifikasi Lampu Jalan Tenaga Surya Terpadu 60W 3.2V<\/title>\n <style>\n * {\n box-sizing: border-box;\n margin: 0;\n padding: 0;\n }\n \n body {\n font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\n line-height: 1.6;\n color: #333;\n background-color: #f8f9fa;\n padding: 15px;\n max-width: 1000px;\n margin: 0 auto;\n }\n \n .title-section {\n text-align: center;\n margin-bottom: 30px;\n padding: 0 10px;\n }\n \n h3 {\n font-size: clamp(16px, 4vw, 20px);\n margin-bottom: 8px;\n font-weight: 600;\n line-height: 1.3;\n color: #2c3e50;\n }\n \n .subtitle {\n font-size: clamp(13px, 3.2vw, 16px);\n color: #666;\n line-height: 1.4;\n font-weight: 500;\n }\n \n .specs-section {\n background-color: white;\n border-radius: 8px;\n box-shadow: 0 2px 10px rgba(0,0,0,0.08);\n overflow: hidden;\n margin-bottom: 25px;\n }\n \n .category-header {\n background-color: #e8f4fc;\n color: #2c3e50;\n font-weight: 600;\n font-size: clamp(14px, 3.5vw, 17px);\n padding: 12px 15px;\n border-bottom: 1px solid #d1e7f7;\n }\n \n .specs-table {\n width: 100%;\n border-collapse: collapse;\n }\n \n .specs-table tr {\n border-bottom: 1px solid #eaeaea;\n }\n \n .specs-table tr:last-child {\n border-bottom: none;\n }\n \n .specs-table td {\n padding: 12px 15px;\n vertical-align: top;\n font-size: clamp(13px, 3.2vw, 15px);\n }\n \n .specs-table td:first-child {\n font-weight: 600;\n width: 40%;\n color: #2c3e50;\n border-right: 1px solid #eaeaea;\n }\n \n .certification {\n background-color: #f0f7ff;\n padding: 20px;\n border-radius: 8px;\n margin-top: 25px;\n }\n \n .certification h2 {\n color: #2c3e50;\n margin-bottom: 15px;\n font-size: clamp(16px, 4vw, 20px);\n border-bottom: 2px solid #3498db;\n padding-bottom: 6px;\n display: inline-block;\n }\n \n .certification ul {\n list-style-type: none;\n padding-left: 0;\n }\n \n .certification li {\n padding: 8px 0;\n border-bottom: 1px dashed #d1e7f7;\n position: relative;\n padding-left: 25px;\n font-size: clamp(13px, 3.2vw, 15px);\n }\n \n .certification li:before {\n content: \"\u2713\";\n color: #27ae60;\n font-weight: bold;\n position: absolute;\n left: 0;\n }\n \n .certification li:last-child {\n border-bottom: none;\n }\n \n \/* Responsive table untuk mobile *\/\n @media (max-width: 768px) {\n .specs-table td:first-child {\n width: 45%;\n }\n \n body {\n padding: 10px;\n }\n }\n \n @media (max-width: 480px) {\n .specs-table td {\n display: block;\n width: 100%;\n border-right: none;\n padding: 10px;\n }\n \n .specs-table td:first-child {\n width: 100%;\n background-color: #f8f9fa;\n border-bottom: none;\n padding-bottom: 5px;\n }\n \n .specs-table td:last-child {\n padding-top: 5px;\n padding-bottom: 12px;\n }\n \n .specs-table tr {\n border-bottom: 2px solid #eaeaea;\n }\n \n .category-header {\n padding: 10px 12px;\n }\n \n .title-section {\n margin-bottom: 20px;\n }\n }\n \n \/* Optimasi untuk layar sangat kecil *\/\n @media (max-width: 320px) {\n body {\n padding: 8px;\n }\n \n .specs-table td {\n padding: 8px;\n }\n \n .certification {\n padding: 15px;\n }\n }\n <\/style>\n<\/head>\n<body>\n <div class=\"title-section\">\n <h3>LAMPU JALAN TENAGA SURYA TERPADU 60W 3.2V<\/h3>\n <\/div>\n \n <div class=\"specs-section\">\n <div class=\"category-header\">SPESIFIKASI TEKNIS<\/div>\n <table class=\"specs-table\">\n <tr>\n <td>Daya Lampu LED<\/td>\n <td>60W 3.2V<\/td>\n <\/tr>\n <tr>\n <td>Jumlah LED<\/td>\n <td>144 chip Philips SMD 3030<\/td>\n <\/tr>\n <tr>\n <td>Kecerahan (Lumens)<\/td>\n <td>6000\u20137200 lumen<\/td>\n <\/tr>\n <tr>\n <td>Sudut Pencahayaan<\/td>\n <td>180 derajat (braket dapat disesuaikan)<\/td>\n <\/tr>\n <tr>\n <td>Suhu Warna<\/td>\n <td>6500K<\/td>\n <\/tr>\n <tr>\n <td>Umur Lampu<\/td>\n <td>50.000 jam<\/td>\n <\/tr>\n <\/table>\n \n <div class=\"category-header\">PANEL SURYA<\/div>\n <table class=\"specs-table\">\n <tr>\n <td>Jenis Panel Surya<\/td>\n <td>Mono Crystalline efisiensi tinggi<\/td>\n <\/tr>\n <tr>\n <td>Daya Maksimum<\/td>\n <td>75WP 6V<\/td>\n <\/tr>\n <tr>\n <td>Umur Pakai<\/td>\n <td>25 tahun<\/td>\n <\/tr>\n <\/table>\n \n <div class=\"category-header\">BATERAI<\/div>\n <table class=\"specs-table\">\n <tr>\n <td>Jenis Baterai<\/td>\n <td>Lithium LifePO4 3.2V<\/td>\n <\/tr>\n <tr>\n <td>Kapasitas<\/td>\n <td>60Ah 3.2V<\/td>\n <\/tr>\n <tr>\n <td>Umur Pakai<\/td>\n <td>3\u20135 tahun<\/td>\n <\/tr>\n <\/table>\n \n <div class=\"category-header\">PENGISIAN DAN DAYA TAHAN<\/div>\n <table class=\"specs-table\">\n <tr>\n <td>Waktu Pengisian<\/td>\n <td>6\u20138 jam<\/td>\n <\/tr>\n <tr>\n <td>Ketahanan Saat Hujan<\/td>\n <td>3\u20135 hari hujan<\/td>\n <\/tr>\n <\/table>\n \n <div class=\"category-header\">KINERJA<\/div>\n <table class=\"specs-table\">\n <tr>\n <td>Suhu Operasional<\/td>\n <td>35\u201350\u00b0C<\/td>\n <\/tr>\n <tr>\n <td>Sensor<\/td>\n <td>Menyala\/mati otomatis melalui sensor cahaya<\/td>\n <\/tr>\n <tr>\n <td>Peredupan Cahaya<\/td>\n <td>Kontrol waktu<\/td>\n <\/tr>\n <\/table>\n \n <div class=\"category-header\">PEMASANGAN<\/div>\n <table class=\"specs-table\">\n <tr>\n <td>Tinggi Tiang<\/td>\n <td>7 meter<\/td>\n <\/tr>\n <tr>\n <td>Jarak Antar Tiang<\/td>\n <td>20\u201340 meter<\/td>\n <\/tr>\n <\/table>\n \n <div class=\"category-header\">SPESIFIKASI FISIK<\/div>\n <table class=\"specs-table\">\n <tr>\n <td>Berat Produk<\/td>\n <td>11 kg<\/td>\n <\/tr>\n <tr>\n <td>Ukuran Produk<\/td>\n <td>86 \u00d7 36.8 \u00d7 5 cm<\/td>\n <\/tr>\n <tr>\n <td>Bahan Utama<\/td>\n <td>Aluminium Alloy IP66<\/td>\n <\/tr>\n <\/table>\n <\/div>\n \n <div class=\"certification\">\n <h2>GARANSI DAN FITUR<\/h2>\n <ul>\n <li>Bahan Utama: Aluminium Alloy IP66<\/li>\n <li>Sensor Cahaya Otomatis<\/li>\n <li>Sistem Peredupan Berdasarkan Waktu<\/li>\n <li>Garansi 1 Tahun<\/li>\n <\/ul>\n <\/div>\n<\/body>\n<\/html>\n\n\n\n\n\n\n\n<!DOCTYPE html>\n<html lang=\"id\">\n<head>\n <meta charset=\"UTF-8\">\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n <title>Spesifikasi Lampu Jalan Tenaga Surya Terpadu 80W 12V<\/title>\n <style>\n * {\n box-sizing: border-box;\n margin: 0;\n padding: 0;\n }\n \n body {\n font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\n line-height: 1.6;\n color: #333;\n background-color: #f8f9fa;\n padding: 15px;\n max-width: 1000px;\n margin: 0 auto;\n }\n \n .title-section {\n text-align: center;\n margin-bottom: 30px;\n padding: 0 10px;\n }\n \n h3 {\n font-size: clamp(16px, 4vw, 20px);\n margin-bottom: 8px;\n font-weight: 600;\n line-height: 1.3;\n color: #2c3e50;\n }\n \n .subtitle {\n font-size: clamp(13px, 3.2vw, 16px);\n color: #666;\n line-height: 1.4;\n font-weight: 500;\n }\n \n .specs-section {\n background-color: white;\n border-radius: 8px;\n box-shadow: 0 2px 10px rgba(0,0,0,0.08);\n overflow: hidden;\n margin-bottom: 25px;\n }\n \n .category-header {\n background-color: #e8f4fc;\n color: #2c3e50;\n font-weight: 600;\n font-size: clamp(14px, 3.5vw, 17px);\n padding: 12px 15px;\n border-bottom: 1px solid #d1e7f7;\n }\n \n .specs-table {\n width: 100%;\n border-collapse: collapse;\n }\n \n .specs-table tr {\n border-bottom: 1px solid #eaeaea;\n }\n \n .specs-table tr:last-child {\n border-bottom: none;\n }\n \n .specs-table td {\n padding: 12px 15px;\n vertical-align: top;\n font-size: clamp(13px, 3.2vw, 15px);\n }\n \n .specs-table td:first-child {\n font-weight: 600;\n width: 40%;\n color: #2c3e50;\n border-right: 1px solid #eaeaea;\n }\n \n .certification {\n background-color: #f0f7ff;\n padding: 20px;\n border-radius: 8px;\n margin-top: 25px;\n }\n \n .certification h2 {\n color: #2c3e50;\n margin-bottom: 15px;\n font-size: clamp(16px, 4vw, 20px);\n border-bottom: 2px solid #3498db;\n padding-bottom: 6px;\n display: inline-block;\n }\n \n .certification ul {\n list-style-type: none;\n padding-left: 0;\n }\n \n .certification li {\n padding: 8px 0;\n border-bottom: 1px dashed #d1e7f7;\n position: relative;\n padding-left: 25px;\n font-size: clamp(13px, 3.2vw, 15px);\n }\n \n .certification li:before {\n content: \"\u2713\";\n color: #27ae60;\n font-weight: bold;\n position: absolute;\n left: 0;\n }\n \n .certification li:last-child {\n border-bottom: none;\n }\n \n \/* Responsive table untuk mobile *\/\n @media (max-width: 768px) {\n .specs-table td:first-child {\n width: 45%;\n }\n \n body {\n padding: 10px;\n }\n }\n \n @media (max-width: 480px) {\n .specs-table td {\n display: block;\n width: 100%;\n border-right: none;\n padding: 10px;\n }\n \n .specs-table td:first-child {\n width: 100%;\n background-color: #f8f9fa;\n border-bottom: none;\n padding-bottom: 5px;\n }\n \n .specs-table td:last-child {\n padding-top: 5px;\n padding-bottom: 12px;\n }\n \n .specs-table tr {\n border-bottom: 2px solid #eaeaea;\n }\n \n .category-header {\n padding: 10px 12px;\n }\n \n .title-section {\n margin-bottom: 20px;\n }\n }\n \n \/* Optimasi untuk layar sangat kecil *\/\n @media (max-width: 320px) {\n body {\n padding: 8px;\n }\n \n .specs-table td {\n padding: 8px;\n }\n \n .certification {\n padding: 15px;\n }\n }\n <\/style>\n<\/head>\n<body>\n <div class=\"title-section\">\n <h3>LAMPU JALAN TENAGA SURYA TERPADU 80W 12V<\/h3>\n <\/div>\n \n <div class=\"specs-section\">\n <div class=\"category-header\">SPESIFIKASI TEKNIS<\/div>\n <table class=\"specs-table\">\n <tr>\n <td>Daya Lampu LED<\/td>\n <td>80W 12V<\/td>\n <\/tr>\n <tr>\n <td>Jumlah LED<\/td>\n <td>240 chip Philips SMD 3030<\/td>\n <\/tr>\n <tr>\n <td>Kecerahan (Lumens)<\/td>\n <td>8000\u20139600 lumen<\/td>\n <\/tr>\n <tr>\n <td>Sudut Pencahayaan<\/td>\n <td>180 derajat (braket dapat disesuaikan)<\/td>\n <\/tr>\n <tr>\n <td>Suhu Warna<\/td>\n <td>6500K<\/td>\n <\/tr>\n <tr>\n <td>Umur Lampu<\/td>\n <td>50.000 jam<\/td>\n <\/tr>\n <\/table>\n \n <div class=\"category-header\">PANEL SURYA<\/div>\n <table class=\"specs-table\">\n <tr>\n <td>Jenis Panel Surya<\/td>\n <td>Mono Crystalline efisiensi tinggi<\/td>\n <\/tr>\n <tr>\n <td>Daya Maksimum<\/td>\n <td>100WP 18V<\/td>\n <\/tr>\n <tr>\n <td>Umur Pakai<\/td>\n <td>25 tahun<\/td>\n <\/tr>\n <\/table>\n \n <div class=\"category-header\">BATERAI<\/div>\n <table class=\"specs-table\">\n <tr>\n <td>Jenis Baterai<\/td>\n <td>Lithium LifePO4 12.8V<\/td>\n <\/tr>\n <tr>\n <td>Kapasitas<\/td>\n <td>48Ah 12.8V<\/td>\n <\/tr>\n <tr>\n <td>Umur Pakai<\/td>\n <td>3\u20135 tahun<\/td>\n <\/tr>\n <\/table>\n \n <div class=\"category-header\">PENGISIAN DAN DAYA TAHAN<\/div>\n <table class=\"specs-table\">\n <tr>\n <td>Waktu Pengisian<\/td>\n <td>6\u20138 jam<\/td>\n <\/tr>\n <tr>\n <td>Ketahanan Saat Hujan<\/td>\n <td>3\u20135 hari hujan<\/td>\n <\/tr>\n <\/table>\n \n <div class=\"category-header\">KINERJA<\/div>\n <table class=\"specs-table\">\n <tr>\n <td>Suhu Operasional<\/td>\n <td>35\u201350\u00b0C<\/td>\n <\/tr>\n <tr>\n <td>Sensor<\/td>\n <td>Menyala\/mati otomatis dengan sensor cahaya<\/td>\n <\/tr>\n <tr>\n <td>Peredupan Cahaya<\/td>\n <td>Kontrol waktu<\/td>\n <\/tr>\n <\/table>\n \n <div class=\"category-header\">PEMASANGAN<\/div>\n <table class=\"specs-table\">\n <tr>\n <td>Tinggi Tiang<\/td>\n <td>7\u20138 meter<\/td>\n <\/tr>\n <tr>\n <td>Jarak Antar Tiang<\/td>\n <td>20\u201340 meter<\/td>\n <\/tr>\n <\/table>\n \n <div class=\"category-header\">SPESIFIKASI FISIK<\/div>\n <table class=\"specs-table\">\n <tr>\n <td>Berat Produk<\/td>\n <td>16 kg<\/td>\n <\/tr>\n <tr>\n <td>Ukuran Produk<\/td>\n <td>107 \u00d7 42.5 \u00d7 5 cm<\/td>\n <\/tr>\n <tr>\n <td>Bahan Utama<\/td>\n <td>Aluminium Alloy IP66<\/td>\n <\/tr>\n <\/table>\n <\/div>\n \n <div class=\"certification\">\n <h2>GARANSI DAN FITUR<\/h2>\n <ul>\n <li>Bahan Utama: Aluminium Alloy IP66<\/li>\n <li>Sensor Cahaya Otomatis<\/li>\n <li>Sistem Peredupan Berdasarkan Waktu<\/li>\n <li>Garansi 2 Tahun<\/li>\n <\/ul>\n <\/div>\n<\/body>\n<\/html>\n\n\n\n\n\n\n\n<!DOCTYPE html>\n<html lang=\"id\">\n<head>\n <meta charset=\"UTF-8\">\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n <title>Spesifikasi PJU Tenaga Surya All in One 80W 3V<\/title>\n <style>\n * {\n box-sizing: border-box;\n margin: 0;\n padding: 0;\n }\n \n body {\n font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\n line-height: 1.6;\n color: #333;\n background-color: #f8f9fa;\n padding: 15px;\n max-width: 1000px;\n margin: 0 auto;\n }\n \n .title-section {\n text-align: center;\n margin-bottom: 30px;\n padding: 0 10px;\n }\n \n h3 {\n font-size: clamp(16px, 4vw, 20px);\n margin-bottom: 8px;\n font-weight: 600;\n line-height: 1.3;\n color: #2c3e50;\n }\n \n .subtitle {\n font-size: clamp(13px, 3.2vw, 16px);\n color: #666;\n line-height: 1.4;\n font-weight: 500;\n }\n \n .specs-section {\n background-color: white;\n border-radius: 8px;\n box-shadow: 0 2px 10px rgba(0,0,0,0.08);\n overflow: hidden;\n margin-bottom: 25px;\n }\n \n .category-header {\n background-color: #e8f4fc;\n color: #2c3e50;\n font-weight: 600;\n font-size: clamp(14px, 3.5vw, 17px);\n padding: 12px 15px;\n border-bottom: 1px solid #d1e7f7;\n }\n \n .specs-table {\n width: 100%;\n border-collapse: collapse;\n }\n \n .specs-table tr {\n border-bottom: 1px solid #eaeaea;\n }\n \n .specs-table tr:last-child {\n border-bottom: none;\n }\n \n .specs-table td {\n padding: 12px 15px;\n vertical-align: top;\n font-size: clamp(13px, 3.2vw, 15px);\n }\n \n .specs-table td:first-child {\n font-weight: 600;\n width: 40%;\n color: #2c3e50;\n border-right: 1px solid #eaeaea;\n }\n \n .certification {\n background-color: #f0f7ff;\n padding: 20px;\n border-radius: 8px;\n margin-top: 25px;\n }\n \n .certification h2 {\n color: #2c3e50;\n margin-bottom: 15px;\n font-size: clamp(16px, 4vw, 20px);\n border-bottom: 2px solid #3498db;\n padding-bottom: 6px;\n display: inline-block;\n }\n \n .certification ul {\n list-style-type: none;\n padding-left: 0;\n }\n \n .certification li {\n padding: 8px 0;\n border-bottom: 1px dashed #d1e7f7;\n position: relative;\n padding-left: 25px;\n font-size: clamp(13px, 3.2vw, 15px);\n }\n \n .certification li:before {\n content: \"\u2713\";\n color: #27ae60;\n font-weight: bold;\n position: absolute;\n left: 0;\n }\n \n .certification li:last-child {\n border-bottom: none;\n }\n \n \/* Responsive table untuk mobile *\/\n @media (max-width: 768px) {\n .specs-table td:first-child {\n width: 45%;\n }\n \n body {\n padding: 10px;\n }\n }\n \n @media (max-width: 480px) {\n .specs-table td {\n display: block;\n width: 100%;\n border-right: none;\n padding: 10px;\n }\n \n .specs-table td:first-child {\n width: 100%;\n background-color: #f8f9fa;\n border-bottom: none;\n padding-bottom: 5px;\n }\n \n .specs-table td:last-child {\n padding-top: 5px;\n padding-bottom: 12px;\n }\n \n .specs-table tr {\n border-bottom: 2px solid #eaeaea;\n }\n \n .category-header {\n padding: 10px 12px;\n }\n \n .title-section {\n margin-bottom: 20px;\n }\n }\n \n \/* Optimasi untuk layar sangat kecil *\/\n @media (max-width: 320px) {\n body {\n padding: 8px;\n }\n \n .specs-table td {\n padding: 8px;\n }\n \n .certification {\n padding: 15px;\n }\n }\n <\/style>\n<\/head>\n<body>\n <div class=\"title-section\">\n <h3>PJU TENAGA SURYA<\/h3>\n <p class=\"subtitle\">All in One 80W 3V<\/p>\n <\/div>\n \n <div class=\"specs-section\">\n <div class=\"category-header\">LAMPU<\/div>\n <table class=\"specs-table\">\n <tr>\n <td>Daya LED<\/td>\n <td>3.2V 80W DC<\/td>\n <\/tr>\n <tr>\n <td>Tipe LED<\/td>\n <td>Philips SMD3030<\/td>\n <\/tr>\n <tr>\n <td>Kecerahan (Lumens)<\/td>\n <td>8000\u20139600 lm<\/td>\n <\/tr>\n <tr>\n <td>Sudut Pencahayaan<\/td>\n <td>120 derajat<\/td>\n <\/tr>\n <tr>\n <td>Suhu Warna (CCT)<\/td>\n <td>6500K<\/td>\n <\/tr>\n <\/table>\n \n <div class=\"category-header\">PANEL SURYA<\/div>\n <table class=\"specs-table\">\n <tr>\n <td>Jenis Panel<\/td>\n <td>Mono Crystalline<\/td>\n <\/tr>\n <tr>\n <td>Daya Maksimum (6V)<\/td>\n <td>130WP<\/td>\n <\/tr>\n <tr>\n <td>Umur Pakai<\/td>\n <td>25 tahun<\/td>\n <\/tr>\n <\/table>\n \n <div class=\"category-header\">BATERAI<\/div>\n <table class=\"specs-table\">\n <tr>\n <td>Jenis Baterai<\/td>\n <td>Lithium LifePO4 3.2V<\/td>\n <\/tr>\n <tr>\n <td>Kapasitas<\/td>\n <td>82Ah GRADE A<\/td>\n <\/tr>\n <tr>\n <td>Umur Pakai<\/td>\n <td>2\u20133 tahun<\/td>\n <\/tr>\n <\/table>\n \n <div class=\"category-header\">KONTROL & PENGISIAN<\/div>\n <table class=\"specs-table\">\n <tr>\n <td>Waktu Pengisian<\/td>\n <td>6\u20138 jam<\/td>\n <\/tr>\n <tr>\n <td>Ketahanan Saat Hujan<\/td>\n <td>1\u20132 hari hujan<\/td>\n <\/tr>\n <tr>\n <td>Suhu Operasional<\/td>\n <td>30\u201340\u00b0C<\/td>\n <\/tr>\n <tr>\n <td>Tipe Kontrol<\/td>\n <td>On-Board<\/td>\n <\/tr>\n <tr>\n <td>Sistem Kerja<\/td>\n <td>Kontrol Waktu & Sensor Cahaya, Sistem Peredupan<\/td>\n <\/tr>\n <\/table>\n \n <div class=\"category-header\">REKOMENDASI PEMASANGAN<\/div>\n <table class=\"specs-table\">\n <tr>\n <td>Tinggi Pemasangan<\/td>\n <td>6\u20137 meter<\/td>\n <\/tr>\n <tr>\n <td>Jarak Antar Tiang<\/td>\n <td>30\u201350 meter<\/td>\n <\/tr>\n <\/table>\n \n <div class=\"category-header\">MATERIAL<\/div>\n <table class=\"specs-table\">\n <tr>\n <td>Bahan Utama<\/td>\n <td>Pelat Baja<\/td>\n <\/tr>\n <tr>\n <td>Kelas Perlindungan<\/td>\n <td>IP66 (Tahan Air & Debu)<\/td>\n <\/tr>\n <tr>\n <td>Garansi<\/td>\n <td>1 Tahun<\/td>\n <\/tr>\n <\/table>\n <\/div>\n \n <div class=\"certification\">\n <h2>SPESIFIKASI & GARANSI<\/h2>\n <ul>\n <li>Bahan Utama: Pelat Baja<\/li>\n <li>Kelas Perlindungan IP66 (Tahan Air & Debu)<\/li>\n <li>Sistem Kontrol Waktu & Sensor Cahaya<\/li>\n <li>Sistem Peredupan Otomatis<\/li>\n <li>Garansi 1 Tahun<\/li>\n <\/ul>\n <\/div>\n<\/body>\n<\/html>\n\n\n\n\n\n\n\n<!DOCTYPE html>\n<html lang=\"id\">\n<head>\n <meta charset=\"UTF-8\">\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n <title>Spesifikasi Lampu Jalan Tenaga Surya 80W 3.2V<\/title>\n <style>\n \/* CSS AMAN untuk Pagelayer - hanya styling konten spesifikasi *\/\n .pagelayer-specs-container {\n max-width: 800px;\n margin: 30px auto;\n background: white;\n line-height: 1.6;\n padding: 20px;\n }\n \n .pagelayer-specs-title {\n text-align: center;\n margin-bottom: 30px;\n }\n \n .pagelayer-specs-title h3 {\n margin: 0 0 5px 0;\n font-size: 20px;\n color: #2c3e50;\n font-weight: bold;\n }\n \n .pagelayer-specs-title .subtitle {\n margin: 0;\n color: #666;\n font-size: 16px;\n }\n \n .pagelayer-specs-category {\n font-weight: bold;\n color: #2c3e50;\n margin: 25px 0 12px 0;\n padding-bottom: 8px;\n border-bottom: 2px solid #3498db;\n font-size: 16px;\n }\n \n .pagelayer-specs-table {\n width: 100%;\n border-collapse: collapse;\n margin-bottom: 15px;\n }\n \n .pagelayer-specs-table tr {\n border-bottom: 1px solid #e0e0e0;\n }\n \n .pagelayer-specs-table td {\n padding: 10px 8px;\n vertical-align: top;\n }\n \n .pagelayer-specs-table td:first-child {\n font-weight: bold;\n width: 40%;\n color: #2c3e50;\n }\n \n .pagelayer-specs-certification {\n margin-top: 35px;\n padding-top: 20px;\n border-top: 2px solid #3498db;\n }\n \n .pagelayer-specs-certification h4 {\n margin: 0 0 18px 0;\n color: #2c3e50;\n font-size: 18px;\n }\n \n .pagelayer-specs-certification ul {\n margin: 0;\n padding: 0;\n list-style: none;\n }\n \n .pagelayer-specs-certification li {\n padding: 8px 0;\n position: relative;\n padding-left: 25px;\n font-size: 15px;\n }\n \n .pagelayer-specs-certification li:before {\n content: \"\u2713\";\n color: #27ae60;\n font-weight: bold;\n position: absolute;\n left: 0;\n font-size: 16px;\n }\n \n \/* Responsive aman untuk Pagelayer *\/\n @media (max-width: 600px) {\n .pagelayer-specs-table td {\n display: block;\n width: 100%;\n padding: 8px 0;\n }\n \n .pagelayer-specs-table td:first-child {\n font-weight: bold;\n margin-top: 15px;\n padding-bottom: 2px;\n }\n \n .pagelayer-specs-table tr {\n border-bottom: 1px solid #e0e0e0;\n padding: 5px 0;\n }\n \n .pagelayer-specs-category {\n margin: 20px 0 10px 0;\n }\n }\n <\/style>\n<\/head>\n<body>\n \n \n \n \n <div class=\"pagelayer-specs-container\">\n <div class=\"pagelayer-specs-title\">\n <h3>LAMPU JALAN TENAGA SURYA 80W 3.2V<\/h3>\n <p class=\"subtitle\">All in One<\/p>\n <\/div>\n \n <div class=\"pagelayer-specs-category\">SPESIFIKASI LAMPU LED<\/div>\n <table class=\"pagelayer-specs-table\">\n <tr>\n <td>Daya LED<\/td>\n <td>80 Watt (3.2 Volt)<\/td>\n <\/tr>\n <tr>\n <td>Jumlah LED<\/td>\n <td>192 Chip Philips SMD 3030<\/td>\n <\/tr>\n <tr>\n <td>Kecerahan<\/td>\n <td>8000\u20139600 lumen<\/td>\n <\/tr>\n <tr>\n <td>Sudt Pencahayaan<\/td>\n <td>180 derajat (braket dapat disesuaikan)<\/td>\n <\/tr>\n <tr>\n <td>Suhu Warna<\/td>\n <td>6500 Kelvin (putih dingin)<\/td>\n <\/tr>\n <tr>\n <td>Umur Lampu<\/td>\n <td>50.000 jam<\/td>\n <\/tr>\n <\/table>\n \n <div class=\"pagelayer-specs-category\">PANEL SURYA<\/div>\n <table class=\"pagelayer-specs-table\">\n <tr>\n <td>Jenis Panel<\/td>\n <td>Monokristalin efisiensi tinggi<\/td>\n <\/tr>\n <tr>\n <td>Daya Maksimum<\/td>\n <td>100WP (6 Volt)<\/td>\n <\/tr>\n <tr>\n <td>Umur Pakai<\/td>\n <td>25 tahun<\/td>\n <\/tr>\n <\/table>\n \n <div class=\"pagelayer-specs-category\">BATERAI<\/div>\n <table class=\"pagelayer-specs-table\">\n <tr>\n <td>Jenis Baterai<\/td>\n <td>Lithium LifePO4 (3.2 Volt)<\/td>\n <\/tr>\n <tr>\n <td>Kapasitas<\/td>\n <td>72Ah<\/td>\n <\/tr>\n <tr>\n <td>Umur Pakai<\/td>\n <td>3\u20135 tahun<\/td>\n <\/tr>\n <\/table>\n \n \n \n <div class=\"pagelayer-specs-certification\">\n <h4>SERTIFIKASI & GARANSI<\/h4>\n <ul>\n <li>Tahan Air: Standar IP66<\/li>\n <li>Sertifikasi: ISO 9001<\/li>\n <li>Garansi: 1 Tahun<\/li>\n <\/ul>\n <\/div>\n <\/div>\n \n \n<\/body>\n<\/html>\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n<!DOCTYPE html>\n<html lang=\"id\">\n<head><meta charset=\"UTF-8\"><meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"><title>Jenis Panel Surya<\/title><style>\n *{box-sizing:border-box;margin:0;padding:0;font-family:'Segoe UI',Tahoma,Geneva,Verdana,sans-serif}\n body{background-color:#f5f7fa;color:#333;line-height:1.2;padding:2px}\n .container{max-width:1200px;margin:0 auto}\n header{text-align:center;margin-bottom:5px;padding:6px;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:white;border-radius:3px;box-shadow:0 1px 2px rgba(0,0,0,0.1)}\n h3{font-size:0.9rem;margin:0;font-weight:600}\n .desktop-table{display:block}\n .comparison-table{width:100%;border-collapse:collapse;background:white;border-radius:3px;overflow:hidden;box-shadow:0 1px 2px rgba(0,0,0,0.1);font-size:0.7rem}\n .comparison-table th{background-color:#2c3e50;color:white;padding:4px 3px;text-align:left;font-weight:600}\n .comparison-table td{padding:4px 3px;border-bottom:1px solid #e1e1e1;vertical-align:top}\n .comparison-table tr:nth-child(even){background-color:#f8f9fa}\n .mobile-cards{display:none}\n .panel-card{background:white;border-radius:3px;margin-bottom:4px;box-shadow:0 1px 2px rgba(0,0,0,0.1);overflow:hidden}\n .panel-header{background:#2c3e50;color:white;padding:6px;font-weight:bold;font-size:0.75rem;cursor:pointer;display:flex;justify-content:space-between;align-items:center}\n .panel-content{padding:0;max-height:0;overflow:hidden;transition:max-height 0.3s ease}\n .panel-content.active{padding:6px;max-height:1000px}\n .detail-row{display:flex;justify-content:space-between;margin-bottom:4px;padding-bottom:4px;border-bottom:1px solid #f0f0f0;font-size:0.7rem}\n .detail-label{font-weight:bold;color:#2c3e50;flex:1}\n .detail-value{flex:2;text-align:right}\n .efficiency{font-weight:bold;padding:1px 3px;border-radius:4px;font-size:0.6rem;display:inline-block}\n .efficiency-high{background:#e8f5e8;color:#2e7d32}\n .efficiency-medium{background:#fff3e0;color:#ef6c00}\n .efficiency-low{background:#ffebee;color:#c62828}\n .price-high{color:#c62828;font-weight:bold}\n .price-medium{color:#ef6c00;font-weight:bold}\n .price-low{color:#2e7d32;font-weight:bold}\n .performance-badge{display:inline-block;padding:1px 3px;border-radius:3px;font-size:0.55rem;font-weight:bold;margin:1px}\n .performance-excellent{background:#4caf50;color:white}\n .performance-good{background:#8bc34a;color:white}\n .performance-fair{background:#ffc107;color:black}\n .performance-poor{background:#ff9800;color:white}\n .toggle-icon{font-size:0.6rem;transition:transform 0.3s ease}\n .toggle-icon.active{transform:rotate(180deg)}\n @media (max-width:768px){.desktop-table{display:none}.mobile-cards{display:block}}\n @media (min-width:769px){.mobile-cards{display:none}.desktop-table{display:block}}\n <\/style><\/head>\n<body>\n <div class=\"container\">\n <header><h3>Jenis Panel Surya<\/h3><\/header>\n <div class=\"desktop-table\">\n <table class=\"comparison-table\">\n <thead><tr><th>Jenis Panel Surya<\/th><th>Efisiensi (%)<\/th><th>Perkiraan Harga<\/th><th>Aplikasi Umum<\/th><th>Kinerja di Kondisi Khusus<\/th><th>Kelebihan<\/th><th>Kekurangan<\/th><\/tr><\/thead>\n <tbody>\n <tr><td><strong>Monokristalin<\/strong><\/td><td><span class=\"efficiency efficiency-high\">18% – 23%<\/span><\/td><td><span class=\"price-high\">Tinggi<\/span><\/td><td>Atap rumah & perkantoran<\/td><td><span class=\"performance-badge performance-good\">Hujan: BAIK<\/span><br><span class=\"performance-badge performance-fair\">Panas: CUKUP<\/span><\/td><td>Efisiensi tertinggi, tahan lama<\/td><td>Harga paling mahal<\/td><\/tr>\n <tr><td><strong>Polikristalin<\/strong><\/td><td><span class=\"efficiency efficiency-medium\">15% – 18%<\/span><\/td><td><span class=\"price-medium\">Sedang<\/span><\/td><td>PLTS industri, lahan kosong<\/td><td><span class=\"performance-badge performance-fair\">Hujan: CUKUP<\/span><br><span class=\"performance-badge performance-poor\">Panas: KURANG<\/span><\/td><td>Harga ekonomis<\/td><td>Butuh area luas<\/td><\/tr>\n <tr><td><strong>Thin-Film<\/strong><\/td><td><span class=\"efficiency efficiency-low\">10% – 13%<\/span><\/td><td><span class=\"price-low\">Terjangkau<\/span><\/td><td>Atap gedung besar, permukaan lengkung<\/td><td><span class=\"performance-badge performance-excellent\">Hujan: SANGAT BAIK<\/span><br><span class=\"performance-badge performance-good\">Panas: BAIK<\/span><\/td><td>Fleksibel, performa stabil<\/td><td>Efisiensi rendah<\/td><\/tr>\n <tr><td><strong>Amorphous Silicon<\/strong><\/td><td><span class=\"efficiency efficiency-low\">6% – 10%<\/span><\/td><td><span class=\"price-low\">Sangat Murah<\/span><\/td><td>PJU, perangkat kecil<\/td><td><span class=\"performance-badge performance-excellent\">Hujan: SANGAT BAIK<\/span><br><span class=\"performance-badge performance-good\">Panas: BAIK<\/span><\/td><td>Tahan naungan parsial<\/td><td>Efisiensi sangat rendah<\/td><\/tr>\n <tr><td><strong>PERC<\/strong><\/td><td><span class=\"efficiency efficiency-high\">20% – 24%<\/span><\/td><td><span class=\"price-high\">Tinggi<\/span><\/td><td>Instalasi rumah & industri modern<\/td><td><span class=\"performance-badge performance-good\">Hujan: BAIK<\/span><br><span class=\"performance-badge performance-good\">Panas: BAIK<\/span><\/td><td>Efisiensi sangat tinggi<\/td><td>Lebih mahal<\/td><\/tr>\n <tr><td><strong>Bifacial<\/strong><\/td><td><span class=\"efficiency efficiency-high\">22% – 25%<\/span><\/td><td><span class=\"price-high\">Sangat Tinggi<\/span><\/td><td>PLTS skala utilitas<\/td><td><span class=\"performance-badge performance-fair\">Hujan: CUKUP<\/span><br><span class=\"performance-badge performance-excellent\">Salju: SANGAT BAIK<\/span><\/td><td>Output daya tinggi<\/td><td>Biaya sangat tinggi<\/td><\/tr>\n <tr><td><strong>BIPV<\/strong><\/td><td><span class=\"efficiency efficiency-medium\">12% – 18%<\/span><\/td><td><span class=\"price-high\">Sangat Tinggi<\/span><\/td><td>Genteng surya, fasad gedung<\/td><td><span class=\"performance-badge performance-fair\">Hujan: BERVARIASI<\/span><br><span class=\"performance-badge performance-good\">Angin: BAIK<\/span><\/td><td>Estetika, fungsi ganda<\/td><td>Harga tertinggi<\/td><\/tr>\n <\/tbody>\n <\/table>\n <\/div>\n <div class=\"mobile-cards\">\n <div class=\"panel-card\"><div class=\"panel-header\" onclick=\"togglePanel(this)\">Monokristalin (Mono-Si)<span class=\"toggle-icon\">\u25bc<\/span><\/div><div class=\"panel-content\"><div class=\"detail-row\"><span class=\"detail-label\">Efisiensi:<\/span><span class=\"detail-value\"><span class=\"efficiency efficiency-high\">18% – 23%<\/span><\/span><\/div><div class=\"detail-row\"><span class=\"detail-label\">Harga:<\/span><span class=\"detail-value\"><span class=\"price-high\">Tinggi<\/span><\/span><\/div><div class=\"detail-row\"><span class=\"detail-label\">Aplikasi:<\/span><span class=\"detail-value\">Atap rumah & perkantoran<\/span><\/div><div class=\"detail-row\"><span class=\"detail-label\">Kinerja Khusus:<\/span><span class=\"detail-value\"><span class=\"performance-badge performance-good\">Hujan: BAIK<\/span><span class=\"performance-badge performance-fair\">Panas: CUKUP<\/span><\/span><\/div><div class=\"detail-row\"><span class=\"detail-label\">Kelebihan:<\/span><span class=\"detail-value\">Efisiensi tertinggi, tahan lama<\/span><\/div><div class=\"detail-row\"><span class=\"detail-label\">Kekurangan:<\/span><span class=\"detail-value\">Harga paling mahal<\/span><\/div><\/div><\/div>\n <div class=\"panel-card\"><div class=\"panel-header\" onclick=\"togglePanel(this)\">Polikristalin (Poly-Si)<span class=\"toggle-icon\">\u25bc<\/span><\/div><div class=\"panel-content\"><div class=\"detail-row\"><span class=\"detail-label\">Efisiensi:<\/span><span class=\"detail-value\"><span class=\"efficiency efficiency-medium\">15% – 18%<\/span><\/span><\/div><div class=\"detail-row\"><span class=\"detail-label\">Harga:<\/span><span class=\"detail-value\"><span class=\"price-medium\">Sedang<\/span><\/span><\/div><div class=\"detail-row\"><span class=\"detail-label\">Aplikasi:<\/span><span class=\"detail-value\">PLTS industri, lahan kosong<\/span><\/div><div class=\"detail-row\"><span class=\"detail-label\">Kinerja Khusus:<\/span><span class=\"detail-value\"><span class=\"performance-badge performance-fair\">Hujan: CUKUP<\/span><span class=\"performance-badge performance-poor\">Panas: KURANG<\/span><\/span><\/div><div class=\"detail-row\"><span class=\"detail-label\">Kelebihan:<\/span><span class=\"detail-value\">Harga ekonomis<\/span><\/div><div class=\"detail-row\"><span class=\"detail-label\">Kekurangan:<\/span><span class=\"detail-value\">Butuh area luas<\/span><\/div><\/div><\/div>\n <div class=\"panel-card\"><div class=\"panel-header\" onclick=\"togglePanel(this)\">Thin-Film<span class=\"toggle-icon\">\u25bc<\/span><\/div><div class=\"panel-content\"><div class=\"detail-row\"><span class=\"detail-label\">Efisiensi:<\/span><span class=\"detail-value\"><span class=\"efficiency efficiency-low\">10% – 13%<\/span><\/span><\/div><div class=\"detail-row\"><span class=\"detail-label\">Harga:<\/span><span class=\"detail-value\"><span class=\"price-low\">Terjangkau<\/span><\/span><\/div><div class=\"detail-row\"><span class=\"detail-label\">Aplikasi:<\/span><span class=\"detail-value\">Atap gedung besar, permukaan lengkung<\/span><\/div><div class=\"detail-row\"><span class=\"detail-label\">Kinerja Khusus:<\/span><span class=\"detail-value\"><span class=\"performance-badge performance-excellent\">Hujan: SANGAT BAIK<\/span><span class=\"performance-badge performance-good\">Panas: BAIK<\/span><\/span><\/div><div class=\"detail-row\"><span class=\"detail-label\">Kelebihan:<\/span><span class=\"detail-value\">Fleksibel, performa stabil<\/span><\/div><div class=\"detail-row\"><span class=\"detail-label\">Kekurangan:<\/span><span class=\"detail-value\">Efisiensi rendah<\/span><\/div><\/div><\/div>\n <div class=\"panel-card\"><div class=\"panel-header\" onclick=\"togglePanel(this)\">Amorphous Silicon (a-Si)<span class=\"toggle-icon\">\u25bc<\/span><\/div><div class=\"panel-content\"><div class=\"detail-row\"><span class=\"detail-label\">Efisiensi:<\/span><span class=\"detail-value\"><span class=\"efficiency efficiency-low\">6% – 10%<\/span><\/span><\/div><div class=\"detail-row\"><span class=\"detail-label\">Harga:<\/span><span class=\"detail-value\"><span class=\"price-low\">Sangat Murah<\/span><\/span><\/div><div class=\"detail-row\"><span class=\"detail-label\">Aplikasi:<\/span><span class=\"detail-value\">PJU, perangkat kecil<\/span><\/div><div class=\"detail-row\"><span class=\"detail-label\">Kinerja Khusus:<\/span><span class=\"detail-value\"><span class=\"performance-badge performance-excellent\">Hujan: SANGAT BAIK<\/span><span class=\"performance-badge performance-good\">Panas: BAIK<\/span><\/span><\/div><div class=\"detail-row\"><span class=\"detail-label\">Kelebihan:<\/span><span class=\"detail-value\">Tahan naungan parsial<\/span><\/div><div class=\"detail-row\"><span class=\"detail-label\">Kekurangan:<\/span><span class=\"detail-value\">Efisiensi sangat rendah<\/span><\/div><\/div><\/div>\n <div class=\"panel-card\"><div class=\"panel-header\" onclick=\"togglePanel(this)\">PERC<span class=\"toggle-icon\">\u25bc<\/span><\/div><div class=\"panel-content\"><div class=\"detail-row\"><span class=\"detail-label\">Efisiensi:<\/span><span class=\"detail-value\"><span class=\"efficiency efficiency-high\">20% – 24%<\/span><\/span><\/div><div class=\"detail-row\"><span class=\"detail-label\">Harga:<\/span><span class=\"detail-value\"><span class=\"price-high\">Tinggi<\/span><\/span><\/div><div class=\"detail-row\"><span class=\"detail-label\">Aplikasi:<\/span><span class=\"detail-value\">Instalasi rumah & industri modern<\/span><\/div><div class=\"detail-row\"><span class=\"detail-label\">Kinerja Khusus:<\/span><span class=\"detail-value\"><span class=\"performance-badge performance-good\">Hujan: BAIK<\/span><span class=\"performance-badge performance-good\">Panas: BAIK<\/span><\/span><\/div><div class=\"detail-row\"><span class=\"detail-label\">Kelebihan:<\/span><span class=\"detail-value\">Efisiensi sangat tinggi<\/span><\/div><div class=\"detail-row\"><span class=\"detail-label\">Kekurangan:<\/span><span class=\"detail-value\">Lebih mahal<\/span><\/div><\/div><\/div>\n <div class=\"panel-card\"><div class=\"panel-header\" onclick=\"togglePanel(this)\">Bifacial<span class=\"toggle-icon\">\u25bc<\/span><\/div><div class=\"panel-content\"><div class=\"detail-row\"><span class=\"detail-label\">Efisiensi:<\/span><span class=\"detail-value\"><span class=\"efficiency efficiency-high\">22% – 25%<\/span><\/span><\/div><div class=\"detail-row\"><span class=\"detail-label\">Harga:<\/span><span class=\"detail-value\"><span class=\"price-high\">Sangat Tinggi<\/span><\/span><\/div><div class=\"detail-row\"><span class=\"detail-label\">Aplikasi:<\/span><span class=\"detail-value\">PLTS skala utilitas<\/span><\/div><div class=\"detail-row\"><span class=\"detail-label\">Kinerja Khusus:<\/span><span class=\"detail-value\"><span class=\"performance-badge performance-fair\">Hujan: CUKUP<\/span><span class=\"performance-badge performance-excellent\">Salju: SANGAT BAIK<\/span><\/span><\/div><div class=\"detail-row\"><span class=\"detail-label\">Kelebihan:<\/span><span class=\"detail-value\">Output daya tinggi<\/span><\/div><div class=\"detail-row\"><span class=\"detail-label\">Kekurangan:<\/span><span class=\"detail-value\">Biaya sangat tinggi<\/span><\/div><\/div><\/div>\n <div class=\"panel-card\"><div class=\"panel-header\" onclick=\"togglePanel(this)\">BIPV<span class=\"toggle-icon\">\u25bc<\/span><\/div><div class=\"panel-content\"><div class=\"detail-row\"><span class=\"detail-label\">Efisiensi:<\/span><span class=\"detail-value\"><span class=\"efficiency efficiency-medium\">12% – 18%<\/span><\/span><\/div><div class=\"detail-row\"><span class=\"detail-label\">Harga:<\/span><span class=\"detail-value\"><span class=\"price-high\">Sangat Tinggi<\/span><\/span><\/div><div class=\"detail-row\"><span class=\"detail-label\">Aplikasi:<\/span><span class=\"detail-value\">Genteng surya, fasad gedung<\/span><\/div><div class=\"detail-row\"><span class=\"detail-label\">Kinerja Khusus:<\/span><span class=\"detail-value\"><span class=\"performance-badge performance-fair\">Hujan: BERVARIASI<\/span><span class=\"performance-badge performance-good\">Angin: BAIK<\/span><\/span><\/div><div class=\"detail-row\"><span class=\"detail-label\">Kelebihan:<\/span><span class=\"detail-value\">Estetika, fungsi ganda<\/span><\/div><div class=\"detail-row\"><span class=\"detail-label\">Kekurangan:<\/span><span class=\"detail-value\">Harga tertinggi<\/span><\/div><\/div><\/div>\n <\/div>\n <\/div>\n <script>\n function togglePanel(header){const content=header.nextElementSibling;const icon=header.querySelector('.toggle-icon');content.classList.toggle('active');icon.classList.toggle('active')}\n document.addEventListener('DOMContentLoaded',function(){if(window.innerWidth<=768){const firstPanel=document.querySelector('.panel-content');if(firstPanel){firstPanel.classList.add('active');firstPanel.previousElementSibling.querySelector('.toggle-icon').classList.add('active')}}});\n <\/script>\n<\/body>\n<\/html>\n\n\n\n\n\n\n\n\n<!DOCTYPE html>\n<html lang=\"id\">\n<head>\n <meta charset=\"UTF-8\">\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n <title>Sistem Tenaga Surya<\/title>\n <style>\n * {\n box-sizing: border-box;\n margin: 0;\n padding: 0;\n font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\n }\n\n body {\n background-color: #f5f7fa;\n color: #333;\n line-height: 1.6;\n padding: 20px;\n min-height: 100vh;\n }\n\n .container {\n max-width: 1200px;\n margin: 0 auto;\n }\n\n header {\n text-align: center;\n margin-bottom: 30px;\n padding: 30px;\n background: white;\n border-radius: 15px;\n box-shadow: 0 5px 15px rgba(0,0,0,0.1);\n }\n\n h1 {\n font-size: 2.5rem;\n margin-bottom: 10px;\n color: #2c3e50;\n }\n\n .subtitle {\n font-size: 1.2rem;\n color: #666;\n }\n\n .calculator-section {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 30px;\n margin-bottom: 30px;\n }\n\n @media (max-width: 768px) {\n .calculator-section {\n grid-template-columns: 1fr;\n }\n }\n\n .input-section, .result-section {\n background: white;\n padding: 30px;\n border-radius: 15px;\n box-shadow: 0 5px 15px rgba(0,0,0,0.1);\n }\n\n .form-group {\n margin-bottom: 20px;\n }\n\n label {\n display: block;\n margin-bottom: 8px;\n font-weight: 600;\n color: #2c3e50;\n }\n\n input, select {\n width: 100%;\n padding: 12px;\n border: 2px solid #e1e1e1;\n border-radius: 8px;\n font-size: 1rem;\n transition: border-color 0.3s ease;\n }\n\n input:focus, select:focus {\n outline: none;\n border-color: #667eea;\n }\n\n .required::after {\n content: \" *\";\n color: red;\n }\n\n .radio-group {\n display: flex;\n gap: 20px;\n margin-top: 10px;\n }\n\n .radio-option {\n display: flex;\n align-items: center;\n }\n\n .radio-option input {\n width: auto;\n margin-right: 8px;\n }\n\n .calculate-btn {\n background: #667eea;\n color: white;\n border: none;\n padding: 15px 30px;\n border-radius: 8px;\n font-size: 1.1rem;\n font-weight: 600;\n cursor: pointer;\n width: 100%;\n transition: background-color 0.3s ease;\n margin-top: 20px;\n }\n\n .calculate-btn:hover {\n background: #5a6fd8;\n }\n\n .action-buttons {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 10px;\n margin-top: 10px;\n }\n\n .pdf-btn {\n background: #e74c3c;\n color: white;\n border: none;\n padding: 15px 20px;\n border-radius: 8px;\n font-size: 1rem;\n font-weight: 600;\n cursor: pointer;\n transition: background-color 0.3s ease;\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 8px;\n }\n\n .pdf-btn:hover {\n background: #c0392b;\n }\n\n .whatsapp-btn {\n background: #25D366;\n color: white;\n border: none;\n padding: 15px 20px;\n border-radius: 8px;\n font-size: 1rem;\n font-weight: 600;\n cursor: pointer;\n transition: background-color 0.3s ease;\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 8px;\n }\n\n .whatsapp-btn:hover {\n background: #20b858;\n }\n\n .pdf-btn i, .whatsapp-btn i {\n font-size: 1.2rem;\n }\n\n .result-card {\n background: #f8f9fa;\n padding: 20px;\n border-radius: 10px;\n margin-bottom: 15px;\n border-left: 4px solid #667eea;\n }\n\n .result-value {\n font-size: 1.5rem;\n font-weight: bold;\n color: #2c3e50;\n margin: 10px 0;\n }\n\n .result-detail {\n color: #666;\n font-size: 0.9rem;\n }\n\n .recommendation {\n background: #e3f2fd;\n padding: 20px;\n border-radius: 10px;\n margin-top: 20px;\n }\n\n footer {\n text-align: center;\n padding: 20px;\n color: #666;\n margin-top: 30px;\n }\n\n .warning {\n background: #fff3cd;\n border: 1px solid #ffeaa7;\n color: #856404;\n padding: 15px;\n border-radius: 8px;\n margin: 15px 0;\n }\n\n .hidden {\n display: none;\n }\n\n .pju-details {\n background: #f8f9fa;\n padding: 15px;\n border-radius: 8px;\n margin-top: 10px;\n border-left: 3px solid #667eea;\n }\n\n .pju-result {\n background: #e8f5e9;\n border-left: 4px solid #4caf50;\n }\n \n \/* Style untuk validasi *\/\n .error {\n border-color: #e74c3c !important;\n background-color: #fdf2f2;\n }\n \n .error-message {\n color: #e74c3c;\n font-size: 0.85rem;\n margin-top: 5px;\n display: block;\n }\n <\/style>\n \n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\n \n <script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/jspdf\/2.5.1\/jspdf.umd.min.js\"><\/script>\n <script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/html2canvas\/1.4.1\/html2canvas.min.js\"><\/script>\n<\/head>\n<body>\n <div class=\"container\">\n <header>\n <h1>\u26a1 Sistem Tenaga Surya<\/h1>\n <p class=\"subtitle\">Perhitungan kebutuhan sistem tenaga surya untuk instalasi Anda<\/p>\n <\/header>\n\n <div class=\"calculator-section\">\n <div class=\"input-section\">\n <h2>Data Pribadi<\/h2>\n <div class=\"form-group\" id=\"namaGroup\">\n <label for=\"nama\" class=\"required\">Nama<\/label>\n <input type=\"text\" id=\"nama\" placeholder=\"Masukkan nama lengkap\" required>\n <span class=\"error-message\" id=\"namaError\"><\/span>\n <\/div>\n\n <div class=\"form-group\" id=\"kotaGroup\">\n <label for=\"kota\" class=\"required\">Kota<\/label>\n <input type=\"text\" id=\"kota\" placeholder=\"Masukkan kota tempat tinggal\" required>\n <span class=\"error-message\" id=\"kotaError\"><\/span>\n <\/div>\n\n <div class=\"form-group\" id=\"whatsappGroup\">\n <label for=\"whatsapp\" class=\"required\">WhatsApp<\/label>\n <input type=\"tel\" id=\"whatsapp\" placeholder=\"Contoh: 08123456789\" required>\n <span class=\"error-message\" id=\"whatsappError\"><\/span>\n <\/div>\n\n <div class=\"form-group\" id=\"emailGroup\">\n <label for=\"email\" class=\"required\">Email<\/label>\n <input type=\"email\" id=\"email\" placeholder=\"Contoh: nama@email.com\" required>\n <span class=\"error-message\" id=\"emailError\"><\/span>\n <\/div>\n\n <h2>Data Input<\/h2>\n \n <div class=\"form-group\">\n <label for=\"installationType\">Jenis Instalasi<\/label>\n <div class=\"radio-group\">\n <div class=\"radio-option\">\n <input type=\"radio\" id=\"pju\" name=\"installationType\" value=\"pju\" onchange=\"togglePJUForm()\">\n <label for=\"pju\">Lampu Penerangan Jalan Umum (PJU)<\/label>\n <\/div>\n <div class=\"radio-option\">\n <input type=\"radio\" id=\"listrikUtama\" name=\"installationType\" value=\"listrikUtama\" checked onchange=\"togglePJUForm()\">\n <label for=\"listrikUtama\">Listrik Utama<\/label>\n <\/div>\n <\/div>\n <\/div>\n\n <div id=\"pjuForm\" class=\"pju-details hidden\">\n <h3>Detail Lampu PJU<\/h3>\n <div class=\"form-group\">\n <label for=\"tinggiTower\">Tinggi Tower<\/label>\n <select id=\"tinggiTower\" onchange=\"checkCustomOption(this, 'customTinggiTower')\">\n <option value=\"7\">7 Meter<\/option>\n <option value=\"8\">8 Meter<\/option>\n <option value=\"9\">9 Meter<\/option>\n <option value=\"custom\">Custom (Input Manual)<\/option>\n <\/select>\n <input type=\"number\" id=\"customTinggiTower\" class=\"hidden\" placeholder=\"Masukkan tinggi tower (meter)\" min=\"1\">\n <\/div>\n\n <div class=\"form-group\">\n <label for=\"pancaranCahaya\">Pancaran Cahaya<\/label>\n <select id=\"pancaranCahaya\" onchange=\"checkCustomOption(this, 'customPancaranCahaya')\">\n <option value=\"100\">100 Derajat<\/option>\n <option value=\"120\">120 Derajat<\/option>\n <option value=\"custom\">Custom (Input Manual)<\/option>\n <\/select>\n <input type=\"number\" id=\"customPancaranCahaya\" class=\"hidden\" placeholder=\"Masukkan pancaran cahaya (derajat)\" min=\"1\" max=\"360\">\n <\/div>\n\n <div class=\"form-group\" id=\"jumlahLampuGroup\">\n <label for=\"jumlahLampu\" class=\"required\">Jumlah Lampu<\/label>\n <input type=\"number\" id=\"jumlahLampu\" placeholder=\"Contoh: 10\" value=\"1\" min=\"1\" required>\n <span class=\"error-message\" id=\"jumlahLampuError\"><\/span>\n <\/div>\n\n <div class=\"form-group\" id=\"dayaLampuGroup\">\n <label for=\"dayaLampu\" class=\"required\">Daya per Lampu (Watt)<\/label>\n <input type=\"number\" id=\"dayaLampu\" placeholder=\"Contoh: 30\" value=\"30\" min=\"1\" required>\n <span class=\"error-message\" id=\"dayaLampuError\"><\/span>\n <\/div>\n <\/div>\n\n <div id=\"standardForm\">\n <div class=\"form-group\" id=\"powerNeedGroup\">\n <label for=\"powerNeed\" class=\"required\">Kebutuhan Daya Listrik (Watt)<\/label>\n <input type=\"number\" id=\"powerNeed\" placeholder=\"Contoh: 500\" value=\"500\" min=\"1\" required>\n <span class=\"error-message\" id=\"powerNeedError\"><\/span>\n <\/div>\n\n <div class=\"form-group\" id=\"usageHoursGroup\">\n <label for=\"usageHours\" class=\"required\">Jam Penggunaan per Hari (jam)<\/label>\n <input type=\"number\" id=\"usageHours\" placeholder=\"Contoh: 8\" value=\"8\" min=\"1\" max=\"24\" required>\n <span class=\"error-message\" id=\"usageHoursError\"><\/span>\n <\/div>\n <\/div>\n\n <div class=\"form-group\">\n <label for=\"autonomyDays\">Hari Otonomi (cadangan tanpa matahari)<\/label>\n <select id=\"autonomyDays\">\n <option value=\"1\">1 Hari<\/option>\n <option value=\"2\" selected>2 Hari<\/option>\n <option value=\"3\">3 Hari<\/option>\n <\/select>\n <\/div>\n\n <div class=\"form-group\">\n <label for=\"panelType\">Jenis Panel Surya<\/label>\n <select id=\"panelType\">\n <option value=\"0.18\">Monokristalin (Efisiensi 18%)<\/option>\n <option value=\"0.20\">Monokristalin PERC (Efisiensi 20%)<\/option>\n <option value=\"0.16\">Polikristalin (Efisiensi 16%)<\/option>\n <option value=\"0.12\">Thin-Film (Efisiensi 12%)<\/option>\n <\/select>\n <\/div>\n\n <div class=\"form-group\">\n <label for=\"sunHours\">Rata-rata Jam Sinar Matahari per Hari (jam)<\/label>\n <select id=\"sunHours\">\n <option value=\"3\">3 jam (Daerah sering hujan)<\/option>\n <option value=\"4\">4 jam (Daerah berawan)<\/option>\n <option value=\"5\" selected>5 jam (Normal)<\/option>\n <option value=\"6\">6 jam (Cerah)<\/option>\n <option value=\"7\">7 jam (Sangat cerah)<\/option>\n <\/select>\n <\/div>\n\n <div class=\"form-group\">\n <label for=\"batteryVoltage\">Tegangan Sistem Baterai (Volt)<\/label>\n <select id=\"batteryVoltage\">\n <option value=\"12\">12V (Sistem kecil)<\/option>\n <option value=\"24\" selected>24V (Sistem menengah)<\/option>\n <option value=\"48\">48V (Sistem besar)<\/option>\n <\/select>\n <\/div>\n\n <button class=\"calculate-btn\" onclick=\"calculateSolarSystem()\">Hitung<\/button>\n \n <div id=\"actionButtons\" class=\"action-buttons hidden\">\n <button id=\"pdfBtn\" class=\"pdf-btn\" onclick=\"saveAsPDF()\">\n <i class=\"fas fa-file-pdf\"><\/i> Simpan PDF\n <\/button>\n <button id=\"whatsappBtn\" class=\"whatsapp-btn\" onclick=\"sendToWhatsApp()\">\n <i class=\"fab fa-whatsapp\"><\/i> Kirim WhatsApp\n <\/button>\n <\/div>\n <\/div>\n\n <div class=\"result-section hidden\">\n <h2>Hasil Perhitungan<\/h2>\n \n <div class=\"result-card\">\n <h3>Konsumsi Energi Harian<\/h3>\n <div class=\"result-value\" id=\"dailyConsumption\">-<\/div>\n <div class=\"result-detail\">Total energi yang dibutuhkan per hari<\/div>\n <\/div>\n\n <div class=\"result-card\">\n <h3>Kapasitas Baterai yang Diperlukan<\/h3>\n <div class=\"result-value\" id=\"batteryCapacity\">-<\/div>\n <div class=\"result-detail\">Kapasitas baterai dengan hari otonomi<\/div>\n <\/div>\n\n <div class=\"result-card\">\n <h3>Daya Panel Surya yang Diperlukan<\/h3>\n <div class=\"result-value\" id=\"panelPower\">-<\/div>\n <div class=\"result-detail\">Total daya panel surya yang dibutuhkan<\/div>\n <\/div>\n\n <div class=\"result-card\">\n <h3>Waktu Pengisian Baterai<\/h3>\n <div class=\"result-value\" id=\"chargingTime\">-<\/div>\n <div class=\"result-detail\">Waktu untuk mengisi penuh baterai dari kosong<\/div>\n <\/div>\n\n <div id=\"pjuResults\" class=\"hidden\">\n <div class=\"result-card pju-result\">\n <h3>Spesifikasi Lampu PJU<\/h3>\n <div class=\"result-value\" id=\"pjuSpecs\">-<\/div>\n <div class=\"result-detail\">Detail spesifikasi untuk instalasi PJU<\/div>\n <\/div>\n <\/div>\n\n <div class=\"result-card\">\n <h3>Rekomendasi Konfigurasi<\/h3>\n <div id=\"configurationRecommendation\">-<\/div>\n <\/div>\n\n <div class=\"warning\">\n <strong>\u26a0 Catatan:<\/strong> Perhitungan ini adalah estimasi. Faktor seperti efisiensi inverter, suhu, dan kondisi cuaca dapat mempengaruhi hasil aktual.\n <\/div>\n <\/div>\n <\/div>\n\n <footer>\n <p>\u00a9 2024 Sistem Tenaga Surya | Untuk perhitungan yang lebih akurat, konsultasikan dengan ahli instalasi<\/p>\n <\/footer>\n <\/div>\n\n <script>\n \/\/ Toggle form tambahan untuk PJU\n function togglePJUForm() {\n const pjuForm = document.getElementById('pjuForm');\n const standardForm = document.getElementById('standardForm');\n const pjuRadio = document.getElementById('pju');\n \n if (pjuRadio.checked) {\n pjuForm.classList.remove('hidden');\n standardForm.classList.add('hidden');\n } else {\n pjuForm.classList.add('hidden');\n standardForm.classList.remove('hidden');\n }\n }\n\n \/\/ Fungsi untuk menangani pilihan custom\n function checkCustomOption(selectElement, customInputId) {\n const customInput = document.getElementById(customInputId);\n if (selectElement.value === 'custom') {\n customInput.classList.remove('hidden');\n } else {\n customInput.classList.add('hidden');\n }\n }\n\n \/\/ Validasi form data pribadi\n function validatePersonalData() {\n const nama = document.getElementById('nama').value.trim();\n const kota = document.getElementById('kota').value.trim();\n const whatsapp = document.getElementById('whatsapp').value.trim();\n const email = document.getElementById('email').value.trim();\n \n let isValid = true;\n \n \/\/ Reset error messages\n document.querySelectorAll('.error-message').forEach(el => el.textContent = '');\n document.querySelectorAll('input').forEach(el => el.classList.remove('error'));\n \n \/\/ Validasi Nama\n if (!nama) {\n document.getElementById('namaError').textContent = 'Nama harus diisi';\n document.getElementById('nama').classList.add('error');\n isValid = false;\n }\n \n \/\/ Validasi Kota\n if (!kota) {\n document.getElementById('kotaError').textContent = 'Kota harus diisi';\n document.getElementById('kota').classList.add('error');\n isValid = false;\n }\n \n \/\/ Validasi WhatsApp\n if (!whatsapp) {\n document.getElementById('whatsappError').textContent = 'Nomor WhatsApp harus diisi';\n document.getElementById('whatsapp').classList.add('error');\n isValid = false;\n } else if (!\/^[0-9+\\-\\s()]{10,}$\/.test(whatsapp)) {\n document.getElementById('whatsappError').textContent = 'Format nomor WhatsApp tidak valid';\n document.getElementById('whatsapp').classList.add('error');\n isValid = false;\n }\n \n \/\/ Validasi Email\n if (!email) {\n document.getElementById('emailError').textContent = 'Email harus diisi';\n document.getElementById('email').classList.add('error');\n isValid = false;\n } else if (!\/^[^\\s@]+@[^\\s@]+\\.[^\\s@]+$\/.test(email)) {\n document.getElementById('emailError').textContent = 'Format email tidak valid';\n document.getElementById('email').classList.add('error');\n isValid = false;\n }\n \n return isValid;\n }\n\n \/\/ Validasi data input berdasarkan jenis instalasi\n function validateInputData() {\n const pjuRadio = document.getElementById('pju').checked;\n let isValid = true;\n \n if (pjuRadio) {\n \/\/ Validasi untuk PJU\n const jumlahLampu = document.getElementById('jumlahLampu').value;\n const dayaLampu = document.getElementById('dayaLampu').value;\n \n if (!jumlahLampu || jumlahLampu <= 0) {\n document.getElementById('jumlahLampuError').textContent = 'Jumlah lampu harus lebih dari 0';\n document.getElementById('jumlahLampu').classList.add('error');\n isValid = false;\n }\n \n if (!dayaLampu || dayaLampu <= 0) {\n document.getElementById('dayaLampuError').textContent = 'Daya lampu harus lebih dari 0';\n document.getElementById('dayaLampu').classList.add('error');\n isValid = false;\n }\n } else {\n \/\/ Validasi untuk Listrik Utama\n const powerNeed = document.getElementById('powerNeed').value;\n const usageHours = document.getElementById('usageHours').value;\n \n if (!powerNeed || powerNeed <= 0) {\n document.getElementById('powerNeedError').textContent = 'Kebutuhan daya harus lebih dari 0';\n document.getElementById('powerNeed').classList.add('error');\n isValid = false;\n }\n \n if (!usageHours || usageHours <= 0 || usageHours > 24) {\n document.getElementById('usageHoursError').textContent = 'Jam penggunaan harus antara 1-24 jam';\n document.getElementById('usageHours').classList.add('error');\n isValid = false;\n }\n }\n \n return isValid;\n }\n\n function calculateSolarSystem() {\n \/\/ Validasi data pribadi\n if (!validatePersonalData()) {\n alert('Harap lengkapi semua data pribadi dengan benar!');\n return;\n }\n \n \/\/ Validasi data input\n if (!validateInputData()) {\n alert('Harap periksa data input Anda!');\n return;\n }\n \n \/\/ Tampilkan hasil perhitungan\n document.querySelector('.result-section').classList.remove('hidden');\n document.getElementById('actionButtons').classList.remove('hidden');\n \n \/\/ Get installation type\n const pjuRadio = document.getElementById('pju').checked;\n \n let powerNeed, usageHours;\n \n if (pjuRadio) {\n \/\/ Get PJU-specific values\n const jumlahLampu = parseFloat(document.getElementById('jumlahLampu').value);\n const dayaLampu = parseFloat(document.getElementById('dayaLampu').value);\n \n \/\/ Calculate total power need for PJU\n powerNeed = jumlahLampu * dayaLampu;\n usageHours = 12; \/\/ Default 12 hours for PJU\n \n \/\/ Get tower height and beam angle\n let tinggiTower = document.getElementById('tinggiTower').value;\n if (tinggiTower === 'custom') {\n tinggiTower = document.getElementById('customTinggiTower').value;\n }\n \n let pancaranCahaya = document.getElementById('pancaranCahaya').value;\n if (pancaranCahaya === 'custom') {\n pancaranCahaya = document.getElementById('customPancaranCahaya').value;\n }\n \n \/\/ Display PJU specs\n document.getElementById('pjuSpecs').innerHTML = `\n Tinggi Tower: ${tinggiTower} Meter<br>\n Pancaran Cahaya: ${pancaranCahaya} Derajat<br>\n Jumlah Lampu: ${jumlahLampu} Unit<br>\n Daya per Lampu: ${dayaLampu} Watt<br>\n Total Daya: ${powerNeed} Watt\n `;\n \n \/\/ Show PJU results section\n document.getElementById('pjuResults').classList.remove('hidden');\n } else {\n \/\/ Get standard values\n powerNeed = parseFloat(document.getElementById('powerNeed').value);\n usageHours = parseFloat(document.getElementById('usageHours').value);\n \n \/\/ Hide PJU results section\n document.getElementById('pjuResults').classList.add('hidden');\n }\n\n \/\/ Get other values\n const autonomyDays = parseFloat(document.getElementById('autonomyDays').value);\n const panelEfficiency = parseFloat(document.getElementById('panelType').value);\n const sunHours = parseFloat(document.getElementById('sunHours').value);\n const batteryVoltage = parseFloat(document.getElementById('batteryVoltage').value);\n\n \/\/ 1. Hitung Konsumsi Energi Harian (Wh)\n const dailyConsumption = powerNeed * usageHours;\n\n \/\/ 2. Hitung Kapasitas Baterai (Ah)\n const batteryCapacity = (dailyConsumption * autonomyDays) \/ (batteryVoltage * 0.8);\n\n \/\/ 3. Hitung Daya Panel Surya (Wp)\n const panelPower = (dailyConsumption \/ sunHours) \/ panelEfficiency;\n\n \/\/ 4. Hitung Waktu Pengisian (jam)\n const chargingTime = (batteryCapacity * batteryVoltage) \/ (panelPower * 0.7);\n\n \/\/ Format dan tampilkan hasil\n document.getElementById('dailyConsumption').textContent = dailyConsumption.toFixed(0) + ' Wh';\n document.getElementById('batteryCapacity').textContent = Math.ceil(batteryCapacity) + ' Ah';\n document.getElementById('panelPower').textContent = Math.ceil(panelPower) + ' Wp';\n document.getElementById('chargingTime').textContent = chargingTime.toFixed(1) + ' jam';\n\n \/\/ Generate rekomendasi konfigurasi\n generateConfigurationRecommendation(Math.ceil(panelPower), Math.ceil(batteryCapacity), batteryVoltage, pjuRadio);\n }\n\n function generateConfigurationRecommendation(panelPower, batteryCapacity, batteryVoltage, isPJU) {\n let recommendation = '';\n \n \/\/ Rekomendasi panel\n if (panelPower <= 100) {\n recommendation += '\u2022 1 panel ' + panelPower + 'Wp monokristalin<br>';\n } else if (panelPower <= 300) {\n const panelCount = Math.ceil(panelPower \/ 100);\n recommendation += '\u2022 ' + panelCount + ' panel 100Wp monokristalin<br>';\n } else {\n const panelCount = Math.ceil(panelPower \/ 350);\n recommendation += '\u2022 ' + panelCount + ' panel 350Wp monokristalin<br>';\n }\n\n \/\/ Rekomendasi baterai\n if (batteryCapacity <= 50) {\n recommendation += '\u2022 1 baterai ' + batteryCapacity + 'Ah ' + batteryVoltage + 'V<br>';\n } else if (batteryCapacity <= 200) {\n const batteryCount = Math.ceil(batteryCapacity \/ 100);\n recommendation += '\u2022 ' + batteryCount + ' baterai 100Ah ' + batteryVoltage + 'V (paralel)<br>';\n } else {\n const batteryCount = Math.ceil(batteryCapacity \/ 200);\n recommendation += '\u2022 ' + batteryCount + ' baterai 200Ah ' + batteryVoltage + 'V (paralel)<br>';\n }\n\n \/\/ Rekomendasi controller\n const controllerCurrent = Math.ceil(panelPower \/ batteryVoltage);\n recommendation += '\u2022 Solar controller ' + controllerCurrent + 'A<br>';\n\n \/\/ Rekomendasi inverter\n let inverterPower;\n if (isPJU) {\n const jumlahLampu = parseFloat(document.getElementById('jumlahLampu').value);\n const dayaLampu = parseFloat(document.getElementById('dayaLampu').value);\n inverterPower = jumlahLampu * dayaLampu;\n } else {\n inverterPower = document.getElementById('powerNeed').value;\n }\n recommendation += '\u2022 Inverter ' + (parseInt(inverterPower) + 100) + 'W ' + batteryVoltage + 'V ke 220V';\n\n \/\/ Rekomendasi khusus untuk PJU\n if (isPJU) {\n recommendation += '<br><br><strong>Rekomendasi Khusus PJU:<\/strong><br>';\n recommendation += '\u2022 Gunakan lampu LED dengan efisiensi tinggi<br>';\n recommendation += '\u2022 Pertimbangkan penggunaan sensor gerak untuk menghemat energi<br>';\n recommendation += '\u2022 Pastikan panel surya dipasang dengan sudut optimal untuk menangkap sinar matahari maksimal';\n }\n\n document.getElementById('configurationRecommendation').innerHTML = recommendation;\n }\n\n \/\/ Fungsi untuk menyimpan sebagai PDF\n function saveAsPDF() {\n \/\/ Validasi data sekali lagi sebelum menyimpan\n if (!validatePersonalData() || !validateInputData()) {\n alert('Harap periksa kembali form Anda sebelum menyimpan.');\n return;\n }\n\n \/\/ Menggunakan html2canvas dan jsPDF untuk membuat PDF\n const { jsPDF } = window.jspdf;\n \n \/\/ Ambil elemen yang ingin dijadikan PDF\n const element = document.querySelector('.calculator-section');\n \n \/\/ Buat PDF\n html2canvas(element, {\n scale: 2, \/\/ Meningkatkan kualitas\n useCORS: true,\n logging: false\n }).then(canvas => {\n const imgData = canvas.toDataURL('image\/jpeg', 1.0);\n const pdf = new jsPDF('p', 'mm', 'a4');\n const imgWidth = 210; \/\/ A4 width in mm\n const pageHeight = 295; \/\/ A4 height in mm\n const imgHeight = canvas.height * imgWidth \/ canvas.width;\n let heightLeft = imgHeight;\n let position = 0;\n\n \/\/ Halaman pertama\n pdf.addImage(imgData, 'JPEG', 0, position, imgWidth, imgHeight);\n heightLeft -= pageHeight;\n\n \/\/ Halaman tambahan jika diperlukan\n while (heightLeft >= 0) {\n position = heightLeft - imgHeight;\n pdf.addPage();\n pdf.addImage(imgData, 'JPEG', 0, position, imgWidth, imgHeight);\n heightLeft -= pageHeight;\n }\n\n \/\/ Simpan PDF\n const nama = document.getElementById('nama').value.trim();\n pdf.save(`Sistem_Tenaga_Surya_${nama}.pdf`);\n });\n }\n\n \/\/ Fungsi untuk mengirim data ke WhatsApp\n function sendToWhatsApp() {\n \/\/ Validasi data sekali lagi sebelum mengirim\n if (!validatePersonalData() || !validateInputData()) {\n alert('Harap periksa kembali form Anda sebelum mengirim.');\n return;\n }\n \n \/\/ Mengumpulkan data pribadi\n const nama = document.getElementById('nama').value;\n const kota = document.getElementById('kota').value;\n const whatsapp = document.getElementById('whatsapp').value;\n const email = document.getElementById('email').value;\n \n \/\/ Mengumpulkan data hasil perhitungan\n const dailyConsumption = document.getElementById('dailyConsumption').textContent;\n const batteryCapacity = document.getElementById('batteryCapacity').textContent;\n const panelPower = document.getElementById('panelPower').textContent;\n const chargingTime = document.getElementById('chargingTime').textContent;\n const configurationRecommendation = document.getElementById('configurationRecommendation').innerHTML.replace(\/<br>\/g, '\\n').replace(\/<strong>\/g, '*').replace(\/<\\\/strong>\/g, '*').replace(\/<[^>]*>\/g, '');\n \n \/\/ Mendapatkan jenis instalasi\n const installationType = document.getElementById('pju').checked ? \"Lampu PJU\" : \"Listrik Utama\";\n \n \/\/ Menyusun pesan\n let message = `Halo, saya tertarik dengan sistem tenaga surya. Berikut adalah data dan hasil perhitungan saya:\\n\\n`;\n message += `*DATA PRIBADI*\\n`;\n message += `Nama: ${nama}\\n`;\n message += `Kota: ${kota}\\n`;\n message += `WhatsApp: ${whatsapp}\\n`;\n message += `Email: ${email}\\n\\n`;\n \n message += `*JENIS INSTALASI*\\n`;\n message += `${installationType}\\n\\n`;\n \n \/\/ Jika PJU, tambahkan detail\n if (installationType === \"Lampu PJU\") {\n let tinggiTower = document.getElementById('tinggiTower').value;\n if (tinggiTower === 'custom') {\n tinggiTower = document.getElementById('customTinggiTower').value;\n }\n \n let pancaranCahaya = document.getElementById('pancaranCahaya').value;\n if (pancaranCahaya === 'custom') {\n pancaranCahaya = document.getElementById('customPancaranCahaya').value;\n }\n \n const jumlahLampu = document.getElementById('jumlahLampu').value;\n const dayaLampu = document.getElementById('dayaLampu').value;\n \n message += `*DETAIL PJU*\\n`;\n message += `Tinggi Tower: ${tinggiTower} Meter\\n`;\n message += `Pancaran Cahaya: ${pancaranCahaya} Derajat\\n`;\n message += `Jumlah Lampu: ${jumlahLampu} Unit\\n`;\n message += `Daya per Lampu: ${dayaLampu} Watt\\n\\n`;\n } else {\n const powerNeed = document.getElementById('powerNeed').value;\n const usageHours = document.getElementById('usageHours').value;\n \n message += `*DETAIL LISTRIK UTAMA*\\n`;\n message += `Kebutuhan Daya: ${powerNeed} Watt\\n`;\n message += `Jam Penggunaan: ${usageHours} Jam\/Hari\\n\\n`;\n }\n \n message += `*HASIL PERHITUNGAN*\\n`;\n message += `Konsumsi Energi Harian: ${dailyConsumption}\\n`;\n message += `Kapasitas Baterai: ${batteryCapacity}\\n`;\n message += `Daya Panel Surya: ${panelPower}\\n`;\n message += `Waktu Pengisian: ${chargingTime}\\n\\n`;\n \n message += `*REKOMENDASI KONFIGURASI*\\n`;\n message += `${configurationRecommendation}\\n\\n`;\n \n message += `Saya ingin berkonsultasi lebih lanjut mengenai sistem tenaga surya ini. Terima kasih.`;\n \n \/\/ Encode pesan untuk URL\n const encodedMessage = encodeURIComponent(message);\n \n \/\/ Nomor WhatsApp tujuan\n const phoneNumber = '628111150660';\n \n \/\/ Membuka WhatsApp dengan pesan yang sudah disiapkan\n window.open(`https:\/\/wa.me\/${phoneNumber}?text=${encodedMessage}`, '_blank');\n }\n\n \/\/ Tambahkan event listener untuk validasi real-time\n document.addEventListener('DOMContentLoaded', function() {\n \/\/ Tambahkan event listener untuk semua input yang diperlukan\n const requiredInputs = document.querySelectorAll('input[required]');\n requiredInputs.forEach(input => {\n input.addEventListener('input', function() {\n \/\/ Hapus status error saat user mulai mengetik\n this.classList.remove('error');\n const errorElement = document.getElementById(this.id + 'Error');\n if (errorElement) {\n errorElement.textContent = '';\n }\n });\n });\n });\n <\/script>\n<\/body>\n<\/html>\n\n\n\n\n\n\n<p style=\"cursor: text;\"><span style=\"font-size: 14.4px;\">#PaketTiangLampu #PaketLampuSurya #PaketLampuPJU #LampuPJUSetTiang #LampuSolarCellSetTiang #PaketTiangDanLampu #TiangLampuSurya #LampuTenagaSurya #TiangLampuListrik #PJUSetTiang #PaketPeneranganJalan #TiangDanLampuMurah #TiangLampuSolarCell #LampuPJUAllInOne #LampuPJUHybrid #PaketPJUGalvanis #PaketTiangLampuKomplit #HargaPaketLampuJalan #TiangLampuKomplit #PaketTiangLampuSuryaListrik<\/span><\/p>\n\n\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"pagelayer_contact_templates":[],"_pagelayer_content":"","footnotes":""},"class_list":["post-148","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/tiangjalan.com\/pabrik\/wp-json\/wp\/v2\/pages\/148","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/tiangjalan.com\/pabrik\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/tiangjalan.com\/pabrik\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/tiangjalan.com\/pabrik\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/tiangjalan.com\/pabrik\/wp-json\/wp\/v2\/comments?post=148"}],"version-history":[{"count":130,"href":"https:\/\/tiangjalan.com\/pabrik\/wp-json\/wp\/v2\/pages\/148\/revisions"}],"predecessor-version":[{"id":894,"href":"https:\/\/tiangjalan.com\/pabrik\/wp-json\/wp\/v2\/pages\/148\/revisions\/894"}],"wp:attachment":[{"href":"https:\/\/tiangjalan.com\/pabrik\/wp-json\/wp\/v2\/media?parent=148"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":148,"date":"2025-01-17T14:03:48","date_gmt":"2025-01-17T14:03:48","guid":{"rendered":"https:\/\/tiangjalan.com\/pabrik\/?page_id=148"},"modified":"2025-10-14T21:05:24","modified_gmt":"2025-10-14T21:05:24","slug":"paket-tiang-lampu","status":"publish","type":"page","link":"https:\/\/tiangjalan.com\/pabrik\/paket-tiang-lampu\/","title":{"rendered":"Paket Tiang & Lampu"},"content":{"rendered":"\n\n\nTIANG + LAMPU PJU PANEL SURYA\nPaket Tiang PJU Panel Surya\n\n\n\n\n\n

PAKET TIANG+LAMPU SURYA-PEMASANGAN<\/h5>\nRp 5 Juta ++\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n \n \n Spesifikasi Lampu Jalan Tenaga Surya 100W<\/title>\n <style>\n * {\n box-sizing: border-box;\n margin: 0;\n padding: 0;\n }\n \n body {\n font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\n line-height: 1.6;\n color: #333;\n background-color: #f8f9fa;\n padding: 15px;\n max-width: 1000px;\n margin: 0 auto;\n }\n \n .title-section {\n text-align: center;\n margin-bottom: 30px;\n padding: 0 10px;\n }\n \n h3 {\n font-size: clamp(16px, 4vw, 20px);\n margin-bottom: 8px;\n font-weight: 600;\n line-height: 1.3;\n color: #2c3e50;\n }\n \n .subtitle {\n font-size: clamp(13px, 3.2vw, 16px);\n color: #666;\n line-height: 1.4;\n font-weight: 500;\n }\n \n .specs-section {\n background-color: white;\n border-radius: 8px;\n box-shadow: 0 2px 10px rgba(0,0,0,0.08);\n overflow: hidden;\n margin-bottom: 25px;\n }\n \n .category-header {\n background-color: #e8f4fc;\n color: #2c3e50;\n font-weight: 600;\n font-size: clamp(14px, 3.5vw, 17px);\n padding: 12px 15px;\n border-bottom: 1px solid #d1e7f7;\n }\n \n .specs-table {\n width: 100%;\n border-collapse: collapse;\n }\n \n .specs-table tr {\n border-bottom: 1px solid #eaeaea;\n }\n \n .specs-table tr:last-child {\n border-bottom: none;\n }\n \n .specs-table td {\n padding: 12px 15px;\n vertical-align: top;\n font-size: clamp(13px, 3.2vw, 15px);\n }\n \n .specs-table td:first-child {\n font-weight: 600;\n width: 40%;\n color: #2c3e50;\n border-right: 1px solid #eaeaea;\n }\n \n .certification {\n background-color: #f0f7ff;\n padding: 20px;\n border-radius: 8px;\n margin-top: 25px;\n }\n \n .certification h2 {\n color: #2c3e50;\n margin-bottom: 15px;\n font-size: clamp(16px, 4vw, 20px);\n border-bottom: 2px solid #3498db;\n padding-bottom: 6px;\n display: inline-block;\n }\n \n .certification ul {\n list-style-type: none;\n padding-left: 0;\n }\n \n .certification li {\n padding: 8px 0;\n border-bottom: 1px dashed #d1e7f7;\n position: relative;\n padding-left: 25px;\n font-size: clamp(13px, 3.2vw, 15px);\n }\n \n .certification li:before {\n content: \"\u2713\";\n color: #27ae60;\n font-weight: bold;\n position: absolute;\n left: 0;\n }\n \n .certification li:last-child {\n border-bottom: none;\n }\n \n \/* Responsive table untuk mobile \/\n @media (max-width: 768px) {\n .specs-table td:first-child {\n width: 45%;\n }\n \n body {\n padding: 10px;\n }\n }\n \n @media (max-width: 480px) {\n .specs-table td {\n display: block;\n width: 100%;\n border-right: none;\n padding: 10px;\n }\n \n .specs-table td:first-child {\n width: 100%;\n background-color: #f8f9fa;\n border-bottom: none;\n padding-bottom: 5px;\n }\n \n .specs-table td:last-child {\n padding-top: 5px;\n padding-bottom: 12px;\n }\n \n .specs-table tr {\n border-bottom: 2px solid #eaeaea;\n }\n \n .category-header {\n padding: 10px 12px;\n }\n \n .title-section {\n margin-bottom: 20px;\n }\n }\n \n \/ Optimasi untuk layar sangat kecil \/\n @media (max-width: 320px) {\n body {\n padding: 8px;\n }\n \n .specs-table td {\n padding: 8px;\n }\n \n .certification {\n padding: 15px;\n }\n }\n <\/style>\n<\/head>\n<body>\n <div class=\"title-section\">\n <h3>LAMPU JALAN TENAGA SURYA 100W 3.2V<\/h3>\n <p class=\"subtitle\">TERINTEGRASI SEMUA DALAM SATU<\/p>\n <\/div>\n \n <div class=\"specs-section\">\n <div class=\"category-header\">SPESIFIKASI TEKNIS<\/div>\n <table class=\"specs-table\">\n <tr>\n <td>Daya LED<\/td>\n <td>100W 3.2V<\/td>\n <\/tr>\n <tr>\n <td>Jumlah LED<\/td>\n <td>240 Buah Chip PHILIPS SMD 3030<\/td>\n <\/tr>\n <tr>\n <td>Lumen<\/td>\n <td>10000\u201312000 lm<\/td>\n <\/tr>\n <tr>\n <td>Sudut Pandang<\/td>\n <td>180 Derajat (Braket yang Dapat Disesuaikan)<\/td>\n <\/tr>\n <tr>\n <td>CCT<\/td>\n <td>6500K<\/td>\n <\/tr>\n <tr>\n <td>Masa Pakai<\/td>\n <td>50000 Jam<\/td>\n <\/tr>\n <\/table>\n \n <div class=\"category-header\">PANEL SURYA<\/div>\n <table class=\"specs-table\">\n <tr>\n <td>Tipe<\/td>\n <td>Monokristalin Efisiensi Tinggi<\/td>\n <\/tr>\n <tr>\n <td>Daya Maksimum<\/td>\n <td>150WP 6V<\/td>\n <\/tr>\n <tr>\n <td>Masa Pakai<\/td>\n <td>25 Tahun<\/td>\n <\/tr>\n <\/table>\n \n <div class=\"category-header\">BATERAI<\/div>\n <table class=\"specs-table\">\n <tr>\n <td>Tipe<\/td>\n <td>Lithium LifePO4 3.2V<\/td>\n <\/tr>\n <tr>\n <td>Kapasitas<\/td>\n <td>84Ah 3.2V<\/td>\n <\/tr>\n <tr>\n <td>Masa Pakai<\/td>\n <td>3\u20135 Tahun<\/td>\n <\/tr>\n <\/table>\n \n <div class=\"category-header\">PENGISIAN DAYA<\/div>\n <table class=\"specs-table\">\n <tr>\n <td>Waktu Pengisian Daya<\/td>\n <td>6\u20138 Jam<\/td>\n <\/tr>\n <tr>\n <td>Curah Hujan Berkelanjutan<\/td>\n <td>3\u20135 Hari Hujan<\/td>\n <\/tr>\n <\/table>\n \n <div class=\"category-header\">PENGOPERASIAN KONDISI<\/div>\n <table class=\"specs-table\">\n <tr>\n <td>Suhu Kerja<\/td>\n <td>35\u201350\u00b0C<\/td>\n <\/tr>\n <tr>\n <td>Sensor<\/td>\n <td>On\/Off oleh Sensor Cahaya<\/td>\n <\/tr>\n <tr>\n <td>Peredupan<\/td>\n <td>Kontrol Waktu<\/td>\n <\/tr>\n <\/table>\n \n <div class=\"category-header\">PEMASANGAN<\/div>\n <table class=\"specs-table\">\n <tr>\n <td>Tinggi Pemasangan<\/td>\n <td>7\u20139 Meter<\/td>\n <\/tr>\n <tr>\n <td>Jarak Antar Tiang<\/td>\n <td>20\u201340 Meter<\/td>\n <\/tr>\n <\/table>\n \n <div class=\"category-header\">DETAIL PRODUK<\/div>\n <table class=\"specs-table\">\n <tr>\n <td>Berat<\/td>\n <td>13 Kg<\/td>\n <\/tr>\n <tr>\n <td>Ukuran Produk<\/td>\n <td>123 \u00d7 36,8 \u00d7 5 cm<\/td>\n <\/tr>\n <tr>\n <td>Bahan Utama<\/td>\n <td>Paduan Aluminium IP66<\/td>\n <\/tr>\n <\/table>\n <\/div>\n \n <div class=\"certification\">\n <h2>SERTIFIKASI & FITUR<\/h2>\n <ul>\n <li>Tahan Air IP66<\/li>\n <li>Bersertifikat ISO 9001<\/li>\n <li>Garansi 1 Tahun<\/li>\n <\/ul>\n <\/div>\n<\/body>\n<\/html>\n\n\n\n\n\n\n\n<!DOCTYPE html>\n<html lang=\"id\">\n<head>\n <meta charset=\"UTF-8\">\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n <title>Spesifikasi Lampu Jalan Tenaga Surya 100W 12V<\/title>\n <style>\n {\n box-sizing: border-box;\n margin: 0;\n padding: 0;\n }\n \n body {\n font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\n line-height: 1.6;\n color: #333;\n background-color: #f8f9fa;\n padding: 15px;\n max-width: 1000px;\n margin: 0 auto;\n }\n \n .title-section {\n text-align: center;\n margin-bottom: 30px;\n padding: 0 10px;\n }\n \n h3 {\n font-size: clamp(16px, 4vw, 20px);\n margin-bottom: 8px;\n font-weight: 600;\n line-height: 1.3;\n color: #2c3e50;\n }\n \n .subtitle {\n font-size: clamp(13px, 3.2vw, 16px);\n color: #666;\n line-height: 1.4;\n font-weight: 500;\n }\n \n .specs-section {\n background-color: white;\n border-radius: 8px;\n box-shadow: 0 2px 10px rgba(0,0,0,0.08);\n overflow: hidden;\n margin-bottom: 25px;\n }\n \n .category-header {\n background-color: #e8f4fc;\n color: #2c3e50;\n font-weight: 600;\n font-size: clamp(14px, 3.5vw, 17px);\n padding: 12px 15px;\n border-bottom: 1px solid #d1e7f7;\n }\n \n .specs-table {\n width: 100%;\n border-collapse: collapse;\n }\n \n .specs-table tr {\n border-bottom: 1px solid #eaeaea;\n }\n \n .specs-table tr:last-child {\n border-bottom: none;\n }\n \n .specs-table td {\n padding: 12px 15px;\n vertical-align: top;\n font-size: clamp(13px, 3.2vw, 15px);\n }\n \n .specs-table td:first-child {\n font-weight: 600;\n width: 40%;\n color: #2c3e50;\n border-right: 1px solid #eaeaea;\n }\n \n .certification {\n background-color: #f0f7ff;\n padding: 20px;\n border-radius: 8px;\n margin-top: 25px;\n }\n \n .certification h2 {\n color: #2c3e50;\n margin-bottom: 15px;\n font-size: clamp(16px, 4vw, 20px);\n border-bottom: 2px solid #3498db;\n padding-bottom: 6px;\n display: inline-block;\n }\n \n .certification ul {\n list-style-type: none;\n padding-left: 0;\n }\n \n .certification li {\n padding: 8px 0;\n border-bottom: 1px dashed #d1e7f7;\n position: relative;\n padding-left: 25px;\n font-size: clamp(13px, 3.2vw, 15px);\n }\n \n .certification li:before {\n content: \"\u2713\";\n color: #27ae60;\n font-weight: bold;\n position: absolute;\n left: 0;\n }\n \n .certification li:last-child {\n border-bottom: none;\n }\n \n \/* Responsive table untuk mobile \/\n @media (max-width: 768px) {\n .specs-table td:first-child {\n width: 45%;\n }\n \n body {\n padding: 10px;\n }\n }\n \n @media (max-width: 480px) {\n .specs-table td {\n display: block;\n width: 100%;\n border-right: none;\n padding: 10px;\n }\n \n .specs-table td:first-child {\n width: 100%;\n background-color: #f8f9fa;\n border-bottom: none;\n padding-bottom: 5px;\n }\n \n .specs-table td:last-child {\n padding-top: 5px;\n padding-bottom: 12px;\n }\n \n .specs-table tr {\n border-bottom: 2px solid #eaeaea;\n }\n \n .category-header {\n padding: 10px 12px;\n }\n \n .title-section {\n margin-bottom: 20px;\n }\n }\n \n \/ Optimasi untuk layar sangat kecil \/\n @media (max-width: 320px) {\n body {\n padding: 8px;\n }\n \n .specs-table td {\n padding: 8px;\n }\n \n .certification {\n padding: 15px;\n }\n }\n <\/style>\n<\/head>\n<body>\n <div class=\"title-section\">\n <h3>ALL IN ONE INTEGRATED 100W 12V SOLAR STREET LIGHT<\/h3>\n <p class=\"subtitle\">Lampu Jalan Tenaga Surya Terpadu 100W 12V<\/p>\n <\/div>\n \n <div class=\"specs-section\">\n <div class=\"category-header\">SPESIFIKASI TEKNIS<\/div>\n <table class=\"specs-table\">\n <tr>\n <td>Daya LED<\/td>\n <td>100W 12V<\/td>\n <\/tr>\n <tr>\n <td>Jumlah LED<\/td>\n <td>288 Chip PHILIPS SMD 3030<\/td>\n <\/tr>\n <tr>\n <td>Kecerahan (Lumens)<\/td>\n <td>10.000\u201312.000 lm<\/td>\n <\/tr>\n <tr>\n <td>Sudut Pencahayaan<\/td>\n <td>180 Derajat (Dudukan Dapat Disesuaikan)<\/td>\n <\/tr>\n <tr>\n <td>CCT (Warna Cahaya)<\/td>\n <td>6500K<\/td>\n <\/tr>\n <tr>\n <td>Masa Pakai<\/td>\n <td>50.000 Jam<\/td>\n <\/tr>\n <\/table>\n \n <div class=\"category-header\">PANEL SURYA<\/div>\n <table class=\"specs-table\">\n <tr>\n <td>Tipe<\/td>\n <td>Mono-Crystalline Efisiensi Tinggi<\/td>\n <\/tr>\n <tr>\n <td>Daya Maksimum<\/td>\n <td>125WP 18V<\/td>\n <\/tr>\n <tr>\n <td>Masa Pakai<\/td>\n <td>25 Tahun<\/td>\n <\/tr>\n <\/table>\n \n <div class=\"category-header\">BATERAI<\/div>\n <table class=\"specs-table\">\n <tr>\n <td>Tipe<\/td>\n <td>Lithium LifePO4 12.8V<\/td>\n <\/tr>\n <tr>\n <td>Kapasitas<\/td>\n <td>60Ah 12.8V<\/td>\n <\/tr>\n <tr>\n <td>Masa Pakai<\/td>\n <td>3\u20135 Tahun<\/td>\n <\/tr>\n <\/table>\n \n <div class=\"category-header\">PENGISIAN DAYA<\/div>\n <table class=\"specs-table\">\n <tr>\n <td>Waktu Pengisian Daya<\/td>\n <td>6\u20138 Jam<\/td>\n <\/tr>\n <tr>\n <td>Ketahanan Saat Hujan<\/td>\n <td>3\u20135 Hari Hujan<\/td>\n <\/tr>\n <\/table>\n \n <div class=\"category-header\">KONDISI OPERASIONAL<\/div>\n <table class=\"specs-table\">\n <tr>\n <td>Suhu Kerja<\/td>\n <td>35\u201350\u00b0C<\/td>\n <\/tr>\n <tr>\n <td>Sensor<\/td>\n <td>Menyala\/Mati Otomatis oleh Sensor Cahaya<\/td>\n <\/tr>\n <tr>\n <td>Peredupan (Dimming)<\/td>\n <td>Pengaturan Waktu<\/td>\n <\/tr>\n <\/table>\n \n <div class=\"category-header\">PEMASANGAN<\/div>\n <table class=\"specs-table\">\n <tr>\n <td>Tinggi Tiang<\/td>\n <td>8\u20139 Meter<\/td>\n <\/tr>\n <tr>\n <td>Jarak Antar Tiang<\/td>\n <td>20\u201340 Meter<\/td>\n <\/tr>\n <\/table>\n \n <div class=\"category-header\">DETAIL PRODUK<\/div>\n <table class=\"specs-table\">\n <tr>\n <td>Berat<\/td>\n <td>20 Kg<\/td>\n <\/tr>\n <tr>\n <td>Ukuran Produk<\/td>\n <td>130 \u00d7 42.5 \u00d7 5 cm<\/td>\n <\/tr>\n <tr>\n <td>Bahan Utama<\/td>\n <td>Aluminium Alloy IP66<\/td>\n <\/tr>\n <\/table>\n <\/div>\n \n <div class=\"certification\">\n <h2>SERTIFIKASI & GARANSI<\/h2>\n <ul>\n <li>IP66 Tahan Air<\/li>\n <li>ISO 9001 Bersertifikat<\/li>\n <li>Garansi 2 Tahun<\/li>\n <\/ul>\n <\/div>\n<\/body>\n<\/html>\n\n\n\n\n\n\n\n\n<!DOCTYPE html>\n<html lang=\"id\">\n<head>\n <meta charset=\"UTF-8\">\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n <title>Spesifikasi PJU Solar Cell All in One 100W 3V<\/title>\n <style>\n {\n box-sizing: border-box;\n margin: 0;\n padding: 0;\n }\n \n body {\n font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\n line-height: 1.6;\n color: #333;\n background-color: #f8f9fa;\n padding: 15px;\n max-width: 1000px;\n margin: 0 auto;\n }\n \n .title-section {\n text-align: center;\n margin-bottom: 30px;\n padding: 0 10px;\n }\n \n h3 {\n font-size: clamp(16px, 4vw, 20px);\n margin-bottom: 8px;\n font-weight: 600;\n line-height: 1.3;\n color: #2c3e50;\n }\n \n .subtitle {\n font-size: clamp(13px, 3.2vw, 16px);\n color: #666;\n line-height: 1.4;\n font-weight: 500;\n }\n \n .specs-section {\n background-color: white;\n border-radius: 8px;\n box-shadow: 0 2px 10px rgba(0,0,0,0.08);\n overflow: hidden;\n margin-bottom: 25px;\n }\n \n .category-header {\n background-color: #e8f4fc;\n color: #2c3e50;\n font-weight: 600;\n font-size: clamp(14px, 3.5vw, 17px);\n padding: 12px 15px;\n border-bottom: 1px solid #d1e7f7;\n }\n \n .specs-table {\n width: 100%;\n border-collapse: collapse;\n }\n \n .specs-table tr {\n border-bottom: 1px solid #eaeaea;\n }\n \n .specs-table tr:last-child {\n border-bottom: none;\n }\n \n .specs-table td {\n padding: 12px 15px;\n vertical-align: top;\n font-size: clamp(13px, 3.2vw, 15px);\n }\n \n .specs-table td:first-child {\n font-weight: 600;\n width: 40%;\n color: #2c3e50;\n border-right: 1px solid #eaeaea;\n }\n \n .certification {\n background-color: #f0f7ff;\n padding: 20px;\n border-radius: 8px;\n margin-top: 25px;\n }\n \n .certification h2 {\n color: #2c3e50;\n margin-bottom: 15px;\n font-size: clamp(16px, 4vw, 20px);\n border-bottom: 2px solid #3498db;\n padding-bottom: 6px;\n display: inline-block;\n }\n \n .certification ul {\n list-style-type: none;\n padding-left: 0;\n }\n \n .certification li {\n padding: 8px 0;\n border-bottom: 1px dashed #d1e7f7;\n position: relative;\n padding-left: 25px;\n font-size: clamp(13px, 3.2vw, 15px);\n }\n \n .certification li:before {\n content: \"\u2713\";\n color: #27ae60;\n font-weight: bold;\n position: absolute;\n left: 0;\n }\n \n .certification li:last-child {\n border-bottom: none;\n }\n \n \/* Responsive table untuk mobile \/\n @media (max-width: 768px) {\n .specs-table td:first-child {\n width: 45%;\n }\n \n body {\n padding: 10px;\n }\n }\n \n @media (max-width: 480px) {\n .specs-table td {\n display: block;\n width: 100%;\n border-right: none;\n padding: 10px;\n }\n \n .specs-table td:first-child {\n width: 100%;\n background-color: #f8f9fa;\n border-bottom: none;\n padding-bottom: 5px;\n }\n \n .specs-table td:last-child {\n padding-top: 5px;\n padding-bottom: 12px;\n }\n \n .specs-table tr {\n border-bottom: 2px solid #eaeaea;\n }\n \n .category-header {\n padding: 10px 12px;\n }\n \n .title-section {\n margin-bottom: 20px;\n }\n }\n \n \/ Optimasi untuk layar sangat kecil \/\n @media (max-width: 320px) {\n body {\n padding: 8px;\n }\n \n .specs-table td {\n padding: 8px;\n }\n \n .certification {\n padding: 15px;\n }\n }\n <\/style>\n<\/head>\n<body>\n <div class=\"title-section\">\n <h3>PJU SEL SURYA<\/h3>\n <p class=\"subtitle\">All in One 100W 3V<\/p>\n <\/div>\n \n <div class=\"specs-section\">\n <div class=\"category-header\">LAMPU<\/div>\n <table class=\"specs-table\">\n <tr>\n <td>Daya LED<\/td>\n <td>3.2V 100W DC<\/td>\n <\/tr>\n <tr>\n <td>Tipe LED<\/td>\n <td>Philips SMD3030<\/td>\n <\/tr>\n <tr>\n <td>Lumen<\/td>\n <td>10,000\u201315,000 lm<\/td>\n <\/tr>\n <tr>\n <td>Sudut Pandang<\/td>\n <td>120 Derajat<\/td>\n <\/tr>\n <tr>\n <td>Suhu Warna (CCT)<\/td>\n <td>6500K<\/td>\n <\/tr>\n <\/table>\n \n <div class=\"category-header\">PANEL SURYA<\/div>\n <table class=\"specs-table\">\n <tr>\n <td>Tipe Panel Surya<\/td>\n <td>Mono Kristalin<\/td>\n <\/tr>\n <tr>\n <td>Daya Maksimum (6V)<\/td>\n <td>155WP<\/td>\n <\/tr>\n <tr>\n <td>Masa Pakai<\/td>\n <td>25 Tahun<\/td>\n <\/tr>\n <\/table>\n \n <div class=\"category-header\">BATERAI<\/div>\n <table class=\"specs-table\">\n <tr>\n <td>Tipe Baterai<\/td>\n <td>Lithium LifePO4 3.2V<\/td>\n <\/tr>\n <tr>\n <td>Kapasitas<\/td>\n <td>102Ah GRADE A<\/td>\n <\/tr>\n <tr>\n <td>Masa Pakai<\/td>\n <td>2\u20133 Tahun<\/td>\n <\/tr>\n <\/table>\n \n <div class=\"category-header\">KONTROLER<\/div>\n <table class=\"specs-table\">\n <tr>\n <td>Waktu Pengisian<\/td>\n <td>6\u20138 Jam<\/td>\n <\/tr>\n <tr>\n <td>Ketahanan<\/td>\n <td>1\u20132 Hari Hujan Berkelanjutan<\/td>\n <\/tr>\n <tr>\n <td>Suhu Kerja<\/td>\n <td>30\u201340\u00b0C<\/td>\n <\/tr>\n <tr>\n <td>Tipe Kontroler<\/td>\n <td>On-Board<\/td>\n <\/tr>\n <tr>\n <td>Sistem Kerja<\/td>\n <td>Kontrol Waktu Pencahayaan, Sistem Peredupan<\/td>\n <\/tr>\n <\/table>\n \n <div class=\"category-header\">REKOMENDASI PEMASANGAN<\/div>\n <table class=\"specs-table\">\n <tr>\n <td>Tinggi Pemasangan<\/td>\n <td>7\u20139 Meter<\/td>\n <\/tr>\n <tr>\n <td>Jarak Pemasangan<\/td>\n <td>30\u201350 Meter<\/td>\n <\/tr>\n <\/table>\n \n <div class=\"category-header\">MATERIAL<\/div>\n <table class=\"specs-table\">\n <tr>\n <td>Material Utama<\/td>\n <td>Pelat Baja<\/td>\n <\/tr>\n <tr>\n <td>Rating IP<\/td>\n <td>IP66<\/td>\n <\/tr>\n <tr>\n <td>Garansi<\/td>\n <td>1 Tahun<\/td>\n <\/tr>\n <\/table>\n <\/div>\n \n <div class=\"certification\">\n <h2>SPESIFIKASI & GARANSI<\/h2>\n <ul>\n <li>Material Utama: Pelat Baja<\/li>\n <li>Tahan Air IP66<\/li>\n <li>Garansi 1 Tahun<\/li>\n <\/ul>\n <\/div>\n<\/body>\n<\/html>\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n<!DOCTYPE html>\n<html lang=\"id\">\n<head>\n <meta charset=\"UTF-8\">\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n <title>Spesifikasi All in One 120W 3V<\/title>\n <style>\n {\n box-sizing: border-box;\n margin: 0;\n padding: 0;\n }\n \n body {\n font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\n line-height: 1.6;\n color: #333;\n background-color: #f8f9fa;\n padding: 15px;\n max-width: 1000px;\n margin: 0 auto;\n }\n \n .title-section {\n text-align: center;\n margin-bottom: 30px;\n padding: 0 10px;\n }\n \n h3 {\n font-size: clamp(16px, 4vw, 20px);\n margin-bottom: 8px;\n font-weight: 600;\n line-height: 1.3;\n color: #2c3e50;\n }\n \n .subtitle {\n font-size: clamp(13px, 3.2vw, 16px);\n color: #666;\n line-height: 1.4;\n font-weight: 500;\n }\n \n .specs-section {\n background-color: white;\n border-radius: 8px;\n box-shadow: 0 2px 10px rgba(0,0,0,0.08);\n overflow: hidden;\n margin-bottom: 25px;\n }\n \n .category-header {\n background-color: #e8f4fc;\n color: #2c3e50;\n font-weight: 600;\n font-size: clamp(14px, 3.5vw, 17px);\n padding: 12px 15px;\n border-bottom: 1px solid #d1e7f7;\n }\n \n .specs-table {\n width: 100%;\n border-collapse: collapse;\n }\n \n .specs-table tr {\n border-bottom: 1px solid #eaeaea;\n }\n \n .specs-table tr:last-child {\n border-bottom: none;\n }\n \n .specs-table td {\n padding: 12px 15px;\n vertical-align: top;\n font-size: clamp(13px, 3.2vw, 15px);\n }\n \n .specs-table td:first-child {\n font-weight: 600;\n width: 40%;\n color: #2c3e50;\n border-right: 1px solid #eaeaea;\n }\n \n .certification {\n background-color: #f0f7ff;\n padding: 20px;\n border-radius: 8px;\n margin-top: 25px;\n }\n \n .certification h2 {\n color: #2c3e50;\n margin-bottom: 15px;\n font-size: clamp(16px, 4vw, 20px);\n border-bottom: 2px solid #3498db;\n padding-bottom: 6px;\n display: inline-block;\n }\n \n .certification ul {\n list-style-type: none;\n padding-left: 0;\n }\n \n .certification li {\n padding: 8px 0;\n border-bottom: 1px dashed #d1e7f7;\n position: relative;\n padding-left: 25px;\n font-size: clamp(13px, 3.2vw, 15px);\n }\n \n .certification li:before {\n content: \"\u2713\";\n color: #27ae60;\n font-weight: bold;\n position: absolute;\n left: 0;\n }\n \n .certification li:last-child {\n border-bottom: none;\n }\n \n \/* Responsive table untuk mobile \/\n @media (max-width: 768px) {\n .specs-table td:first-child {\n width: 45%;\n }\n \n body {\n padding: 10px;\n }\n }\n \n @media (max-width: 480px) {\n .specs-table td {\n display: block;\n width: 100%;\n border-right: none;\n padding: 10px;\n }\n \n .specs-table td:first-child {\n width: 100%;\n background-color: #f8f9fa;\n border-bottom: none;\n padding-bottom: 5px;\n }\n \n .specs-table td:last-child {\n padding-top: 5px;\n padding-bottom: 12px;\n }\n \n .specs-table tr {\n border-bottom: 2px solid #eaeaea;\n }\n \n .category-header {\n padding: 10px 12px;\n }\n \n .title-section {\n margin-bottom: 20px;\n }\n }\n \n \/ Optimasi untuk layar sangat kecil \/\n @media (max-width: 320px) {\n body {\n padding: 8px;\n }\n \n .specs-table td {\n padding: 8px;\n }\n \n .certification {\n padding: 15px;\n }\n }\n <\/style>\n<\/head>\n<body>\n <div class=\"title-section\">\n <h3>All in One 120W 3V<\/h3>\n <p class=\"subtitle\">Lampu Jalan Tenaga Surya Terpadu 120W 3V<\/p>\n <\/div>\n \n <div class=\"specs-section\">\n <div class=\"category-header\">LAMPU<\/div>\n <table class=\"specs-table\">\n <tr>\n <td>Daya LED<\/td>\n <td>3.2V 120 Watt DC<\/td>\n <\/tr>\n <tr>\n <td>Tipe LED<\/td>\n <td>Philips SMD3030<\/td>\n <\/tr>\n <tr>\n <td>Kecerahan (Lumens)<\/td>\n <td>12.000\u201318.000 lumen<\/td>\n <\/tr>\n <tr>\n <td>Sudut Pencahayaan<\/td>\n <td>120 Derajat<\/td>\n <\/tr>\n <tr>\n <td>Suhu Warna (CCT)<\/td>\n <td>6500K<\/td>\n <\/tr>\n <\/table>\n \n <div class=\"category-header\">PANEL SURYA<\/div>\n <table class=\"specs-table\">\n <tr>\n <td>Jenis Panel Surya<\/td>\n <td>Mono Crystalline (silikon tunggal)<\/td>\n <\/tr>\n <tr>\n <td>Daya Maksimum (6V)<\/td>\n <td>195WP<\/td>\n <\/tr>\n <tr>\n <td>Umur Pakai<\/td>\n <td>25 Tahun<\/td>\n <\/tr>\n <\/table>\n \n <div class=\"category-header\">BATERAI<\/div>\n <table class=\"specs-table\">\n <tr>\n <td>Jenis Baterai<\/td>\n <td>Lithium LifePO4 3.2V<\/td>\n <\/tr>\n <tr>\n <td>Kapasitas<\/td>\n <td>126Ah Kelas A<\/td>\n <\/tr>\n <tr>\n <td>Umur Pakai<\/td>\n <td>2\u20133 Tahun<\/td>\n <\/tr>\n <\/table>\n \n <div class=\"category-header\">PENGENDALI<\/div>\n <table class=\"specs-table\">\n <tr>\n <td>Waktu Pengisian<\/td>\n <td>6\u20138 Jam<\/td>\n <\/tr>\n <tr>\n <td>Ketahanan<\/td>\n <td>Bertahan 1\u20132 Hari Saat Hujan<\/td>\n <\/tr>\n <tr>\n <td>Suhu Operasional<\/td>\n <td>30\u201340\u00b0C<\/td>\n <\/tr>\n <tr>\n <td>Pengendali<\/td>\n <td>Terpasang di Perangkat<\/td>\n <\/tr>\n <tr>\n <td>Sistem Kerja<\/td>\n <td>Kontrol Waktu & Sistem Peredupan Cahaya<\/td>\n <\/tr>\n <\/table>\n \n <div class=\"category-header\">REKOMENDASI PEMASANGAN<\/div>\n <table class=\"specs-table\">\n <tr>\n <td>Tinggi Tiang<\/td>\n <td>7\u20139 Meter<\/td>\n <\/tr>\n <tr>\n <td>Jarak Antar Tiang<\/td>\n <td>30\u201350 Meter<\/td>\n <\/tr>\n <\/table>\n \n <div class=\"category-header\">BAHAN<\/div>\n <table class=\"specs-table\">\n <tr>\n <td>Bahan Utama<\/td>\n <td>Plat Baja<\/td>\n <\/tr>\n <tr>\n <td>Tingkat Perlindungan<\/td>\n <td>IP66 (Tahan Air & Debu)<\/td>\n <\/tr>\n <tr>\n <td>Garansi<\/td>\n <td>1 Tahun<\/td>\n <\/tr>\n <\/table>\n <\/div>\n \n <div class=\"certification\">\n <h2>SPESIFIKASI & GARANSI<\/h2>\n <ul>\n <li>Bahan Utama: Plat Baja<\/li>\n <li>Tingkat Perlindungan IP66 (Tahan Air & Debu)<\/li>\n <li>Garansi 1 Tahun<\/li>\n <\/ul>\n <\/div>\n<\/body>\n<\/html>\n\n\n\n\n\n\n\n<!DOCTYPE html>\n<html lang=\"id\">\n<head>\n <meta charset=\"UTF-8\">\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n <title>Spesifikasi Lampu Jalan Tenaga Surya Terpadu 40W 12V<\/title>\n <style>\n {\n box-sizing: border-box;\n margin: 0;\n padding: 0;\n }\n \n body {\n font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\n line-height: 1.6;\n color: #333;\n background-color: #f8f9fa;\n padding: 15px;\n max-width: 1000px;\n margin: 0 auto;\n }\n \n .title-section {\n text-align: center;\n margin-bottom: 30px;\n padding: 0 10px;\n }\n \n h3 {\n font-size: clamp(16px, 4vw, 20px);\n margin-bottom: 8px;\n font-weight: 600;\n line-height: 1.3;\n color: #2c3e50;\n }\n \n .subtitle {\n font-size: clamp(13px, 3.2vw, 16px);\n color: #666;\n line-height: 1.4;\n font-weight: 500;\n }\n \n .specs-section {\n background-color: white;\n border-radius: 8px;\n box-shadow: 0 2px 10px rgba(0,0,0,0.08);\n overflow: hidden;\n margin-bottom: 25px;\n }\n \n .category-header {\n background-color: #e8f4fc;\n color: #2c3e50;\n font-weight: 600;\n font-size: clamp(14px, 3.5vw, 17px);\n padding: 12px 15px;\n border-bottom: 1px solid #d1e7f7;\n }\n \n .specs-table {\n width: 100%;\n border-collapse: collapse;\n }\n \n .specs-table tr {\n border-bottom: 1px solid #eaeaea;\n }\n \n .specs-table tr:last-child {\n border-bottom: none;\n }\n \n .specs-table td {\n padding: 12px 15px;\n vertical-align: top;\n font-size: clamp(13px, 3.2vw, 15px);\n }\n \n .specs-table td:first-child {\n font-weight: 600;\n width: 40%;\n color: #2c3e50;\n border-right: 1px solid #eaeaea;\n }\n \n .certification {\n background-color: #f0f7ff;\n padding: 20px;\n border-radius: 8px;\n margin-top: 25px;\n }\n \n .certification h2 {\n color: #2c3e50;\n margin-bottom: 15px;\n font-size: clamp(16px, 4vw, 20px);\n border-bottom: 2px solid #3498db;\n padding-bottom: 6px;\n display: inline-block;\n }\n \n .certification ul {\n list-style-type: none;\n padding-left: 0;\n }\n \n .certification li {\n padding: 8px 0;\n border-bottom: 1px dashed #d1e7f7;\n position: relative;\n padding-left: 25px;\n font-size: clamp(13px, 3.2vw, 15px);\n }\n \n .certification li:before {\n content: \"\u2713\";\n color: #27ae60;\n font-weight: bold;\n position: absolute;\n left: 0;\n }\n \n .certification li:last-child {\n border-bottom: none;\n }\n \n \/* Responsive table untuk mobile \/\n @media (max-width: 768px) {\n .specs-table td:first-child {\n width: 45%;\n }\n \n body {\n padding: 10px;\n }\n }\n \n @media (max-width: 480px) {\n .specs-table td {\n display: block;\n width: 100%;\n border-right: none;\n padding: 10px;\n }\n \n .specs-table td:first-child {\n width: 100%;\n background-color: #f8f9fa;\n border-bottom: none;\n padding-bottom: 5px;\n }\n \n .specs-table td:last-child {\n padding-top: 5px;\n padding-bottom: 12px;\n }\n \n .specs-table tr {\n border-bottom: 2px solid #eaeaea;\n }\n \n .category-header {\n padding: 10px 12px;\n }\n \n .title-section {\n margin-bottom: 20px;\n }\n }\n \n \/ Optimasi untuk layar sangat kecil \/\n @media (max-width: 320px) {\n body {\n padding: 8px;\n }\n \n .specs-table td {\n padding: 8px;\n }\n \n .certification {\n padding: 15px;\n }\n }\n <\/style>\n<\/head>\n<body>\n <div class=\"title-section\">\n <h3>Lampu Jalan Tenaga Surya Terpadu 40W 12V<\/h3>\n <\/div>\n \n <div class=\"specs-section\">\n <div class=\"category-header\">SPESIFIKASI TEKNIS<\/div>\n <table class=\"specs-table\">\n <tr>\n <td>Daya LED<\/td>\n <td>40W 12V<\/td>\n <\/tr>\n <tr>\n <td>Jumlah LED<\/td>\n <td>144 Chip PHILIPS SMD 3030<\/td>\n <\/tr>\n <tr>\n <td>Kecerahan (Lumens)<\/td>\n <td>4000\u20135200 lumen<\/td>\n <\/tr>\n <tr>\n <td>Sudut Pencahayaan<\/td>\n <td>180 Derajat (Braket Dapat Disesuaikan)<\/td>\n <\/tr>\n <tr>\n <td>Suhu Warna (CCT)<\/td>\n <td>6500K<\/td>\n <\/tr>\n <tr>\n <td>Umur Pakai<\/td>\n <td>50.000 Jam<\/td>\n <\/tr>\n <\/table>\n \n <div class=\"category-header\">PANEL SURYA<\/div>\n <table class=\"specs-table\">\n <tr>\n <td>Jenis<\/td>\n <td>Mono-Crystalline Efisiensi Tinggi<\/td>\n <\/tr>\n <tr>\n <td>Daya Maksimum<\/td>\n <td>70WP 18V<\/td>\n <\/tr>\n <tr>\n <td>Umur Pakai<\/td>\n <td>25 Tahun<\/td>\n <\/tr>\n <\/table>\n \n <div class=\"category-header\">BATERAI<\/div>\n <table class=\"specs-table\">\n <tr>\n <td>Jenis<\/td>\n <td>Lithium LifePO4 12.8V<\/td>\n <\/tr>\n <tr>\n <td>Kapasitas<\/td>\n <td>30Ah 12.8V<\/td>\n <\/tr>\n <tr>\n <td>Umur Pakai<\/td>\n <td>3\u20135 Tahun<\/td>\n <\/tr>\n <\/table>\n \n <div class=\"category-header\">PENGISIAN DAYA<\/div>\n <table class=\"specs-table\">\n <tr>\n <td>Waktu Pengisian<\/td>\n <td>6\u20138 Jam<\/td>\n <\/tr>\n <tr>\n <td>Daya Tahan Saat Hujan<\/td>\n <td>3\u20135 Hari Hujan<\/td>\n <\/tr>\n <\/table>\n \n <div class=\"category-header\">KONDISI OPERASIONAL<\/div>\n <table class=\"specs-table\">\n <tr>\n <td>Suhu Operasional<\/td>\n <td>35\u201350\u00b0C<\/td>\n <\/tr>\n <tr>\n <td>Sensor<\/td>\n <td>Otomatis Menyala\/Mati Berdasarkan Cahaya<\/td>\n <\/tr>\n <tr>\n <td>Peredupan (Dimming)<\/td>\n <td>Dikendalikan oleh Waktu<\/td>\n <\/tr>\n <\/table>\n \n <div class=\"category-header\">PEMASANGAN<\/div>\n <table class=\"specs-table\">\n <tr>\n <td>Tinggi Tiang<\/td>\n <td>7 Meter<\/td>\n <\/tr>\n <tr>\n <td>Jarak Antar Tiang<\/td>\n <td>20\u201340 Meter<\/td>\n <\/tr>\n <\/table>\n \n <div class=\"category-header\">DETAIL PRODUK<\/div>\n <table class=\"specs-table\">\n <tr>\n <td>Berat Produk<\/td>\n <td>13 Kg<\/td>\n <\/tr>\n <tr>\n <td>Ukuran Produk<\/td>\n <td>108 \u00d7 36.8 \u00d7 5 cm<\/td>\n <\/tr>\n <tr>\n <td>Bahan Utama<\/td>\n <td>Aluminium Alloy IP66 (Tahan Air & Debu)<\/td>\n <\/tr>\n <\/table>\n <\/div>\n \n <div class=\"certification\">\n <h2>SERTIFIKASI & FITUR<\/h2>\n <ul>\n <li>Tahan Air IP66<\/li>\n <li>Bahan Utama: Aluminium Alloy<\/li>\n <li>Sensor Cahaya Otomatis<\/li>\n <li>Sistem Peredupan Berdasarkan Waktu<\/li>\n <\/ul>\n <\/div>\n<\/body>\n<\/html>\n\n\n\n\n\n\n\n<!DOCTYPE html>\n<html lang=\"id\">\n<head>\n <meta charset=\"UTF-8\">\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n <title>Spesifikasi Lampu Jalan Tenaga Surya Terpadu 40W 3V<\/title>\n <style>\n {\n box-sizing: border-box;\n margin: 0;\n padding: 0;\n }\n \n body {\n font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\n line-height: 1.6;\n color: #333;\n background-color: #f8f9fa;\n padding: 15px;\n max-width: 1000px;\n margin: 0 auto;\n }\n \n .title-section {\n text-align: center;\n margin-bottom: 30px;\n padding: 0 10px;\n }\n \n h3 {\n font-size: clamp(16px, 4vw, 20px);\n margin-bottom: 8px;\n font-weight: 600;\n line-height: 1.3;\n color: #2c3e50;\n }\n \n .subtitle {\n font-size: clamp(13px, 3.2vw, 16px);\n color: #666;\n line-height: 1.4;\n font-weight: 500;\n }\n \n .specs-section {\n background-color: white;\n border-radius: 8px;\n box-shadow: 0 2px 10px rgba(0,0,0,0.08);\n overflow: hidden;\n margin-bottom: 25px;\n }\n \n .category-header {\n background-color: #e8f4fc;\n color: #2c3e50;\n font-weight: 600;\n font-size: clamp(14px, 3.5vw, 17px);\n padding: 12px 15px;\n border-bottom: 1px solid #d1e7f7;\n }\n \n .specs-table {\n width: 100%;\n border-collapse: collapse;\n }\n \n .specs-table tr {\n border-bottom: 1px solid #eaeaea;\n }\n \n .specs-table tr:last-child {\n border-bottom: none;\n }\n \n .specs-table td {\n padding: 12px 15px;\n vertical-align: top;\n font-size: clamp(13px, 3.2vw, 15px);\n }\n \n .specs-table td:first-child {\n font-weight: 600;\n width: 40%;\n color: #2c3e50;\n border-right: 1px solid #eaeaea;\n }\n \n .certification {\n background-color: #f0f7ff;\n padding: 20px;\n border-radius: 8px;\n margin-top: 25px;\n }\n \n .certification h2 {\n color: #2c3e50;\n margin-bottom: 15px;\n font-size: clamp(16px, 4vw, 20px);\n border-bottom: 2px solid #3498db;\n padding-bottom: 6px;\n display: inline-block;\n }\n \n .certification ul {\n list-style-type: none;\n padding-left: 0;\n }\n \n .certification li {\n padding: 8px 0;\n border-bottom: 1px dashed #d1e7f7;\n position: relative;\n padding-left: 25px;\n font-size: clamp(13px, 3.2vw, 15px);\n }\n \n .certification li:before {\n content: \"\u2713\";\n color: #27ae60;\n font-weight: bold;\n position: absolute;\n left: 0;\n }\n \n .certification li:last-child {\n border-bottom: none;\n }\n \n \/* Responsive table untuk mobile \/\n @media (max-width: 768px) {\n .specs-table td:first-child {\n width: 45%;\n }\n \n body {\n padding: 10px;\n }\n }\n \n @media (max-width: 480px) {\n .specs-table td {\n display: block;\n width: 100%;\n border-right: none;\n padding: 10px;\n }\n \n .specs-table td:first-child {\n width: 100%;\n background-color: #f8f9fa;\n border-bottom: none;\n padding-bottom: 5px;\n }\n \n .specs-table td:last-child {\n padding-top: 5px;\n padding-bottom: 12px;\n }\n \n .specs-table tr {\n border-bottom: 2px solid #eaeaea;\n }\n \n .category-header {\n padding: 10px 12px;\n }\n \n .title-section {\n margin-bottom: 20px;\n }\n }\n \n \/ Optimasi untuk layar sangat kecil \/\n @media (max-width: 320px) {\n body {\n padding: 8px;\n }\n \n .specs-table td {\n padding: 8px;\n }\n \n .certification {\n padding: 15px;\n }\n }\n <\/style>\n<\/head>\n<body>\n <div class=\"title-section\">\n <h3>Lampu Jalan Tenaga Surya Terpadu 40W 3V<\/h3>\n <\/div>\n \n <div class=\"specs-section\">\n <div class=\"category-header\">LAMPU<\/div>\n <table class=\"specs-table\">\n <tr>\n <td>Daya LED<\/td>\n <td>3.2V 40W DC<\/td>\n <\/tr>\n <tr>\n <td>Tipe LED<\/td>\n <td>Philips SMD3030<\/td>\n <\/tr>\n <tr>\n <td>Kecerahan (Lumens)<\/td>\n <td>4000\u20134800 lumen<\/td>\n <\/tr>\n <tr>\n <td>Sudut Pencahayaan<\/td>\n <td>120 Derajat<\/td>\n <\/tr>\n <tr>\n <td>Suhu Warna (CCT)<\/td>\n <td>6500K<\/td>\n <\/tr>\n <\/table>\n \n <div class=\"category-header\">PANEL SURYA<\/div>\n <table class=\"specs-table\">\n <tr>\n <td>Jenis Panel Surya<\/td>\n <td>Mono Crystalline<\/td>\n <\/tr>\n <tr>\n <td>Daya Maksimum (6V)<\/td>\n <td>75WP<\/td>\n <\/tr>\n <tr>\n <td>Umur Pakai<\/td>\n <td>25 Tahun<\/td>\n <\/tr>\n <\/table>\n \n <div class=\"category-header\">BATERAI<\/div>\n <table class=\"specs-table\">\n <tr>\n <td>Jenis Baterai<\/td>\n <td>Lithium LifePO4 3.2V<\/td>\n <\/tr>\n <tr>\n <td>Kapasitas<\/td>\n <td>36Ah Kelas A<\/td>\n <\/tr>\n <tr>\n <td>Umur Pakai<\/td>\n <td>2\u20133 Tahun<\/td>\n <\/tr>\n <\/table>\n \n <div class=\"category-header\">PENGENDALI<\/div>\n <table class=\"specs-table\">\n <tr>\n <td>Waktu Pengisian<\/td>\n <td>6\u20138 Jam<\/td>\n <\/tr>\n <tr>\n <td>Ketahanan<\/td>\n <td>Bertahan 1\u20132 Hari Hujan<\/td>\n <\/tr>\n <tr>\n <td>Suhu Operasional<\/td>\n <td>30\u201340\u00b0C<\/td>\n <\/tr>\n <tr>\n <td>Pengendali<\/td>\n <td>Terpasang di dalam sistem<\/td>\n <\/tr>\n <tr>\n <td>Sistem Kerja<\/td>\n <td>Sistem Peredupan Otomatis<\/td>\n <\/tr>\n <\/table>\n \n <div class=\"category-header\">REKOMENDASI PEMASANGAN<\/div>\n <table class=\"specs-table\">\n <tr>\n <td>Tinggi Tiang<\/td>\n <td>6\u20137 Meter<\/td>\n <\/tr>\n <tr>\n <td>Jarak Antar Tiang<\/td>\n <td>30\u201350 Meter<\/td>\n <\/tr>\n <\/table>\n \n <div class=\"category-header\">BAHAN<\/div>\n <table class=\"specs-table\">\n <tr>\n <td>Bahan Utama<\/td>\n <td>Pelat Baja<\/td>\n <\/tr>\n <tr>\n <td>Kelas Perlindungan<\/td>\n <td>IP66 (Tahan Air & Debu)<\/td>\n <\/tr>\n <tr>\n <td>Garansi<\/td>\n <td>1 Tahun<\/td>\n <\/tr>\n <\/table>\n <\/div>\n \n <div class=\"certification\">\n <h2>SPESIFIKASI & GARANSI<\/h2>\n <ul>\n <li>Bahan Utama: Pelat Baja<\/li>\n <li>Kelas Perlindungan IP66 (Tahan Air & Debu)<\/li>\n <li>Sistem Peredupan Otomatis<\/li>\n <li>Garansi 1 Tahun<\/li>\n <\/ul>\n <\/div>\n<\/body>\n<\/html>\n\n\n\n\n\n\n\n<!DOCTYPE html>\n<html lang=\"id\">\n<head>\n <meta charset=\"UTF-8\">\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n <title>Spesifikasi Lampu Jalan Tenaga Surya Terpadu 60W 12V<\/title>\n <style>\n {\n box-sizing: border-box;\n margin: 0;\n padding: 0;\n }\n \n body {\n font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\n line-height: 1.6;\n color: #333;\n background-color: #f8f9fa;\n padding: 15px;\n max-width: 1000px;\n margin: 0 auto;\n }\n \n .title-section {\n text-align: center;\n margin-bottom: 30px;\n padding: 0 10px;\n }\n \n h3 {\n font-size: clamp(16px, 4vw, 20px);\n margin-bottom: 8px;\n font-weight: 600;\n line-height: 1.3;\n color: #2c3e50;\n }\n \n .subtitle {\n font-size: clamp(13px, 3.2vw, 16px);\n color: #666;\n line-height: 1.4;\n font-weight: 500;\n }\n \n .specs-section {\n background-color: white;\n border-radius: 8px;\n box-shadow: 0 2px 10px rgba(0,0,0,0.08);\n overflow: hidden;\n margin-bottom: 25px;\n }\n \n .category-header {\n background-color: #e8f4fc;\n color: #2c3e50;\n font-weight: 600;\n font-size: clamp(14px, 3.5vw, 17px);\n padding: 12px 15px;\n border-bottom: 1px solid #d1e7f7;\n }\n \n .specs-table {\n width: 100%;\n border-collapse: collapse;\n }\n \n .specs-table tr {\n border-bottom: 1px solid #eaeaea;\n }\n \n .specs-table tr:last-child {\n border-bottom: none;\n }\n \n .specs-table td {\n padding: 12px 15px;\n vertical-align: top;\n font-size: clamp(13px, 3.2vw, 15px);\n }\n \n .specs-table td:first-child {\n font-weight: 600;\n width: 40%;\n color: #2c3e50;\n border-right: 1px solid #eaeaea;\n }\n \n .certification {\n background-color: #f0f7ff;\n padding: 20px;\n border-radius: 8px;\n margin-top: 25px;\n }\n \n .certification h2 {\n color: #2c3e50;\n margin-bottom: 15px;\n font-size: clamp(16px, 4vw, 20px);\n border-bottom: 2px solid #3498db;\n padding-bottom: 6px;\n display: inline-block;\n }\n \n .certification ul {\n list-style-type: none;\n padding-left: 0;\n }\n \n .certification li {\n padding: 8px 0;\n border-bottom: 1px dashed #d1e7f7;\n position: relative;\n padding-left: 25px;\n font-size: clamp(13px, 3.2vw, 15px);\n }\n \n .certification li:before {\n content: \"\u2713\";\n color: #27ae60;\n font-weight: bold;\n position: absolute;\n left: 0;\n }\n \n .certification li:last-child {\n border-bottom: none;\n }\n \n \/* Responsive table untuk mobile \/\n @media (max-width: 768px) {\n .specs-table td:first-child {\n width: 45%;\n }\n \n body {\n padding: 10px;\n }\n }\n \n @media (max-width: 480px) {\n .specs-table td {\n display: block;\n width: 100%;\n border-right: none;\n padding: 10px;\n }\n \n .specs-table td:first-child {\n width: 100%;\n background-color: #f8f9fa;\n border-bottom: none;\n padding-bottom: 5px;\n }\n \n .specs-table td:last-child {\n padding-top: 5px;\n padding-bottom: 12px;\n }\n \n .specs-table tr {\n border-bottom: 2px solid #eaeaea;\n }\n \n .category-header {\n padding: 10px 12px;\n }\n \n .title-section {\n margin-bottom: 20px;\n }\n }\n \n \/ Optimasi untuk layar sangat kecil \/\n @media (max-width: 320px) {\n body {\n padding: 8px;\n }\n \n .specs-table td {\n padding: 8px;\n }\n \n .certification {\n padding: 15px;\n }\n }\n <\/style>\n<\/head>\n<body>\n <div class=\"title-section\">\n <h3>LAMPU JALAN TENAGA SURYA TERPADU 60W 12V<\/h3>\n <\/div>\n \n <div class=\"specs-section\">\n <div class=\"category-header\">SPESIFIKASI TEKNIS<\/div>\n <table class=\"specs-table\">\n <tr>\n <td>Daya Lampu LED<\/td>\n <td>60W 12V<\/td>\n <\/tr>\n <tr>\n <td>Jumlah LED<\/td>\n <td>192 chip Philips SMD 3030<\/td>\n <\/tr>\n <tr>\n <td>Kecerahan (Lumens)<\/td>\n <td>6000\u20137200 lumen<\/td>\n <\/tr>\n <tr>\n <td>Sudut Pencahayaan<\/td>\n <td>180 derajat (braket dapat disesuaikan)<\/td>\n <\/tr>\n <tr>\n <td>Suhu Warna<\/td>\n <td>6500K<\/td>\n <\/tr>\n <tr>\n <td>Umur Lampu<\/td>\n <td>50.000 jam<\/td>\n <\/tr>\n <\/table>\n \n <div class=\"category-header\">PANEL SURYA<\/div>\n <table class=\"specs-table\">\n <tr>\n <td>Jenis Panel Surya<\/td>\n <td>Mono Crystalline Efisiensi Tinggi<\/td>\n <\/tr>\n <tr>\n <td>Daya Maksimum<\/td>\n <td>100WP 18V<\/td>\n <\/tr>\n <tr>\n <td>Umur Pakai<\/td>\n <td>25 tahun<\/td>\n <\/tr>\n <\/table>\n \n <div class=\"category-header\">BATERAI<\/div>\n <table class=\"specs-table\">\n <tr>\n <td>Jenis Baterai<\/td>\n <td>Lithium LifePO4 12.8V<\/td>\n <\/tr>\n <tr>\n <td>Kapasitas<\/td>\n <td>48Ah 12.8V<\/td>\n <\/tr>\n <tr>\n <td>Umur Pakai<\/td>\n <td>3\u20135 tahun<\/td>\n <\/tr>\n <\/table>\n \n <div class=\"category-header\">PENGISIAN DAN DAYA TAHAN<\/div>\n <table class=\"specs-table\">\n <tr>\n <td>Waktu Pengisian<\/td>\n <td>6\u20138 jam<\/td>\n <\/tr>\n <tr>\n <td>Ketahanan Saat Hujan<\/td>\n <td>3\u20135 hari hujan<\/td>\n <\/tr>\n <\/table>\n \n <div class=\"category-header\">KINERJA<\/div>\n <table class=\"specs-table\">\n <tr>\n <td>Suhu Operasional<\/td>\n <td>35\u201350\u00b0C<\/td>\n <\/tr>\n <tr>\n <td>Sensor<\/td>\n <td>Otomatis menyala\/mati berdasarkan sensor cahaya<\/td>\n <\/tr>\n <tr>\n <td>Peredupan Cahaya<\/td>\n <td>Kontrol waktu<\/td>\n <\/tr>\n <\/table>\n \n <div class=\"category-header\">PEMASANGAN<\/div>\n <table class=\"specs-table\">\n <tr>\n <td>Tinggi Tiang<\/td>\n <td>7\u20138 meter<\/td>\n <\/tr>\n <tr>\n <td>Jarak Antar Tiang<\/td>\n <td>20\u201340 meter<\/td>\n <\/tr>\n <\/table>\n \n <div class=\"category-header\">SPESIFIKASI FISIK<\/div>\n <table class=\"specs-table\">\n <tr>\n <td>Berat Produk<\/td>\n <td>16 kg<\/td>\n <\/tr>\n <tr>\n <td>Ukuran Produk<\/td>\n <td>107 \u00d7 42.5 \u00d7 5 cm<\/td>\n <\/tr>\n <tr>\n <td>Bahan Utama<\/td>\n <td>Aluminium Alloy IP66<\/td>\n <\/tr>\n <\/table>\n <\/div>\n \n <div class=\"certification\">\n <h2>GARANSI DAN FITUR<\/h2>\n <ul>\n <li>Bahan Utama: Aluminium Alloy IP66<\/li>\n <li>Sensor Cahaya Otomatis<\/li>\n <li>Sistem Peredupan Berdasarkan Waktu<\/li>\n <li>Garansi 2 Tahun<\/li>\n <\/ul>\n <\/div>\n<\/body>\n<\/html>\n\n\n\n\n\n\n\n<!DOCTYPE html>\n<html lang=\"id\">\n<head>\n <meta charset=\"UTF-8\">\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n <title>Spesifikasi Lampu Jalan Tenaga Surya Terpadu 60W 3.2V<\/title>\n <style>\n {\n box-sizing: border-box;\n margin: 0;\n padding: 0;\n }\n \n body {\n font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\n line-height: 1.6;\n color: #333;\n background-color: #f8f9fa;\n padding: 15px;\n max-width: 1000px;\n margin: 0 auto;\n }\n \n .title-section {\n text-align: center;\n margin-bottom: 30px;\n padding: 0 10px;\n }\n \n h3 {\n font-size: clamp(16px, 4vw, 20px);\n margin-bottom: 8px;\n font-weight: 600;\n line-height: 1.3;\n color: #2c3e50;\n }\n \n .subtitle {\n font-size: clamp(13px, 3.2vw, 16px);\n color: #666;\n line-height: 1.4;\n font-weight: 500;\n }\n \n .specs-section {\n background-color: white;\n border-radius: 8px;\n box-shadow: 0 2px 10px rgba(0,0,0,0.08);\n overflow: hidden;\n margin-bottom: 25px;\n }\n \n .category-header {\n background-color: #e8f4fc;\n color: #2c3e50;\n font-weight: 600;\n font-size: clamp(14px, 3.5vw, 17px);\n padding: 12px 15px;\n border-bottom: 1px solid #d1e7f7;\n }\n \n .specs-table {\n width: 100%;\n border-collapse: collapse;\n }\n \n .specs-table tr {\n border-bottom: 1px solid #eaeaea;\n }\n \n .specs-table tr:last-child {\n border-bottom: none;\n }\n \n .specs-table td {\n padding: 12px 15px;\n vertical-align: top;\n font-size: clamp(13px, 3.2vw, 15px);\n }\n \n .specs-table td:first-child {\n font-weight: 600;\n width: 40%;\n color: #2c3e50;\n border-right: 1px solid #eaeaea;\n }\n \n .certification {\n background-color: #f0f7ff;\n padding: 20px;\n border-radius: 8px;\n margin-top: 25px;\n }\n \n .certification h2 {\n color: #2c3e50;\n margin-bottom: 15px;\n font-size: clamp(16px, 4vw, 20px);\n border-bottom: 2px solid #3498db;\n padding-bottom: 6px;\n display: inline-block;\n }\n \n .certification ul {\n list-style-type: none;\n padding-left: 0;\n }\n \n .certification li {\n padding: 8px 0;\n border-bottom: 1px dashed #d1e7f7;\n position: relative;\n padding-left: 25px;\n font-size: clamp(13px, 3.2vw, 15px);\n }\n \n .certification li:before {\n content: \"\u2713\";\n color: #27ae60;\n font-weight: bold;\n position: absolute;\n left: 0;\n }\n \n .certification li:last-child {\n border-bottom: none;\n }\n \n \/* Responsive table untuk mobile \/\n @media (max-width: 768px) {\n .specs-table td:first-child {\n width: 45%;\n }\n \n body {\n padding: 10px;\n }\n }\n \n @media (max-width: 480px) {\n .specs-table td {\n display: block;\n width: 100%;\n border-right: none;\n padding: 10px;\n }\n \n .specs-table td:first-child {\n width: 100%;\n background-color: #f8f9fa;\n border-bottom: none;\n padding-bottom: 5px;\n }\n \n .specs-table td:last-child {\n padding-top: 5px;\n padding-bottom: 12px;\n }\n \n .specs-table tr {\n border-bottom: 2px solid #eaeaea;\n }\n \n .category-header {\n padding: 10px 12px;\n }\n \n .title-section {\n margin-bottom: 20px;\n }\n }\n \n \/ Optimasi untuk layar sangat kecil \/\n @media (max-width: 320px) {\n body {\n padding: 8px;\n }\n \n .specs-table td {\n padding: 8px;\n }\n \n .certification {\n padding: 15px;\n }\n }\n <\/style>\n<\/head>\n<body>\n <div class=\"title-section\">\n <h3>LAMPU JALAN TENAGA SURYA TERPADU 60W 3.2V<\/h3>\n <\/div>\n \n <div class=\"specs-section\">\n <div class=\"category-header\">SPESIFIKASI TEKNIS<\/div>\n <table class=\"specs-table\">\n <tr>\n <td>Daya Lampu LED<\/td>\n <td>60W 3.2V<\/td>\n <\/tr>\n <tr>\n <td>Jumlah LED<\/td>\n <td>144 chip Philips SMD 3030<\/td>\n <\/tr>\n <tr>\n <td>Kecerahan (Lumens)<\/td>\n <td>6000\u20137200 lumen<\/td>\n <\/tr>\n <tr>\n <td>Sudut Pencahayaan<\/td>\n <td>180 derajat (braket dapat disesuaikan)<\/td>\n <\/tr>\n <tr>\n <td>Suhu Warna<\/td>\n <td>6500K<\/td>\n <\/tr>\n <tr>\n <td>Umur Lampu<\/td>\n <td>50.000 jam<\/td>\n <\/tr>\n <\/table>\n \n <div class=\"category-header\">PANEL SURYA<\/div>\n <table class=\"specs-table\">\n <tr>\n <td>Jenis Panel Surya<\/td>\n <td>Mono Crystalline efisiensi tinggi<\/td>\n <\/tr>\n <tr>\n <td>Daya Maksimum<\/td>\n <td>75WP 6V<\/td>\n <\/tr>\n <tr>\n <td>Umur Pakai<\/td>\n <td>25 tahun<\/td>\n <\/tr>\n <\/table>\n \n <div class=\"category-header\">BATERAI<\/div>\n <table class=\"specs-table\">\n <tr>\n <td>Jenis Baterai<\/td>\n <td>Lithium LifePO4 3.2V<\/td>\n <\/tr>\n <tr>\n <td>Kapasitas<\/td>\n <td>60Ah 3.2V<\/td>\n <\/tr>\n <tr>\n <td>Umur Pakai<\/td>\n <td>3\u20135 tahun<\/td>\n <\/tr>\n <\/table>\n \n <div class=\"category-header\">PENGISIAN DAN DAYA TAHAN<\/div>\n <table class=\"specs-table\">\n <tr>\n <td>Waktu Pengisian<\/td>\n <td>6\u20138 jam<\/td>\n <\/tr>\n <tr>\n <td>Ketahanan Saat Hujan<\/td>\n <td>3\u20135 hari hujan<\/td>\n <\/tr>\n <\/table>\n \n <div class=\"category-header\">KINERJA<\/div>\n <table class=\"specs-table\">\n <tr>\n <td>Suhu Operasional<\/td>\n <td>35\u201350\u00b0C<\/td>\n <\/tr>\n <tr>\n <td>Sensor<\/td>\n <td>Menyala\/mati otomatis melalui sensor cahaya<\/td>\n <\/tr>\n <tr>\n <td>Peredupan Cahaya<\/td>\n <td>Kontrol waktu<\/td>\n <\/tr>\n <\/table>\n \n <div class=\"category-header\">PEMASANGAN<\/div>\n <table class=\"specs-table\">\n <tr>\n <td>Tinggi Tiang<\/td>\n <td>7 meter<\/td>\n <\/tr>\n <tr>\n <td>Jarak Antar Tiang<\/td>\n <td>20\u201340 meter<\/td>\n <\/tr>\n <\/table>\n \n <div class=\"category-header\">SPESIFIKASI FISIK<\/div>\n <table class=\"specs-table\">\n <tr>\n <td>Berat Produk<\/td>\n <td>11 kg<\/td>\n <\/tr>\n <tr>\n <td>Ukuran Produk<\/td>\n <td>86 \u00d7 36.8 \u00d7 5 cm<\/td>\n <\/tr>\n <tr>\n <td>Bahan Utama<\/td>\n <td>Aluminium Alloy IP66<\/td>\n <\/tr>\n <\/table>\n <\/div>\n \n <div class=\"certification\">\n <h2>GARANSI DAN FITUR<\/h2>\n <ul>\n <li>Bahan Utama: Aluminium Alloy IP66<\/li>\n <li>Sensor Cahaya Otomatis<\/li>\n <li>Sistem Peredupan Berdasarkan Waktu<\/li>\n <li>Garansi 1 Tahun<\/li>\n <\/ul>\n <\/div>\n<\/body>\n<\/html>\n\n\n\n\n\n\n\n<!DOCTYPE html>\n<html lang=\"id\">\n<head>\n <meta charset=\"UTF-8\">\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n <title>Spesifikasi Lampu Jalan Tenaga Surya Terpadu 80W 12V<\/title>\n <style>\n {\n box-sizing: border-box;\n margin: 0;\n padding: 0;\n }\n \n body {\n font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\n line-height: 1.6;\n color: #333;\n background-color: #f8f9fa;\n padding: 15px;\n max-width: 1000px;\n margin: 0 auto;\n }\n \n .title-section {\n text-align: center;\n margin-bottom: 30px;\n padding: 0 10px;\n }\n \n h3 {\n font-size: clamp(16px, 4vw, 20px);\n margin-bottom: 8px;\n font-weight: 600;\n line-height: 1.3;\n color: #2c3e50;\n }\n \n .subtitle {\n font-size: clamp(13px, 3.2vw, 16px);\n color: #666;\n line-height: 1.4;\n font-weight: 500;\n }\n \n .specs-section {\n background-color: white;\n border-radius: 8px;\n box-shadow: 0 2px 10px rgba(0,0,0,0.08);\n overflow: hidden;\n margin-bottom: 25px;\n }\n \n .category-header {\n background-color: #e8f4fc;\n color: #2c3e50;\n font-weight: 600;\n font-size: clamp(14px, 3.5vw, 17px);\n padding: 12px 15px;\n border-bottom: 1px solid #d1e7f7;\n }\n \n .specs-table {\n width: 100%;\n border-collapse: collapse;\n }\n \n .specs-table tr {\n border-bottom: 1px solid #eaeaea;\n }\n \n .specs-table tr:last-child {\n border-bottom: none;\n }\n \n .specs-table td {\n padding: 12px 15px;\n vertical-align: top;\n font-size: clamp(13px, 3.2vw, 15px);\n }\n \n .specs-table td:first-child {\n font-weight: 600;\n width: 40%;\n color: #2c3e50;\n border-right: 1px solid #eaeaea;\n }\n \n .certification {\n background-color: #f0f7ff;\n padding: 20px;\n border-radius: 8px;\n margin-top: 25px;\n }\n \n .certification h2 {\n color: #2c3e50;\n margin-bottom: 15px;\n font-size: clamp(16px, 4vw, 20px);\n border-bottom: 2px solid #3498db;\n padding-bottom: 6px;\n display: inline-block;\n }\n \n .certification ul {\n list-style-type: none;\n padding-left: 0;\n }\n \n .certification li {\n padding: 8px 0;\n border-bottom: 1px dashed #d1e7f7;\n position: relative;\n padding-left: 25px;\n font-size: clamp(13px, 3.2vw, 15px);\n }\n \n .certification li:before {\n content: \"\u2713\";\n color: #27ae60;\n font-weight: bold;\n position: absolute;\n left: 0;\n }\n \n .certification li:last-child {\n border-bottom: none;\n }\n \n \/* Responsive table untuk mobile \/\n @media (max-width: 768px) {\n .specs-table td:first-child {\n width: 45%;\n }\n \n body {\n padding: 10px;\n }\n }\n \n @media (max-width: 480px) {\n .specs-table td {\n display: block;\n width: 100%;\n border-right: none;\n padding: 10px;\n }\n \n .specs-table td:first-child {\n width: 100%;\n background-color: #f8f9fa;\n border-bottom: none;\n padding-bottom: 5px;\n }\n \n .specs-table td:last-child {\n padding-top: 5px;\n padding-bottom: 12px;\n }\n \n .specs-table tr {\n border-bottom: 2px solid #eaeaea;\n }\n \n .category-header {\n padding: 10px 12px;\n }\n \n .title-section {\n margin-bottom: 20px;\n }\n }\n \n \/ Optimasi untuk layar sangat kecil \/\n @media (max-width: 320px) {\n body {\n padding: 8px;\n }\n \n .specs-table td {\n padding: 8px;\n }\n \n .certification {\n padding: 15px;\n }\n }\n <\/style>\n<\/head>\n<body>\n <div class=\"title-section\">\n <h3>LAMPU JALAN TENAGA SURYA TERPADU 80W 12V<\/h3>\n <\/div>\n \n <div class=\"specs-section\">\n <div class=\"category-header\">SPESIFIKASI TEKNIS<\/div>\n <table class=\"specs-table\">\n <tr>\n <td>Daya Lampu LED<\/td>\n <td>80W 12V<\/td>\n <\/tr>\n <tr>\n <td>Jumlah LED<\/td>\n <td>240 chip Philips SMD 3030<\/td>\n <\/tr>\n <tr>\n <td>Kecerahan (Lumens)<\/td>\n <td>8000\u20139600 lumen<\/td>\n <\/tr>\n <tr>\n <td>Sudut Pencahayaan<\/td>\n <td>180 derajat (braket dapat disesuaikan)<\/td>\n <\/tr>\n <tr>\n <td>Suhu Warna<\/td>\n <td>6500K<\/td>\n <\/tr>\n <tr>\n <td>Umur Lampu<\/td>\n <td>50.000 jam<\/td>\n <\/tr>\n <\/table>\n \n <div class=\"category-header\">PANEL SURYA<\/div>\n <table class=\"specs-table\">\n <tr>\n <td>Jenis Panel Surya<\/td>\n <td>Mono Crystalline efisiensi tinggi<\/td>\n <\/tr>\n <tr>\n <td>Daya Maksimum<\/td>\n <td>100WP 18V<\/td>\n <\/tr>\n <tr>\n <td>Umur Pakai<\/td>\n <td>25 tahun<\/td>\n <\/tr>\n <\/table>\n \n <div class=\"category-header\">BATERAI<\/div>\n <table class=\"specs-table\">\n <tr>\n <td>Jenis Baterai<\/td>\n <td>Lithium LifePO4 12.8V<\/td>\n <\/tr>\n <tr>\n <td>Kapasitas<\/td>\n <td>48Ah 12.8V<\/td>\n <\/tr>\n <tr>\n <td>Umur Pakai<\/td>\n <td>3\u20135 tahun<\/td>\n <\/tr>\n <\/table>\n \n <div class=\"category-header\">PENGISIAN DAN DAYA TAHAN<\/div>\n <table class=\"specs-table\">\n <tr>\n <td>Waktu Pengisian<\/td>\n <td>6\u20138 jam<\/td>\n <\/tr>\n <tr>\n <td>Ketahanan Saat Hujan<\/td>\n <td>3\u20135 hari hujan<\/td>\n <\/tr>\n <\/table>\n \n <div class=\"category-header\">KINERJA<\/div>\n <table class=\"specs-table\">\n <tr>\n <td>Suhu Operasional<\/td>\n <td>35\u201350\u00b0C<\/td>\n <\/tr>\n <tr>\n <td>Sensor<\/td>\n <td>Menyala\/mati otomatis dengan sensor cahaya<\/td>\n <\/tr>\n <tr>\n <td>Peredupan Cahaya<\/td>\n <td>Kontrol waktu<\/td>\n <\/tr>\n <\/table>\n \n <div class=\"category-header\">PEMASANGAN<\/div>\n <table class=\"specs-table\">\n <tr>\n <td>Tinggi Tiang<\/td>\n <td>7\u20138 meter<\/td>\n <\/tr>\n <tr>\n <td>Jarak Antar Tiang<\/td>\n <td>20\u201340 meter<\/td>\n <\/tr>\n <\/table>\n \n <div class=\"category-header\">SPESIFIKASI FISIK<\/div>\n <table class=\"specs-table\">\n <tr>\n <td>Berat Produk<\/td>\n <td>16 kg<\/td>\n <\/tr>\n <tr>\n <td>Ukuran Produk<\/td>\n <td>107 \u00d7 42.5 \u00d7 5 cm<\/td>\n <\/tr>\n <tr>\n <td>Bahan Utama<\/td>\n <td>Aluminium Alloy IP66<\/td>\n <\/tr>\n <\/table>\n <\/div>\n \n <div class=\"certification\">\n <h2>GARANSI DAN FITUR<\/h2>\n <ul>\n <li>Bahan Utama: Aluminium Alloy IP66<\/li>\n <li>Sensor Cahaya Otomatis<\/li>\n <li>Sistem Peredupan Berdasarkan Waktu<\/li>\n <li>Garansi 2 Tahun<\/li>\n <\/ul>\n <\/div>\n<\/body>\n<\/html>\n\n\n\n\n\n\n\n<!DOCTYPE html>\n<html lang=\"id\">\n<head>\n <meta charset=\"UTF-8\">\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n <title>Spesifikasi PJU Tenaga Surya All in One 80W 3V<\/title>\n <style>\n {\n box-sizing: border-box;\n margin: 0;\n padding: 0;\n }\n \n body {\n font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\n line-height: 1.6;\n color: #333;\n background-color: #f8f9fa;\n padding: 15px;\n max-width: 1000px;\n margin: 0 auto;\n }\n \n .title-section {\n text-align: center;\n margin-bottom: 30px;\n padding: 0 10px;\n }\n \n h3 {\n font-size: clamp(16px, 4vw, 20px);\n margin-bottom: 8px;\n font-weight: 600;\n line-height: 1.3;\n color: #2c3e50;\n }\n \n .subtitle {\n font-size: clamp(13px, 3.2vw, 16px);\n color: #666;\n line-height: 1.4;\n font-weight: 500;\n }\n \n .specs-section {\n background-color: white;\n border-radius: 8px;\n box-shadow: 0 2px 10px rgba(0,0,0,0.08);\n overflow: hidden;\n margin-bottom: 25px;\n }\n \n .category-header {\n background-color: #e8f4fc;\n color: #2c3e50;\n font-weight: 600;\n font-size: clamp(14px, 3.5vw, 17px);\n padding: 12px 15px;\n border-bottom: 1px solid #d1e7f7;\n }\n \n .specs-table {\n width: 100%;\n border-collapse: collapse;\n }\n \n .specs-table tr {\n border-bottom: 1px solid #eaeaea;\n }\n \n .specs-table tr:last-child {\n border-bottom: none;\n }\n \n .specs-table td {\n padding: 12px 15px;\n vertical-align: top;\n font-size: clamp(13px, 3.2vw, 15px);\n }\n \n .specs-table td:first-child {\n font-weight: 600;\n width: 40%;\n color: #2c3e50;\n border-right: 1px solid #eaeaea;\n }\n \n .certification {\n background-color: #f0f7ff;\n padding: 20px;\n border-radius: 8px;\n margin-top: 25px;\n }\n \n .certification h2 {\n color: #2c3e50;\n margin-bottom: 15px;\n font-size: clamp(16px, 4vw, 20px);\n border-bottom: 2px solid #3498db;\n padding-bottom: 6px;\n display: inline-block;\n }\n \n .certification ul {\n list-style-type: none;\n padding-left: 0;\n }\n \n .certification li {\n padding: 8px 0;\n border-bottom: 1px dashed #d1e7f7;\n position: relative;\n padding-left: 25px;\n font-size: clamp(13px, 3.2vw, 15px);\n }\n \n .certification li:before {\n content: \"\u2713\";\n color: #27ae60;\n font-weight: bold;\n position: absolute;\n left: 0;\n }\n \n .certification li:last-child {\n border-bottom: none;\n }\n \n \/* Responsive table untuk mobile \/\n @media (max-width: 768px) {\n .specs-table td:first-child {\n width: 45%;\n }\n \n body {\n padding: 10px;\n }\n }\n \n @media (max-width: 480px) {\n .specs-table td {\n display: block;\n width: 100%;\n border-right: none;\n padding: 10px;\n }\n \n .specs-table td:first-child {\n width: 100%;\n background-color: #f8f9fa;\n border-bottom: none;\n padding-bottom: 5px;\n }\n \n .specs-table td:last-child {\n padding-top: 5px;\n padding-bottom: 12px;\n }\n \n .specs-table tr {\n border-bottom: 2px solid #eaeaea;\n }\n \n .category-header {\n padding: 10px 12px;\n }\n \n .title-section {\n margin-bottom: 20px;\n }\n }\n \n \/ Optimasi untuk layar sangat kecil \/\n @media (max-width: 320px) {\n body {\n padding: 8px;\n }\n \n .specs-table td {\n padding: 8px;\n }\n \n .certification {\n padding: 15px;\n }\n }\n <\/style>\n<\/head>\n<body>\n <div class=\"title-section\">\n <h3>PJU TENAGA SURYA<\/h3>\n <p class=\"subtitle\">All in One 80W 3V<\/p>\n <\/div>\n \n <div class=\"specs-section\">\n <div class=\"category-header\">LAMPU<\/div>\n <table class=\"specs-table\">\n <tr>\n <td>Daya LED<\/td>\n <td>3.2V 80W DC<\/td>\n <\/tr>\n <tr>\n <td>Tipe LED<\/td>\n <td>Philips SMD3030<\/td>\n <\/tr>\n <tr>\n <td>Kecerahan (Lumens)<\/td>\n <td>8000\u20139600 lm<\/td>\n <\/tr>\n <tr>\n <td>Sudut Pencahayaan<\/td>\n <td>120 derajat<\/td>\n <\/tr>\n <tr>\n <td>Suhu Warna (CCT)<\/td>\n <td>6500K<\/td>\n <\/tr>\n <\/table>\n \n <div class=\"category-header\">PANEL SURYA<\/div>\n <table class=\"specs-table\">\n <tr>\n <td>Jenis Panel<\/td>\n <td>Mono Crystalline<\/td>\n <\/tr>\n <tr>\n <td>Daya Maksimum (6V)<\/td>\n <td>130WP<\/td>\n <\/tr>\n <tr>\n <td>Umur Pakai<\/td>\n <td>25 tahun<\/td>\n <\/tr>\n <\/table>\n \n <div class=\"category-header\">BATERAI<\/div>\n <table class=\"specs-table\">\n <tr>\n <td>Jenis Baterai<\/td>\n <td>Lithium LifePO4 3.2V<\/td>\n <\/tr>\n <tr>\n <td>Kapasitas<\/td>\n <td>82Ah GRADE A<\/td>\n <\/tr>\n <tr>\n <td>Umur Pakai<\/td>\n <td>2\u20133 tahun<\/td>\n <\/tr>\n <\/table>\n \n <div class=\"category-header\">KONTROL & PENGISIAN<\/div>\n <table class=\"specs-table\">\n <tr>\n <td>Waktu Pengisian<\/td>\n <td>6\u20138 jam<\/td>\n <\/tr>\n <tr>\n <td>Ketahanan Saat Hujan<\/td>\n <td>1\u20132 hari hujan<\/td>\n <\/tr>\n <tr>\n <td>Suhu Operasional<\/td>\n <td>30\u201340\u00b0C<\/td>\n <\/tr>\n <tr>\n <td>Tipe Kontrol<\/td>\n <td>On-Board<\/td>\n <\/tr>\n <tr>\n <td>Sistem Kerja<\/td>\n <td>Kontrol Waktu & Sensor Cahaya, Sistem Peredupan<\/td>\n <\/tr>\n <\/table>\n \n <div class=\"category-header\">REKOMENDASI PEMASANGAN<\/div>\n <table class=\"specs-table\">\n <tr>\n <td>Tinggi Pemasangan<\/td>\n <td>6\u20137 meter<\/td>\n <\/tr>\n <tr>\n <td>Jarak Antar Tiang<\/td>\n <td>30\u201350 meter<\/td>\n <\/tr>\n <\/table>\n \n <div class=\"category-header\">MATERIAL<\/div>\n <table class=\"specs-table\">\n <tr>\n <td>Bahan Utama<\/td>\n <td>Pelat Baja<\/td>\n <\/tr>\n <tr>\n <td>Kelas Perlindungan<\/td>\n <td>IP66 (Tahan Air & Debu)<\/td>\n <\/tr>\n <tr>\n <td>Garansi<\/td>\n <td>1 Tahun<\/td>\n <\/tr>\n <\/table>\n <\/div>\n \n <div class=\"certification\">\n <h2>SPESIFIKASI & GARANSI<\/h2>\n <ul>\n <li>Bahan Utama: Pelat Baja<\/li>\n <li>Kelas Perlindungan IP66 (Tahan Air & Debu)<\/li>\n <li>Sistem Kontrol Waktu & Sensor Cahaya<\/li>\n <li>Sistem Peredupan Otomatis<\/li>\n <li>Garansi 1 Tahun<\/li>\n <\/ul>\n <\/div>\n<\/body>\n<\/html>\n\n\n\n\n\n\n\n<!DOCTYPE html>\n<html lang=\"id\">\n<head>\n <meta charset=\"UTF-8\">\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n <title>Spesifikasi Lampu Jalan Tenaga Surya 80W 3.2V<\/title>\n <style>\n \/ CSS AMAN untuk Pagelayer - hanya styling konten spesifikasi \/\n .pagelayer-specs-container {\n max-width: 800px;\n margin: 30px auto;\n background: white;\n line-height: 1.6;\n padding: 20px;\n }\n \n .pagelayer-specs-title {\n text-align: center;\n margin-bottom: 30px;\n }\n \n .pagelayer-specs-title h3 {\n margin: 0 0 5px 0;\n font-size: 20px;\n color: #2c3e50;\n font-weight: bold;\n }\n \n .pagelayer-specs-title .subtitle {\n margin: 0;\n color: #666;\n font-size: 16px;\n }\n \n .pagelayer-specs-category {\n font-weight: bold;\n color: #2c3e50;\n margin: 25px 0 12px 0;\n padding-bottom: 8px;\n border-bottom: 2px solid #3498db;\n font-size: 16px;\n }\n \n .pagelayer-specs-table {\n width: 100%;\n border-collapse: collapse;\n margin-bottom: 15px;\n }\n \n .pagelayer-specs-table tr {\n border-bottom: 1px solid #e0e0e0;\n }\n \n .pagelayer-specs-table td {\n padding: 10px 8px;\n vertical-align: top;\n }\n \n .pagelayer-specs-table td:first-child {\n font-weight: bold;\n width: 40%;\n color: #2c3e50;\n }\n \n .pagelayer-specs-certification {\n margin-top: 35px;\n padding-top: 20px;\n border-top: 2px solid #3498db;\n }\n \n .pagelayer-specs-certification h4 {\n margin: 0 0 18px 0;\n color: #2c3e50;\n font-size: 18px;\n }\n \n .pagelayer-specs-certification ul {\n margin: 0;\n padding: 0;\n list-style: none;\n }\n \n .pagelayer-specs-certification li {\n padding: 8px 0;\n position: relative;\n padding-left: 25px;\n font-size: 15px;\n }\n \n .pagelayer-specs-certification li:before {\n content: \"\u2713\";\n color: #27ae60;\n font-weight: bold;\n position: absolute;\n left: 0;\n font-size: 16px;\n }\n \n \/ Responsive aman untuk Pagelayer \/\n @media (max-width: 600px) {\n .pagelayer-specs-table td {\n display: block;\n width: 100%;\n padding: 8px 0;\n }\n \n .pagelayer-specs-table td:first-child {\n font-weight: bold;\n margin-top: 15px;\n padding-bottom: 2px;\n }\n \n .pagelayer-specs-table tr {\n border-bottom: 1px solid #e0e0e0;\n padding: 5px 0;\n }\n \n .pagelayer-specs-category {\n margin: 20px 0 10px 0;\n }\n }\n <\/style>\n<\/head>\n<body>\n \n \n \n \n <div class=\"pagelayer-specs-container\">\n <div class=\"pagelayer-specs-title\">\n <h3>LAMPU JALAN TENAGA SURYA 80W 3.2V<\/h3>\n <p class=\"subtitle\">All in One<\/p>\n <\/div>\n \n <div class=\"pagelayer-specs-category\">SPESIFIKASI LAMPU LED<\/div>\n <table class=\"pagelayer-specs-table\">\n <tr>\n <td>Daya LED<\/td>\n <td>80 Watt (3.2 Volt)<\/td>\n <\/tr>\n <tr>\n <td>Jumlah LED<\/td>\n <td>192 Chip Philips SMD 3030<\/td>\n <\/tr>\n <tr>\n <td>Kecerahan<\/td>\n <td>8000\u20139600 lumen<\/td>\n <\/tr>\n <tr>\n <td>Sudt Pencahayaan<\/td>\n <td>180 derajat (braket dapat disesuaikan)<\/td>\n <\/tr>\n <tr>\n <td>Suhu Warna<\/td>\n <td>6500 Kelvin (putih dingin)<\/td>\n <\/tr>\n <tr>\n <td>Umur Lampu<\/td>\n <td>50.000 jam<\/td>\n <\/tr>\n <\/table>\n \n <div class=\"pagelayer-specs-category\">PANEL SURYA<\/div>\n <table class=\"pagelayer-specs-table\">\n <tr>\n <td>Jenis Panel<\/td>\n <td>Monokristalin efisiensi tinggi<\/td>\n <\/tr>\n <tr>\n <td>Daya Maksimum<\/td>\n <td>100WP (6 Volt)<\/td>\n <\/tr>\n <tr>\n <td>Umur Pakai<\/td>\n <td>25 tahun<\/td>\n <\/tr>\n <\/table>\n \n <div class=\"pagelayer-specs-category\">BATERAI<\/div>\n <table class=\"pagelayer-specs-table\">\n <tr>\n <td>Jenis Baterai<\/td>\n <td>Lithium LifePO4 (3.2 Volt)<\/td>\n <\/tr>\n <tr>\n <td>Kapasitas<\/td>\n <td>72Ah<\/td>\n <\/tr>\n <tr>\n <td>Umur Pakai<\/td>\n <td>3\u20135 tahun<\/td>\n <\/tr>\n <\/table>\n \n \n \n <div class=\"pagelayer-specs-certification\">\n <h4>SERTIFIKASI & GARANSI<\/h4>\n <ul>\n <li>Tahan Air: Standar IP66<\/li>\n <li>Sertifikasi: ISO 9001<\/li>\n <li>Garansi: 1 Tahun<\/li>\n <\/ul>\n <\/div>\n <\/div>\n \n \n<\/body>\n<\/html>\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n<!DOCTYPE html>\n<html lang=\"id\">\n<head><meta charset=\"UTF-8\"><meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"><title>Jenis Panel Surya<\/title><style>\n {box-sizing:border-box;margin:0;padding:0;font-family:'Segoe UI',Tahoma,Geneva,Verdana,sans-serif}\n body{background-color:#f5f7fa;color:#333;line-height:1.2;padding:2px}\n .container{max-width:1200px;margin:0 auto}\n header{text-align:center;margin-bottom:5px;padding:6px;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:white;border-radius:3px;box-shadow:0 1px 2px rgba(0,0,0,0.1)}\n h3{font-size:0.9rem;margin:0;font-weight:600}\n .desktop-table{display:block}\n .comparison-table{width:100%;border-collapse:collapse;background:white;border-radius:3px;overflow:hidden;box-shadow:0 1px 2px rgba(0,0,0,0.1);font-size:0.7rem}\n .comparison-table th{background-color:#2c3e50;color:white;padding:4px 3px;text-align:left;font-weight:600}\n .comparison-table td{padding:4px 3px;border-bottom:1px solid #e1e1e1;vertical-align:top}\n .comparison-table tr:nth-child(even){background-color:#f8f9fa}\n .mobile-cards{display:none}\n .panel-card{background:white;border-radius:3px;margin-bottom:4px;box-shadow:0 1px 2px rgba(0,0,0,0.1);overflow:hidden}\n .panel-header{background:#2c3e50;color:white;padding:6px;font-weight:bold;font-size:0.75rem;cursor:pointer;display:flex;justify-content:space-between;align-items:center}\n .panel-content{padding:0;max-height:0;overflow:hidden;transition:max-height 0.3s ease}\n .panel-content.active{padding:6px;max-height:1000px}\n .detail-row{display:flex;justify-content:space-between;margin-bottom:4px;padding-bottom:4px;border-bottom:1px solid #f0f0f0;font-size:0.7rem}\n .detail-label{font-weight:bold;color:#2c3e50;flex:1}\n .detail-value{flex:2;text-align:right}\n .efficiency{font-weight:bold;padding:1px 3px;border-radius:4px;font-size:0.6rem;display:inline-block}\n .efficiency-high{background:#e8f5e8;color:#2e7d32}\n .efficiency-medium{background:#fff3e0;color:#ef6c00}\n .efficiency-low{background:#ffebee;color:#c62828}\n .price-high{color:#c62828;font-weight:bold}\n .price-medium{color:#ef6c00;font-weight:bold}\n .price-low{color:#2e7d32;font-weight:bold}\n .performance-badge{display:inline-block;padding:1px 3px;border-radius:3px;font-size:0.55rem;font-weight:bold;margin:1px}\n .performance-excellent{background:#4caf50;color:white}\n .performance-good{background:#8bc34a;color:white}\n .performance-fair{background:#ffc107;color:black}\n .performance-poor{background:#ff9800;color:white}\n .toggle-icon{font-size:0.6rem;transition:transform 0.3s ease}\n .toggle-icon.active{transform:rotate(180deg)}\n @media (max-width:768px){.desktop-table{display:none}.mobile-cards{display:block}}\n @media (min-width:769px){.mobile-cards{display:none}.desktop-table{display:block}}\n <\/style><\/head>\n<body>\n <div class=\"container\">\n <header><h3>Jenis Panel Surya<\/h3><\/header>\n <div class=\"desktop-table\">\n <table class=\"comparison-table\">\n <thead><tr><th>Jenis Panel Surya<\/th><th>Efisiensi (%)<\/th><th>Perkiraan Harga<\/th><th>Aplikasi Umum<\/th><th>Kinerja di Kondisi Khusus<\/th><th>Kelebihan<\/th><th>Kekurangan<\/th><\/tr><\/thead>\n <tbody>\n <tr><td><strong>Monokristalin<\/strong><\/td><td><span class=\"efficiency efficiency-high\">18% – 23%<\/span><\/td><td><span class=\"price-high\">Tinggi<\/span><\/td><td>Atap rumah & perkantoran<\/td><td><span class=\"performance-badge performance-good\">Hujan: BAIK<\/span><br><span class=\"performance-badge performance-fair\">Panas: CUKUP<\/span><\/td><td>Efisiensi tertinggi, tahan lama<\/td><td>Harga paling mahal<\/td><\/tr>\n <tr><td><strong>Polikristalin<\/strong><\/td><td><span class=\"efficiency efficiency-medium\">15% – 18%<\/span><\/td><td><span class=\"price-medium\">Sedang<\/span><\/td><td>PLTS industri, lahan kosong<\/td><td><span class=\"performance-badge performance-fair\">Hujan: CUKUP<\/span><br><span class=\"performance-badge performance-poor\">Panas: KURANG<\/span><\/td><td>Harga ekonomis<\/td><td>Butuh area luas<\/td><\/tr>\n <tr><td><strong>Thin-Film<\/strong><\/td><td><span class=\"efficiency efficiency-low\">10% – 13%<\/span><\/td><td><span class=\"price-low\">Terjangkau<\/span><\/td><td>Atap gedung besar, permukaan lengkung<\/td><td><span class=\"performance-badge performance-excellent\">Hujan: SANGAT BAIK<\/span><br><span class=\"performance-badge performance-good\">Panas: BAIK<\/span><\/td><td>Fleksibel, performa stabil<\/td><td>Efisiensi rendah<\/td><\/tr>\n <tr><td><strong>Amorphous Silicon<\/strong><\/td><td><span class=\"efficiency efficiency-low\">6% – 10%<\/span><\/td><td><span class=\"price-low\">Sangat Murah<\/span><\/td><td>PJU, perangkat kecil<\/td><td><span class=\"performance-badge performance-excellent\">Hujan: SANGAT BAIK<\/span><br><span class=\"performance-badge performance-good\">Panas: BAIK<\/span><\/td><td>Tahan naungan parsial<\/td><td>Efisiensi sangat rendah<\/td><\/tr>\n <tr><td><strong>PERC<\/strong><\/td><td><span class=\"efficiency efficiency-high\">20% – 24%<\/span><\/td><td><span class=\"price-high\">Tinggi<\/span><\/td><td>Instalasi rumah & industri modern<\/td><td><span class=\"performance-badge performance-good\">Hujan: BAIK<\/span><br><span class=\"performance-badge performance-good\">Panas: BAIK<\/span><\/td><td>Efisiensi sangat tinggi<\/td><td>Lebih mahal<\/td><\/tr>\n <tr><td><strong>Bifacial<\/strong><\/td><td><span class=\"efficiency efficiency-high\">22% – 25%<\/span><\/td><td><span class=\"price-high\">Sangat Tinggi<\/span><\/td><td>PLTS skala utilitas<\/td><td><span class=\"performance-badge performance-fair\">Hujan: CUKUP<\/span><br><span class=\"performance-badge performance-excellent\">Salju: SANGAT BAIK<\/span><\/td><td>Output daya tinggi<\/td><td>Biaya sangat tinggi<\/td><\/tr>\n <tr><td><strong>BIPV<\/strong><\/td><td><span class=\"efficiency efficiency-medium\">12% – 18%<\/span><\/td><td><span class=\"price-high\">Sangat Tinggi<\/span><\/td><td>Genteng surya, fasad gedung<\/td><td><span class=\"performance-badge performance-fair\">Hujan: BERVARIASI<\/span><br><span class=\"performance-badge performance-good\">Angin: BAIK<\/span><\/td><td>Estetika, fungsi ganda<\/td><td>Harga tertinggi<\/td><\/tr>\n <\/tbody>\n <\/table>\n <\/div>\n <div class=\"mobile-cards\">\n <div class=\"panel-card\"><div class=\"panel-header\" onclick=\"togglePanel(this)\">Monokristalin (Mono-Si)<span class=\"toggle-icon\">\u25bc<\/span><\/div><div class=\"panel-content\"><div class=\"detail-row\"><span class=\"detail-label\">Efisiensi:<\/span><span class=\"detail-value\"><span class=\"efficiency efficiency-high\">18% – 23%<\/span><\/span><\/div><div class=\"detail-row\"><span class=\"detail-label\">Harga:<\/span><span class=\"detail-value\"><span class=\"price-high\">Tinggi<\/span><\/span><\/div><div class=\"detail-row\"><span class=\"detail-label\">Aplikasi:<\/span><span class=\"detail-value\">Atap rumah & perkantoran<\/span><\/div><div class=\"detail-row\"><span class=\"detail-label\">Kinerja Khusus:<\/span><span class=\"detail-value\"><span class=\"performance-badge performance-good\">Hujan: BAIK<\/span><span class=\"performance-badge performance-fair\">Panas: CUKUP<\/span><\/span><\/div><div class=\"detail-row\"><span class=\"detail-label\">Kelebihan:<\/span><span class=\"detail-value\">Efisiensi tertinggi, tahan lama<\/span><\/div><div class=\"detail-row\"><span class=\"detail-label\">Kekurangan:<\/span><span class=\"detail-value\">Harga paling mahal<\/span><\/div><\/div><\/div>\n <div class=\"panel-card\"><div class=\"panel-header\" onclick=\"togglePanel(this)\">Polikristalin (Poly-Si)<span class=\"toggle-icon\">\u25bc<\/span><\/div><div class=\"panel-content\"><div class=\"detail-row\"><span class=\"detail-label\">Efisiensi:<\/span><span class=\"detail-value\"><span class=\"efficiency efficiency-medium\">15% – 18%<\/span><\/span><\/div><div class=\"detail-row\"><span class=\"detail-label\">Harga:<\/span><span class=\"detail-value\"><span class=\"price-medium\">Sedang<\/span><\/span><\/div><div class=\"detail-row\"><span class=\"detail-label\">Aplikasi:<\/span><span class=\"detail-value\">PLTS industri, lahan kosong<\/span><\/div><div class=\"detail-row\"><span class=\"detail-label\">Kinerja Khusus:<\/span><span class=\"detail-value\"><span class=\"performance-badge performance-fair\">Hujan: CUKUP<\/span><span class=\"performance-badge performance-poor\">Panas: KURANG<\/span><\/span><\/div><div class=\"detail-row\"><span class=\"detail-label\">Kelebihan:<\/span><span class=\"detail-value\">Harga ekonomis<\/span><\/div><div class=\"detail-row\"><span class=\"detail-label\">Kekurangan:<\/span><span class=\"detail-value\">Butuh area luas<\/span><\/div><\/div><\/div>\n <div class=\"panel-card\"><div class=\"panel-header\" onclick=\"togglePanel(this)\">Thin-Film<span class=\"toggle-icon\">\u25bc<\/span><\/div><div class=\"panel-content\"><div class=\"detail-row\"><span class=\"detail-label\">Efisiensi:<\/span><span class=\"detail-value\"><span class=\"efficiency efficiency-low\">10% – 13%<\/span><\/span><\/div><div class=\"detail-row\"><span class=\"detail-label\">Harga:<\/span><span class=\"detail-value\"><span class=\"price-low\">Terjangkau<\/span><\/span><\/div><div class=\"detail-row\"><span class=\"detail-label\">Aplikasi:<\/span><span class=\"detail-value\">Atap gedung besar, permukaan lengkung<\/span><\/div><div class=\"detail-row\"><span class=\"detail-label\">Kinerja Khusus:<\/span><span class=\"detail-value\"><span class=\"performance-badge performance-excellent\">Hujan: SANGAT BAIK<\/span><span class=\"performance-badge performance-good\">Panas: BAIK<\/span><\/span><\/div><div class=\"detail-row\"><span class=\"detail-label\">Kelebihan:<\/span><span class=\"detail-value\">Fleksibel, performa stabil<\/span><\/div><div class=\"detail-row\"><span class=\"detail-label\">Kekurangan:<\/span><span class=\"detail-value\">Efisiensi rendah<\/span><\/div><\/div><\/div>\n <div class=\"panel-card\"><div class=\"panel-header\" onclick=\"togglePanel(this)\">Amorphous Silicon (a-Si)<span class=\"toggle-icon\">\u25bc<\/span><\/div><div class=\"panel-content\"><div class=\"detail-row\"><span class=\"detail-label\">Efisiensi:<\/span><span class=\"detail-value\"><span class=\"efficiency efficiency-low\">6% – 10%<\/span><\/span><\/div><div class=\"detail-row\"><span class=\"detail-label\">Harga:<\/span><span class=\"detail-value\"><span class=\"price-low\">Sangat Murah<\/span><\/span><\/div><div class=\"detail-row\"><span class=\"detail-label\">Aplikasi:<\/span><span class=\"detail-value\">PJU, perangkat kecil<\/span><\/div><div class=\"detail-row\"><span class=\"detail-label\">Kinerja Khusus:<\/span><span class=\"detail-value\"><span class=\"performance-badge performance-excellent\">Hujan: SANGAT BAIK<\/span><span class=\"performance-badge performance-good\">Panas: BAIK<\/span><\/span><\/div><div class=\"detail-row\"><span class=\"detail-label\">Kelebihan:<\/span><span class=\"detail-value\">Tahan naungan parsial<\/span><\/div><div class=\"detail-row\"><span class=\"detail-label\">Kekurangan:<\/span><span class=\"detail-value\">Efisiensi sangat rendah<\/span><\/div><\/div><\/div>\n <div class=\"panel-card\"><div class=\"panel-header\" onclick=\"togglePanel(this)\">PERC<span class=\"toggle-icon\">\u25bc<\/span><\/div><div class=\"panel-content\"><div class=\"detail-row\"><span class=\"detail-label\">Efisiensi:<\/span><span class=\"detail-value\"><span class=\"efficiency efficiency-high\">20% – 24%<\/span><\/span><\/div><div class=\"detail-row\"><span class=\"detail-label\">Harga:<\/span><span class=\"detail-value\"><span class=\"price-high\">Tinggi<\/span><\/span><\/div><div class=\"detail-row\"><span class=\"detail-label\">Aplikasi:<\/span><span class=\"detail-value\">Instalasi rumah & industri modern<\/span><\/div><div class=\"detail-row\"><span class=\"detail-label\">Kinerja Khusus:<\/span><span class=\"detail-value\"><span class=\"performance-badge performance-good\">Hujan: BAIK<\/span><span class=\"performance-badge performance-good\">Panas: BAIK<\/span><\/span><\/div><div class=\"detail-row\"><span class=\"detail-label\">Kelebihan:<\/span><span class=\"detail-value\">Efisiensi sangat tinggi<\/span><\/div><div class=\"detail-row\"><span class=\"detail-label\">Kekurangan:<\/span><span class=\"detail-value\">Lebih mahal<\/span><\/div><\/div><\/div>\n <div class=\"panel-card\"><div class=\"panel-header\" onclick=\"togglePanel(this)\">Bifacial<span class=\"toggle-icon\">\u25bc<\/span><\/div><div class=\"panel-content\"><div class=\"detail-row\"><span class=\"detail-label\">Efisiensi:<\/span><span class=\"detail-value\"><span class=\"efficiency efficiency-high\">22% – 25%<\/span><\/span><\/div><div class=\"detail-row\"><span class=\"detail-label\">Harga:<\/span><span class=\"detail-value\"><span class=\"price-high\">Sangat Tinggi<\/span><\/span><\/div><div class=\"detail-row\"><span class=\"detail-label\">Aplikasi:<\/span><span class=\"detail-value\">PLTS skala utilitas<\/span><\/div><div class=\"detail-row\"><span class=\"detail-label\">Kinerja Khusus:<\/span><span class=\"detail-value\"><span class=\"performance-badge performance-fair\">Hujan: CUKUP<\/span><span class=\"performance-badge performance-excellent\">Salju: SANGAT BAIK<\/span><\/span><\/div><div class=\"detail-row\"><span class=\"detail-label\">Kelebihan:<\/span><span class=\"detail-value\">Output daya tinggi<\/span><\/div><div class=\"detail-row\"><span class=\"detail-label\">Kekurangan:<\/span><span class=\"detail-value\">Biaya sangat tinggi<\/span><\/div><\/div><\/div>\n <div class=\"panel-card\"><div class=\"panel-header\" onclick=\"togglePanel(this)\">BIPV<span class=\"toggle-icon\">\u25bc<\/span><\/div><div class=\"panel-content\"><div class=\"detail-row\"><span class=\"detail-label\">Efisiensi:<\/span><span class=\"detail-value\"><span class=\"efficiency efficiency-medium\">12% – 18%<\/span><\/span><\/div><div class=\"detail-row\"><span class=\"detail-label\">Harga:<\/span><span class=\"detail-value\"><span class=\"price-high\">Sangat Tinggi<\/span><\/span><\/div><div class=\"detail-row\"><span class=\"detail-label\">Aplikasi:<\/span><span class=\"detail-value\">Genteng surya, fasad gedung<\/span><\/div><div class=\"detail-row\"><span class=\"detail-label\">Kinerja Khusus:<\/span><span class=\"detail-value\"><span class=\"performance-badge performance-fair\">Hujan: BERVARIASI<\/span><span class=\"performance-badge performance-good\">Angin: BAIK<\/span><\/span><\/div><div class=\"detail-row\"><span class=\"detail-label\">Kelebihan:<\/span><span class=\"detail-value\">Estetika, fungsi ganda<\/span><\/div><div class=\"detail-row\"><span class=\"detail-label\">Kekurangan:<\/span><span class=\"detail-value\">Harga tertinggi<\/span><\/div><\/div><\/div>\n <\/div>\n <\/div>\n <script>\n function togglePanel(header){const content=header.nextElementSibling;const icon=header.querySelector('.toggle-icon');content.classList.toggle('active');icon.classList.toggle('active')}\n document.addEventListener('DOMContentLoaded',function(){if(window.innerWidth<=768){const firstPanel=document.querySelector('.panel-content');if(firstPanel){firstPanel.classList.add('active');firstPanel.previousElementSibling.querySelector('.toggle-icon').classList.add('active')}}});\n <\/script>\n<\/body>\n<\/html>\n\n\n\n\n\n\n\n\n<!DOCTYPE html>\n<html lang=\"id\">\n<head>\n <meta charset=\"UTF-8\">\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n <title>Sistem Tenaga Surya<\/title>\n <style>\n * {\n box-sizing: border-box;\n margin: 0;\n padding: 0;\n font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\n }\n\n body {\n background-color: #f5f7fa;\n color: #333;\n line-height: 1.6;\n padding: 20px;\n min-height: 100vh;\n }\n\n .container {\n max-width: 1200px;\n margin: 0 auto;\n }\n\n header {\n text-align: center;\n margin-bottom: 30px;\n padding: 30px;\n background: white;\n border-radius: 15px;\n box-shadow: 0 5px 15px rgba(0,0,0,0.1);\n }\n\n h1 {\n font-size: 2.5rem;\n margin-bottom: 10px;\n color: #2c3e50;\n }\n\n .subtitle {\n font-size: 1.2rem;\n color: #666;\n }\n\n .calculator-section {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 30px;\n margin-bottom: 30px;\n }\n\n @media (max-width: 768px) {\n .calculator-section {\n grid-template-columns: 1fr;\n }\n }\n\n .input-section, .result-section {\n background: white;\n padding: 30px;\n border-radius: 15px;\n box-shadow: 0 5px 15px rgba(0,0,0,0.1);\n }\n\n .form-group {\n margin-bottom: 20px;\n }\n\n label {\n display: block;\n margin-bottom: 8px;\n font-weight: 600;\n color: #2c3e50;\n }\n\n input, select {\n width: 100%;\n padding: 12px;\n border: 2px solid #e1e1e1;\n border-radius: 8px;\n font-size: 1rem;\n transition: border-color 0.3s ease;\n }\n\n input:focus, select:focus {\n outline: none;\n border-color: #667eea;\n }\n\n .required::after {\n content: \" \";\n color: red;\n }\n\n .radio-group {\n display: flex;\n gap: 20px;\n margin-top: 10px;\n }\n\n .radio-option {\n display: flex;\n align-items: center;\n }\n\n .radio-option input {\n width: auto;\n margin-right: 8px;\n }\n\n .calculate-btn {\n background: #667eea;\n color: white;\n border: none;\n padding: 15px 30px;\n border-radius: 8px;\n font-size: 1.1rem;\n font-weight: 600;\n cursor: pointer;\n width: 100%;\n transition: background-color 0.3s ease;\n margin-top: 20px;\n }\n\n .calculate-btn:hover {\n background: #5a6fd8;\n }\n\n .action-buttons {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 10px;\n margin-top: 10px;\n }\n\n .pdf-btn {\n background: #e74c3c;\n color: white;\n border: none;\n padding: 15px 20px;\n border-radius: 8px;\n font-size: 1rem;\n font-weight: 600;\n cursor: pointer;\n transition: background-color 0.3s ease;\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 8px;\n }\n\n .pdf-btn:hover {\n background: #c0392b;\n }\n\n .whatsapp-btn {\n background: #25D366;\n color: white;\n border: none;\n padding: 15px 20px;\n border-radius: 8px;\n font-size: 1rem;\n font-weight: 600;\n cursor: pointer;\n transition: background-color 0.3s ease;\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 8px;\n }\n\n .whatsapp-btn:hover {\n background: #20b858;\n }\n\n .pdf-btn i, .whatsapp-btn i {\n font-size: 1.2rem;\n }\n\n .result-card {\n background: #f8f9fa;\n padding: 20px;\n border-radius: 10px;\n margin-bottom: 15px;\n border-left: 4px solid #667eea;\n }\n\n .result-value {\n font-size: 1.5rem;\n font-weight: bold;\n color: #2c3e50;\n margin: 10px 0;\n }\n\n .result-detail {\n color: #666;\n font-size: 0.9rem;\n }\n\n .recommendation {\n background: #e3f2fd;\n padding: 20px;\n border-radius: 10px;\n margin-top: 20px;\n }\n\n footer {\n text-align: center;\n padding: 20px;\n color: #666;\n margin-top: 30px;\n }\n\n .warning {\n background: #fff3cd;\n border: 1px solid #ffeaa7;\n color: #856404;\n padding: 15px;\n border-radius: 8px;\n margin: 15px 0;\n }\n\n .hidden {\n display: none;\n }\n\n .pju-details {\n background: #f8f9fa;\n padding: 15px;\n border-radius: 8px;\n margin-top: 10px;\n border-left: 3px solid #667eea;\n }\n\n .pju-result {\n background: #e8f5e9;\n border-left: 4px solid #4caf50;\n }\n \n \/ Style untuk validasi \/\n .error {\n border-color: #e74c3c !important;\n background-color: #fdf2f2;\n }\n \n .error-message {\n color: #e74c3c;\n font-size: 0.85rem;\n margin-top: 5px;\n display: block;\n }\n <\/style>\n \n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\n \n <script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/jspdf\/2.5.1\/jspdf.umd.min.js\"><\/script>\n <script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/html2canvas\/1.4.1\/html2canvas.min.js\"><\/script>\n<\/head>\n<body>\n <div class=\"container\">\n <header>\n <h1>\u26a1 Sistem Tenaga Surya<\/h1>\n <p class=\"subtitle\">Perhitungan kebutuhan sistem tenaga surya untuk instalasi Anda<\/p>\n <\/header>\n\n <div class=\"calculator-section\">\n <div class=\"input-section\">\n <h2>Data Pribadi<\/h2>\n <div class=\"form-group\" id=\"namaGroup\">\n <label for=\"nama\" class=\"required\">Nama<\/label>\n <input type=\"text\" id=\"nama\" placeholder=\"Masukkan nama lengkap\" required>\n <span class=\"error-message\" id=\"namaError\"><\/span>\n <\/div>\n\n <div class=\"form-group\" id=\"kotaGroup\">\n <label for=\"kota\" class=\"required\">Kota<\/label>\n <input type=\"text\" id=\"kota\" placeholder=\"Masukkan kota tempat tinggal\" required>\n <span class=\"error-message\" id=\"kotaError\"><\/span>\n <\/div>\n\n <div class=\"form-group\" id=\"whatsappGroup\">\n <label for=\"whatsapp\" class=\"required\">WhatsApp<\/label>\n <input type=\"tel\" id=\"whatsapp\" placeholder=\"Contoh: 08123456789\" required>\n <span class=\"error-message\" id=\"whatsappError\"><\/span>\n <\/div>\n\n <div class=\"form-group\" id=\"emailGroup\">\n <label for=\"email\" class=\"required\">Email<\/label>\n <input type=\"email\" id=\"email\" placeholder=\"Contoh: nama@email.com\" required>\n <span class=\"error-message\" id=\"emailError\"><\/span>\n <\/div>\n\n <h2>Data Input<\/h2>\n \n <div class=\"form-group\">\n <label for=\"installationType\">Jenis Instalasi<\/label>\n <div class=\"radio-group\">\n <div class=\"radio-option\">\n <input type=\"radio\" id=\"pju\" name=\"installationType\" value=\"pju\" onchange=\"togglePJUForm()\">\n <label for=\"pju\">Lampu Penerangan Jalan Umum (PJU)<\/label>\n <\/div>\n <div class=\"radio-option\">\n <input type=\"radio\" id=\"listrikUtama\" name=\"installationType\" value=\"listrikUtama\" checked onchange=\"togglePJUForm()\">\n <label for=\"listrikUtama\">Listrik Utama<\/label>\n <\/div>\n <\/div>\n <\/div>\n\n <div id=\"pjuForm\" class=\"pju-details hidden\">\n <h3>Detail Lampu PJU<\/h3>\n <div class=\"form-group\">\n <label for=\"tinggiTower\">Tinggi Tower<\/label>\n <select id=\"tinggiTower\" onchange=\"checkCustomOption(this, 'customTinggiTower')\">\n <option value=\"7\">7 Meter<\/option>\n <option value=\"8\">8 Meter<\/option>\n <option value=\"9\">9 Meter<\/option>\n <option value=\"custom\">Custom (Input Manual)<\/option>\n <\/select>\n <input type=\"number\" id=\"customTinggiTower\" class=\"hidden\" placeholder=\"Masukkan tinggi tower (meter)\" min=\"1\">\n <\/div>\n\n <div class=\"form-group\">\n <label for=\"pancaranCahaya\">Pancaran Cahaya<\/label>\n <select id=\"pancaranCahaya\" onchange=\"checkCustomOption(this, 'customPancaranCahaya')\">\n <option value=\"100\">100 Derajat<\/option>\n <option value=\"120\">120 Derajat<\/option>\n <option value=\"custom\">Custom (Input Manual)<\/option>\n <\/select>\n <input type=\"number\" id=\"customPancaranCahaya\" class=\"hidden\" placeholder=\"Masukkan pancaran cahaya (derajat)\" min=\"1\" max=\"360\">\n <\/div>\n\n <div class=\"form-group\" id=\"jumlahLampuGroup\">\n <label for=\"jumlahLampu\" class=\"required\">Jumlah Lampu<\/label>\n <input type=\"number\" id=\"jumlahLampu\" placeholder=\"Contoh: 10\" value=\"1\" min=\"1\" required>\n <span class=\"error-message\" id=\"jumlahLampuError\"><\/span>\n <\/div>\n\n <div class=\"form-group\" id=\"dayaLampuGroup\">\n <label for=\"dayaLampu\" class=\"required\">Daya per Lampu (Watt)<\/label>\n <input type=\"number\" id=\"dayaLampu\" placeholder=\"Contoh: 30\" value=\"30\" min=\"1\" required>\n <span class=\"error-message\" id=\"dayaLampuError\"><\/span>\n <\/div>\n <\/div>\n\n <div id=\"standardForm\">\n <div class=\"form-group\" id=\"powerNeedGroup\">\n <label for=\"powerNeed\" class=\"required\">Kebutuhan Daya Listrik (Watt)<\/label>\n <input type=\"number\" id=\"powerNeed\" placeholder=\"Contoh: 500\" value=\"500\" min=\"1\" required>\n <span class=\"error-message\" id=\"powerNeedError\"><\/span>\n <\/div>\n\n <div class=\"form-group\" id=\"usageHoursGroup\">\n <label for=\"usageHours\" class=\"required\">Jam Penggunaan per Hari (jam)<\/label>\n <input type=\"number\" id=\"usageHours\" placeholder=\"Contoh: 8\" value=\"8\" min=\"1\" max=\"24\" required>\n <span class=\"error-message\" id=\"usageHoursError\"><\/span>\n <\/div>\n <\/div>\n\n <div class=\"form-group\">\n <label for=\"autonomyDays\">Hari Otonomi (cadangan tanpa matahari)<\/label>\n <select id=\"autonomyDays\">\n <option value=\"1\">1 Hari<\/option>\n <option value=\"2\" selected>2 Hari<\/option>\n <option value=\"3\">3 Hari<\/option>\n <\/select>\n <\/div>\n\n <div class=\"form-group\">\n <label for=\"panelType\">Jenis Panel Surya<\/label>\n <select id=\"panelType\">\n <option value=\"0.18\">Monokristalin (Efisiensi 18%)<\/option>\n <option value=\"0.20\">Monokristalin PERC (Efisiensi 20%)<\/option>\n <option value=\"0.16\">Polikristalin (Efisiensi 16%)<\/option>\n <option value=\"0.12\">Thin-Film (Efisiensi 12%)<\/option>\n <\/select>\n <\/div>\n\n <div class=\"form-group\">\n <label for=\"sunHours\">Rata-rata Jam Sinar Matahari per Hari (jam)<\/label>\n <select id=\"sunHours\">\n <option value=\"3\">3 jam (Daerah sering hujan)<\/option>\n <option value=\"4\">4 jam (Daerah berawan)<\/option>\n <option value=\"5\" selected>5 jam (Normal)<\/option>\n <option value=\"6\">6 jam (Cerah)<\/option>\n <option value=\"7\">7 jam (Sangat cerah)<\/option>\n <\/select>\n <\/div>\n\n <div class=\"form-group\">\n <label for=\"batteryVoltage\">Tegangan Sistem Baterai (Volt)<\/label>\n <select id=\"batteryVoltage\">\n <option value=\"12\">12V (Sistem kecil)<\/option>\n <option value=\"24\" selected>24V (Sistem menengah)<\/option>\n <option value=\"48\">48V (Sistem besar)<\/option>\n <\/select>\n <\/div>\n\n <button class=\"calculate-btn\" onclick=\"calculateSolarSystem()\">Hitung<\/button>\n \n <div id=\"actionButtons\" class=\"action-buttons hidden\">\n <button id=\"pdfBtn\" class=\"pdf-btn\" onclick=\"saveAsPDF()\">\n <i class=\"fas fa-file-pdf\"><\/i> Simpan PDF\n <\/button>\n <button id=\"whatsappBtn\" class=\"whatsapp-btn\" onclick=\"sendToWhatsApp()\">\n <i class=\"fab fa-whatsapp\"><\/i> Kirim WhatsApp\n <\/button>\n <\/div>\n <\/div>\n\n <div class=\"result-section hidden\">\n <h2>Hasil Perhitungan<\/h2>\n \n <div class=\"result-card\">\n <h3>Konsumsi Energi Harian<\/h3>\n <div class=\"result-value\" id=\"dailyConsumption\">-<\/div>\n <div class=\"result-detail\">Total energi yang dibutuhkan per hari<\/div>\n <\/div>\n\n <div class=\"result-card\">\n <h3>Kapasitas Baterai yang Diperlukan<\/h3>\n <div class=\"result-value\" id=\"batteryCapacity\">-<\/div>\n <div class=\"result-detail\">Kapasitas baterai dengan hari otonomi<\/div>\n <\/div>\n\n <div class=\"result-card\">\n <h3>Daya Panel Surya yang Diperlukan<\/h3>\n <div class=\"result-value\" id=\"panelPower\">-<\/div>\n <div class=\"result-detail\">Total daya panel surya yang dibutuhkan<\/div>\n <\/div>\n\n <div class=\"result-card\">\n <h3>Waktu Pengisian Baterai<\/h3>\n <div class=\"result-value\" id=\"chargingTime\">-<\/div>\n <div class=\"result-detail\">Waktu untuk mengisi penuh baterai dari kosong<\/div>\n <\/div>\n\n <div id=\"pjuResults\" class=\"hidden\">\n <div class=\"result-card pju-result\">\n <h3>Spesifikasi Lampu PJU<\/h3>\n <div class=\"result-value\" id=\"pjuSpecs\">-<\/div>\n <div class=\"result-detail\">Detail spesifikasi untuk instalasi PJU<\/div>\n <\/div>\n <\/div>\n\n <div class=\"result-card\">\n <h3>Rekomendasi Konfigurasi<\/h3>\n <div id=\"configurationRecommendation\">-<\/div>\n <\/div>\n\n <div class=\"warning\">\n <strong>\u26a0 Catatan:<\/strong> Perhitungan ini adalah estimasi. Faktor seperti efisiensi inverter, suhu, dan kondisi cuaca dapat mempengaruhi hasil aktual.\n <\/div>\n <\/div>\n <\/div>\n\n <footer>\n <p>\u00a9 2024 Sistem Tenaga Surya | Untuk perhitungan yang lebih akurat, konsultasikan dengan ahli instalasi<\/p>\n <\/footer>\n <\/div>\n\n <script>\n \/\/ Toggle form tambahan untuk PJU\n function togglePJUForm() {\n const pjuForm = document.getElementById('pjuForm');\n const standardForm = document.getElementById('standardForm');\n const pjuRadio = document.getElementById('pju');\n \n if (pjuRadio.checked) {\n pjuForm.classList.remove('hidden');\n standardForm.classList.add('hidden');\n } else {\n pjuForm.classList.add('hidden');\n standardForm.classList.remove('hidden');\n }\n }\n\n \/\/ Fungsi untuk menangani pilihan custom\n function checkCustomOption(selectElement, customInputId) {\n const customInput = document.getElementById(customInputId);\n if (selectElement.value === 'custom') {\n customInput.classList.remove('hidden');\n } else {\n customInput.classList.add('hidden');\n }\n }\n\n \/\/ Validasi form data pribadi\n function validatePersonalData() {\n const nama = document.getElementById('nama').value.trim();\n const kota = document.getElementById('kota').value.trim();\n const whatsapp = document.getElementById('whatsapp').value.trim();\n const email = document.getElementById('email').value.trim();\n \n let isValid = true;\n \n \/\/ Reset error messages\n document.querySelectorAll('.error-message').forEach(el => el.textContent = '');\n document.querySelectorAll('input').forEach(el => el.classList.remove('error'));\n \n \/\/ Validasi Nama\n if (!nama) {\n document.getElementById('namaError').textContent = 'Nama harus diisi';\n document.getElementById('nama').classList.add('error');\n isValid = false;\n }\n \n \/\/ Validasi Kota\n if (!kota) {\n document.getElementById('kotaError').textContent = 'Kota harus diisi';\n document.getElementById('kota').classList.add('error');\n isValid = false;\n }\n \n \/\/ Validasi WhatsApp\n if (!whatsapp) {\n document.getElementById('whatsappError').textContent = 'Nomor WhatsApp harus diisi';\n document.getElementById('whatsapp').classList.add('error');\n isValid = false;\n } else if (!\/^[0-9+\\-\\s()]{10,}$\/.test(whatsapp)) {\n document.getElementById('whatsappError').textContent = 'Format nomor WhatsApp tidak valid';\n document.getElementById('whatsapp').classList.add('error');\n isValid = false;\n }\n \n \/\/ Validasi Email\n if (!email) {\n document.getElementById('emailError').textContent = 'Email harus diisi';\n document.getElementById('email').classList.add('error');\n isValid = false;\n } else if (!\/^[^\\s@]+@[^\\s@]+\\.[^\\s@]+$\/.test(email)) {\n document.getElementById('emailError').textContent = 'Format email tidak valid';\n document.getElementById('email').classList.add('error');\n isValid = false;\n }\n \n return isValid;\n }\n\n \/\/ Validasi data input berdasarkan jenis instalasi\n function validateInputData() {\n const pjuRadio = document.getElementById('pju').checked;\n let isValid = true;\n \n if (pjuRadio) {\n \/\/ Validasi untuk PJU\n const jumlahLampu = document.getElementById('jumlahLampu').value;\n const dayaLampu = document.getElementById('dayaLampu').value;\n \n if (!jumlahLampu || jumlahLampu <= 0) {\n document.getElementById('jumlahLampuError').textContent = 'Jumlah lampu harus lebih dari 0';\n document.getElementById('jumlahLampu').classList.add('error');\n isValid = false;\n }\n \n if (!dayaLampu || dayaLampu <= 0) {\n document.getElementById('dayaLampuError').textContent = 'Daya lampu harus lebih dari 0';\n document.getElementById('dayaLampu').classList.add('error');\n isValid = false;\n }\n } else {\n \/\/ Validasi untuk Listrik Utama\n const powerNeed = document.getElementById('powerNeed').value;\n const usageHours = document.getElementById('usageHours').value;\n \n if (!powerNeed || powerNeed <= 0) {\n document.getElementById('powerNeedError').textContent = 'Kebutuhan daya harus lebih dari 0';\n document.getElementById('powerNeed').classList.add('error');\n isValid = false;\n }\n \n if (!usageHours || usageHours <= 0 || usageHours > 24) {\n document.getElementById('usageHoursError').textContent = 'Jam penggunaan harus antara 1-24 jam';\n document.getElementById('usageHours').classList.add('error');\n isValid = false;\n }\n }\n \n return isValid;\n }\n\n function calculateSolarSystem() {\n \/\/ Validasi data pribadi\n if (!validatePersonalData()) {\n alert('Harap lengkapi semua data pribadi dengan benar!');\n return;\n }\n \n \/\/ Validasi data input\n if (!validateInputData()) {\n alert('Harap periksa data input Anda!');\n return;\n }\n \n \/\/ Tampilkan hasil perhitungan\n document.querySelector('.result-section').classList.remove('hidden');\n document.getElementById('actionButtons').classList.remove('hidden');\n \n \/\/ Get installation type\n const pjuRadio = document.getElementById('pju').checked;\n \n let powerNeed, usageHours;\n \n if (pjuRadio) {\n \/\/ Get PJU-specific values\n const jumlahLampu = parseFloat(document.getElementById('jumlahLampu').value);\n const dayaLampu = parseFloat(document.getElementById('dayaLampu').value);\n \n \/\/ Calculate total power need for PJU\n powerNeed = jumlahLampu dayaLampu;\n usageHours = 12; \/\/ Default 12 hours for PJU\n \n \/\/ Get tower height and beam angle\n let tinggiTower = document.getElementById('tinggiTower').value;\n if (tinggiTower === 'custom') {\n tinggiTower = document.getElementById('customTinggiTower').value;\n }\n \n let pancaranCahaya = document.getElementById('pancaranCahaya').value;\n if (pancaranCahaya === 'custom') {\n pancaranCahaya = document.getElementById('customPancaranCahaya').value;\n }\n \n \/\/ Display PJU specs\n document.getElementById('pjuSpecs').innerHTML = `\n Tinggi Tower: ${tinggiTower} Meter<br>\n Pancaran Cahaya: ${pancaranCahaya} Derajat<br>\n Jumlah Lampu: ${jumlahLampu} Unit<br>\n Daya per Lampu: ${dayaLampu} Watt<br>\n Total Daya: ${powerNeed} Watt\n `;\n \n \/\/ Show PJU results section\n document.getElementById('pjuResults').classList.remove('hidden');\n } else {\n \/\/ Get standard values\n powerNeed = parseFloat(document.getElementById('powerNeed').value);\n usageHours = parseFloat(document.getElementById('usageHours').value);\n \n \/\/ Hide PJU results section\n document.getElementById('pjuResults').classList.add('hidden');\n }\n\n \/\/ Get other values\n const autonomyDays = parseFloat(document.getElementById('autonomyDays').value);\n const panelEfficiency = parseFloat(document.getElementById('panelType').value);\n const sunHours = parseFloat(document.getElementById('sunHours').value);\n const batteryVoltage = parseFloat(document.getElementById('batteryVoltage').value);\n\n \/\/ 1. Hitung Konsumsi Energi Harian (Wh)\n const dailyConsumption = powerNeed * usageHours;\n\n \/\/ 2. Hitung Kapasitas Baterai (Ah)\n const batteryCapacity = (dailyConsumption * autonomyDays) \/ (batteryVoltage * 0.8);\n\n \/\/ 3. Hitung Daya Panel Surya (Wp)\n const panelPower = (dailyConsumption \/ sunHours) \/ panelEfficiency;\n\n \/\/ 4. Hitung Waktu Pengisian (jam)\n const chargingTime = (batteryCapacity * batteryVoltage) \/ (panelPower * 0.7);\n\n \/\/ Format dan tampilkan hasil\n document.getElementById('dailyConsumption').textContent = dailyConsumption.toFixed(0) + ' Wh';\n document.getElementById('batteryCapacity').textContent = Math.ceil(batteryCapacity) + ' Ah';\n document.getElementById('panelPower').textContent = Math.ceil(panelPower) + ' Wp';\n document.getElementById('chargingTime').textContent = chargingTime.toFixed(1) + ' jam';\n\n \/\/ Generate rekomendasi konfigurasi\n generateConfigurationRecommendation(Math.ceil(panelPower), Math.ceil(batteryCapacity), batteryVoltage, pjuRadio);\n }\n\n function generateConfigurationRecommendation(panelPower, batteryCapacity, batteryVoltage, isPJU) {\n let recommendation = '';\n \n \/\/ Rekomendasi panel\n if (panelPower <= 100) {\n recommendation += '\u2022 1 panel ' + panelPower + 'Wp monokristalin<br>';\n } else if (panelPower <= 300) {\n const panelCount = Math.ceil(panelPower \/ 100);\n recommendation += '\u2022 ' + panelCount + ' panel 100Wp monokristalin<br>';\n } else {\n const panelCount = Math.ceil(panelPower \/ 350);\n recommendation += '\u2022 ' + panelCount + ' panel 350Wp monokristalin<br>';\n }\n\n \/\/ Rekomendasi baterai\n if (batteryCapacity <= 50) {\n recommendation += '\u2022 1 baterai ' + batteryCapacity + 'Ah ' + batteryVoltage + 'V<br>';\n } else if (batteryCapacity <= 200) {\n const batteryCount = Math.ceil(batteryCapacity \/ 100);\n recommendation += '\u2022 ' + batteryCount + ' baterai 100Ah ' + batteryVoltage + 'V (paralel)<br>';\n } else {\n const batteryCount = Math.ceil(batteryCapacity \/ 200);\n recommendation += '\u2022 ' + batteryCount + ' baterai 200Ah ' + batteryVoltage + 'V (paralel)<br>';\n }\n\n \/\/ Rekomendasi controller\n const controllerCurrent = Math.ceil(panelPower \/ batteryVoltage);\n recommendation += '\u2022 Solar controller ' + controllerCurrent + 'A<br>';\n\n \/\/ Rekomendasi inverter\n let inverterPower;\n if (isPJU) {\n const jumlahLampu = parseFloat(document.getElementById('jumlahLampu').value);\n const dayaLampu = parseFloat(document.getElementById('dayaLampu').value);\n inverterPower = jumlahLampu * dayaLampu;\n } else {\n inverterPower = document.getElementById('powerNeed').value;\n }\n recommendation += '\u2022 Inverter ' + (parseInt(inverterPower) + 100) + 'W ' + batteryVoltage + 'V ke 220V';\n\n \/\/ Rekomendasi khusus untuk PJU\n if (isPJU) {\n recommendation += '<br><br><strong>Rekomendasi Khusus PJU:<\/strong><br>';\n recommendation += '\u2022 Gunakan lampu LED dengan efisiensi tinggi<br>';\n recommendation += '\u2022 Pertimbangkan penggunaan sensor gerak untuk menghemat energi<br>';\n recommendation += '\u2022 Pastikan panel surya dipasang dengan sudut optimal untuk menangkap sinar matahari maksimal';\n }\n\n document.getElementById('configurationRecommendation').innerHTML = recommendation;\n }\n\n \/\/ Fungsi untuk menyimpan sebagai PDF\n function saveAsPDF() {\n \/\/ Validasi data sekali lagi sebelum menyimpan\n if (!validatePersonalData() || !validateInputData()) {\n alert('Harap periksa kembali form Anda sebelum menyimpan.');\n return;\n }\n\n \/\/ Menggunakan html2canvas dan jsPDF untuk membuat PDF\n const { jsPDF } = window.jspdf;\n \n \/\/ Ambil elemen yang ingin dijadikan PDF\n const element = document.querySelector('.calculator-section');\n \n \/\/ Buat PDF\n html2canvas(element, {\n scale: 2, \/\/ Meningkatkan kualitas\n useCORS: true,\n logging: false\n }).then(canvas => {\n const imgData = canvas.toDataURL('image\/jpeg', 1.0);\n const pdf = new jsPDF('p', 'mm', 'a4');\n const imgWidth = 210; \/\/ A4 width in mm\n const pageHeight = 295; \/\/ A4 height in mm\n const imgHeight = canvas.height * imgWidth \/ canvas.width;\n let heightLeft = imgHeight;\n let position = 0;\n\n \/\/ Halaman pertama\n pdf.addImage(imgData, 'JPEG', 0, position, imgWidth, imgHeight);\n heightLeft -= pageHeight;\n\n \/\/ Halaman tambahan jika diperlukan\n while (heightLeft >= 0) {\n position = heightLeft - imgHeight;\n pdf.addPage();\n pdf.addImage(imgData, 'JPEG', 0, position, imgWidth, imgHeight);\n heightLeft -= pageHeight;\n }\n\n \/\/ Simpan PDF\n const nama = document.getElementById('nama').value.trim();\n pdf.save(`Sistem_Tenaga_Surya_${nama}.pdf`);\n });\n }\n\n \/\/ Fungsi untuk mengirim data ke WhatsApp\n function sendToWhatsApp() {\n \/\/ Validasi data sekali lagi sebelum mengirim\n if (!validatePersonalData() || !validateInputData()) {\n alert('Harap periksa kembali form Anda sebelum mengirim.');\n return;\n }\n \n \/\/ Mengumpulkan data pribadi\n const nama = document.getElementById('nama').value;\n const kota = document.getElementById('kota').value;\n const whatsapp = document.getElementById('whatsapp').value;\n const email = document.getElementById('email').value;\n \n \/\/ Mengumpulkan data hasil perhitungan\n const dailyConsumption = document.getElementById('dailyConsumption').textContent;\n const batteryCapacity = document.getElementById('batteryCapacity').textContent;\n const panelPower = document.getElementById('panelPower').textContent;\n const chargingTime = document.getElementById('chargingTime').textContent;\n const configurationRecommendation = document.getElementById('configurationRecommendation').innerHTML.replace(\/<br>\/g, '\\n').replace(\/<strong>\/g, '').replace(\/<\\\/strong>\/g, '').replace(\/<[^>]>\/g, '');\n \n \/\/ Mendapatkan jenis instalasi\n const installationType = document.getElementById('pju').checked ? \"Lampu PJU\" : \"Listrik Utama\";\n \n \/\/ Menyusun pesan\n let message = `Halo, saya tertarik dengan sistem tenaga surya. Berikut adalah data dan hasil perhitungan saya:\\n\\n`;\n message += `DATA PRIBADI\\n`;\n message += `Nama: ${nama}\\n`;\n message += `Kota: ${kota}\\n`;\n message += `WhatsApp: ${whatsapp}\\n`;\n message += `Email: ${email}\\n\\n`;\n \n message += `JENIS INSTALASI\\n`;\n message += `${installationType}\\n\\n`;\n \n \/\/ Jika PJU, tambahkan detail\n if (installationType === \"Lampu PJU\") {\n let tinggiTower = document.getElementById('tinggiTower').value;\n if (tinggiTower === 'custom') {\n tinggiTower = document.getElementById('customTinggiTower').value;\n }\n \n let pancaranCahaya = document.getElementById('pancaranCahaya').value;\n if (pancaranCahaya === 'custom') {\n pancaranCahaya = document.getElementById('customPancaranCahaya').value;\n }\n \n const jumlahLampu = document.getElementById('jumlahLampu').value;\n const dayaLampu = document.getElementById('dayaLampu').value;\n \n message += `DETAIL PJU\\n`;\n message += `Tinggi Tower: ${tinggiTower} Meter\\n`;\n message += `Pancaran Cahaya: ${pancaranCahaya} Derajat\\n`;\n message += `Jumlah Lampu: ${jumlahLampu} Unit\\n`;\n message += `Daya per Lampu: ${dayaLampu} Watt\\n\\n`;\n } else {\n const powerNeed = document.getElementById('powerNeed').value;\n const usageHours = document.getElementById('usageHours').value;\n \n message += `DETAIL LISTRIK UTAMA\\n`;\n message += `Kebutuhan Daya: ${powerNeed} Watt\\n`;\n message += `Jam Penggunaan: ${usageHours} Jam\/Hari\\n\\n`;\n }\n \n message += `HASIL PERHITUNGAN\\n`;\n message += `Konsumsi Energi Harian: ${dailyConsumption}\\n`;\n message += `Kapasitas Baterai: ${batteryCapacity}\\n`;\n message += `Daya Panel Surya: ${panelPower}\\n`;\n message += `Waktu Pengisian: ${chargingTime}\\n\\n`;\n \n message += `REKOMENDASI KONFIGURASI*\\n`;\n message += `${configurationRecommendation}\\n\\n`;\n \n message += `Saya ingin berkonsultasi lebih lanjut mengenai sistem tenaga surya ini. Terima kasih.`;\n \n \/\/ Encode pesan untuk URL\n const encodedMessage = encodeURIComponent(message);\n \n \/\/ Nomor WhatsApp tujuan\n const phoneNumber = '628111150660';\n \n \/\/ Membuka WhatsApp dengan pesan yang sudah disiapkan\n window.open(`https:\/\/wa.me\/${phoneNumber}?text=${encodedMessage}`, '_blank');\n }\n\n \/\/ Tambahkan event listener untuk validasi real-time\n document.addEventListener('DOMContentLoaded', function() {\n \/\/ Tambahkan event listener untuk semua input yang diperlukan\n const requiredInputs = document.querySelectorAll('input[required]');\n requiredInputs.forEach(input => {\n input.addEventListener('input', function() {\n \/\/ Hapus status error saat user mulai mengetik\n this.classList.remove('error');\n const errorElement = document.getElementById(this.id + 'Error');\n if (errorElement) {\n errorElement.textContent = '';\n }\n });\n });\n });\n <\/script>\n<\/body>\n<\/html>\n\n\n\n\n\n\n<p style=\"cursor: text;\"><span style=\"font-size: 14.4px;\">#PaketTiangLampu #PaketLampuSurya #PaketLampuPJU #LampuPJUSetTiang #LampuSolarCellSetTiang #PaketTiangDanLampu #TiangLampuSurya #LampuTenagaSurya #TiangLampuListrik #PJUSetTiang #PaketPeneranganJalan #TiangDanLampuMurah #TiangLampuSolarCell #LampuPJUAllInOne #LampuPJUHybrid #PaketPJUGalvanis #PaketTiangLampuKomplit #HargaPaketLampuJalan #TiangLampuKomplit #PaketTiangLampuSuryaListrik<\/span><\/p>\n\n\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"pagelayer_contact_templates":[],"_pagelayer_content":"","footnotes":""},"class_list":["post-148","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/tiangjalan.com\/pabrik\/wp-json\/wp\/v2\/pages\/148","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/tiangjalan.com\/pabrik\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/tiangjalan.com\/pabrik\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/tiangjalan.com\/pabrik\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/tiangjalan.com\/pabrik\/wp-json\/wp\/v2\/comments?post=148"}],"version-history":[{"count":130,"href":"https:\/\/tiangjalan.com\/pabrik\/wp-json\/wp\/v2\/pages\/148\/revisions"}],"predecessor-version":[{"id":894,"href":"https:\/\/tiangjalan.com\/pabrik\/wp-json\/wp\/v2\/pages\/148\/revisions\/894"}],"wp:attachment":[{"href":"https:\/\/tiangjalan.com\/pabrik\/wp-json\/wp\/v2\/media?parent=148"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}