diff --git a/api/data_jalan.php b/api/data_jalan.php
index c84bbca..c072587 100644
--- a/api/data_jalan.php
+++ b/api/data_jalan.php
@@ -1,6 +1,6 @@
 <?php
 // api/data_jalan.php
-require_once __DIR__ . '/config/database.php';
+require_once dirname(__DIR__, 2) . '/database.php';
 require_once __DIR__ . '/helpers/response.php';
 setCORSHeaders();
 
diff --git a/api/data_persil.php b/api/data_persil.php
index 01a66aa..9db5230 100644
--- a/api/data_persil.php
+++ b/api/data_persil.php
@@ -1,6 +1,6 @@
 <?php
 // api/data_persil.php
-require_once __DIR__ . '/config/database.php';
+require_once dirname(__DIR__, 2) . '/database.php';
 require_once __DIR__ . '/helpers/response.php';
 setCORSHeaders();
 
diff --git a/api/log_bantuan.php b/api/log_bantuan.php
index 10bce89..be197e0 100644
--- a/api/log_bantuan.php
+++ b/api/log_bantuan.php
@@ -1,6 +1,6 @@
 <?php
 // api/log_bantuan.php
-require_once __DIR__ . '/config/database.php';
+require_once dirname(__DIR__, 2) . '/database.php';
 require_once __DIR__ . '/helpers/response.php';
 setCORSHeaders();
 
diff --git a/api/penduduk_miskin.php b/api/penduduk_miskin.php
index 8b86ea2..f18259f 100644
--- a/api/penduduk_miskin.php
+++ b/api/penduduk_miskin.php
@@ -1,6 +1,6 @@
 <?php
 // api/penduduk_miskin.php
-require_once __DIR__ . '/config/database.php';
+require_once dirname(__DIR__, 2) . '/database.php';
 require_once __DIR__ . '/helpers/response.php';
 setCORSHeaders();
 
diff --git a/api/rumah_ibadah.php b/api/rumah_ibadah.php
index f4a2895..922eca7 100644
--- a/api/rumah_ibadah.php
+++ b/api/rumah_ibadah.php
@@ -1,6 +1,6 @@
 <?php
 // api/rumah_ibadah.php
-require_once __DIR__ . '/config/database.php';
+require_once dirname(__DIR__, 2) . '/database.php';
 require_once __DIR__ . '/helpers/response.php';
 setCORSHeaders();
 
diff --git a/api/spbu.php b/api/spbu.php
index 422838d..dfb199b 100644
--- a/api/spbu.php
+++ b/api/spbu.php
@@ -1,6 +1,6 @@
 <?php
 // api/spbu.php
-require_once __DIR__ . '/config/database.php';
+require_once dirname(__DIR__, 2) . '/database.php';
 require_once __DIR__ . '/helpers/response.php';
 setCORSHeaders();
 
diff --git a/basemap.html b/basemap.html
index d2db26e..9611cc2 100644
--- a/basemap.html
+++ b/basemap.html
@@ -22,7 +22,7 @@
 <div id="app">
   <header id="header">
     <div class="brand">
-      <a href="index.html" style="text-decoration:none; color:inherit"><div class="brand-title">WebGIS Poverty</div></a>
+      <a href="../index.html" style="text-decoration:none; color:inherit"><div class="brand-title">WebGIS Poverty</div></a>
       <div class="brand-sub">Sistem Informasi Geografis Berbasis Web</div>
     </div>
 
@@ -48,7 +48,7 @@
 
     <aside id="panel">
       <div id="panel-head">
-        <a href="index.html" class="btn btn-ghost btn-sm" style="margin-bottom: 12px; display: inline-flex; align-items: center; gap: 6px; text-decoration: none;">
+        <a href="../index.html" class="btn btn-ghost btn-sm" style="margin-bottom: 12px; display: inline-flex; align-items: center; gap: 6px; text-decoration: none;">
           <span style="font-size: 14px;">&larr;</span> Kembali ke Beranda
         </a>
         <h2 id="panel-title">Peta Referensi Pontianak</h2>
diff --git a/api/config/database.php b/database.php
similarity index 96%
rename from api/config/database.php
rename to database.php
index 112c5cc..656ba8b 100644
--- a/api/config/database.php
+++ b/database.php
@@ -6,7 +6,7 @@ mysqli_report(MYSQLI_REPORT_OFF);
 if (!function_exists('loadDatabaseConfig')) {
     function loadDatabaseConfig(): array {
         // Load .env if exists (for local development)
-        $envFile = dirname(__DIR__, 2) . '/.env';
+        $envFile = __DIR__ . '/.env';
         if (file_exists($envFile)) {
             $lines = file($envFile, FILE_IGNORE_NEW_LINES | FILE_SKIP_EMPTY_LINES);
             foreach ($lines as $line) {
@@ -39,7 +39,7 @@ if (!function_exists('loadDatabaseConfig')) {
         ];
 
         // Only allow local override if we are truly in a local environment
-        $localConfigFile = __DIR__ . '/database.local.php';
+        $localConfigFile = __DIR__ . '/webgis_class/api/config/database.local.php';
         if (is_file($localConfigFile) && ($config['host'] === '127.0.0.1' || $config['host'] === 'localhost')) {
             $localConfig = require $localConfigFile;
             if (is_array($localConfig)) {
diff --git a/index.html b/index.html
index da61d43..b50f4d9 100644
--- a/index.html
+++ b/index.html
@@ -7,7 +7,7 @@
 <link rel="preconnect" href="https://fonts.googleapis.com" />
 <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
 <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Space+Grotesk:wght@500;700;800&display=swap" rel="stylesheet" />
-<link rel="stylesheet" href="css/landing.css" />
+<link rel="stylesheet" href="landing.css" />
 </head>
 <body>
 
@@ -23,31 +23,31 @@
     <p>Akses informasi geografis mengenai tingkat kemiskinan, persebaran SPBU, infrastruktur jalan, dan data bidang persil tanah dalam satu platform interaktif yang memukau.</p>
     
     <div class="features-grid">
-      <a href="kemiskinan.html" class="feature-card">
+      <a href="webgis_class/kemiskinan.html" class="feature-card">
         <div class="feature-icon">👥</div>
         <h2 class="feature-title">Kemiskinan & Rumah Ibadah</h2>
         <p class="feature-desc">Peta sebaran penduduk dan fasilitas rumah ibadah di berbagai wilayah.</p>
       </a>
 
-      <a href="spbu.html" class="feature-card">
+      <a href="webgis_class/spbu.html" class="feature-card">
         <div class="feature-icon">⛽</div>
         <h2 class="feature-title">Persebaran SPBU</h2>
         <p class="feature-desc">Lokasi stasiun pengisian bahan bakar umum beserta status layanannya.</p>
       </a>
 
-      <a href="jalan.html" class="feature-card">
+      <a href="webgis_class/jalan.html" class="feature-card">
         <div class="feature-icon">🛣️</div>
         <h2 class="feature-title">Infrastruktur Jalan</h2>
         <p class="feature-desc">Data jaringan jalan raya nasional, provinsi, dan kabupaten terintegrasi.</p>
       </a>
 
-      <a href="persil.html" class="feature-card">
+      <a href="webgis_class/persil.html" class="feature-card">
         <div class="feature-icon">🗺️</div>
         <h2 class="feature-title">Bidang Persil Tanah</h2>
         <p class="feature-desc">Pemetaan bidang tanah bersertifikat lengkap dengan informasi status kepemilikan.</p>
       </a>
 
-      <a href="basemap.html" class="feature-card">
+      <a href="webgis_class/basemap.html" class="feature-card">
         <div class="feature-icon">🏙️</div>
         <h2 class="feature-title">Peta Referensi Pontianak</h2>
         <p class="feature-desc">Batas kecamatan, jaringan jalan, dan sungai besar Kota Pontianak dari data GeoJSON.</p>
diff --git a/jalan.html b/jalan.html
index 3c9837b..aa2deb9 100644
--- a/jalan.html
+++ b/jalan.html
@@ -21,7 +21,7 @@
 <div id="app">
   <header id="header">
     <div class="brand">
-      <a href="index.html" style="text-decoration:none; color:inherit"><div class="brand-title">WebGIS Poverty</div></a>
+      <a href="../index.html" style="text-decoration:none; color:inherit"><div class="brand-title">WebGIS Poverty</div></a>
       <div class="brand-sub">Sistem Informasi Geografis Berbasis Web</div>
     </div>
 
@@ -49,7 +49,7 @@
 
     <aside id="panel">
       <div id="panel-head">
-        <a href="index.html" class="btn btn-ghost btn-sm" style="margin-bottom: 12px; display: inline-flex; align-items: center; gap: 6px; text-decoration: none;">
+        <a href="../index.html" class="btn btn-ghost btn-sm" style="margin-bottom: 12px; display: inline-flex; align-items: center; gap: 6px; text-decoration: none;">
           <span style="font-size: 14px;">&larr;</span> Kembali ke Beranda
         </a>
         <h2 id="panel-title">Rumah Ibadah & Kemiskinan</h2>
diff --git a/kemiskinan.html b/kemiskinan.html
index 67fc3ed..4c60df5 100644
--- a/kemiskinan.html
+++ b/kemiskinan.html
@@ -21,7 +21,7 @@
 <div id="app">
   <header id="header">
     <div class="brand">
-      <a href="index.html" style="text-decoration:none; color:inherit"><div class="brand-title">WebGIS Poverty</div></a>
+      <a href="../index.html" style="text-decoration:none; color:inherit"><div class="brand-title">WebGIS Poverty</div></a>
       <div class="brand-sub">Sistem Informasi Geografis Berbasis Web</div>
     </div>
 
@@ -49,7 +49,7 @@
 
     <aside id="panel">
       <div id="panel-head">
-        <a href="index.html" class="btn btn-ghost btn-sm" style="margin-bottom: 12px; display: inline-flex; align-items: center; gap: 6px; text-decoration: none;">
+        <a href="../index.html" class="btn btn-ghost btn-sm" style="margin-bottom: 12px; display: inline-flex; align-items: center; gap: 6px; text-decoration: none;">
           <span style="font-size: 14px;">&larr;</span> Kembali ke Beranda
         </a>
         <h2 id="panel-title">Rumah Ibadah & Kemiskinan</h2>
diff --git a/persil.html b/persil.html
index 3fa303a..77f4801 100644
--- a/persil.html
+++ b/persil.html
@@ -21,7 +21,7 @@
 <div id="app">
   <header id="header">
     <div class="brand">
-      <a href="index.html" style="text-decoration:none; color:inherit"><div class="brand-title">WebGIS Poverty</div></a>
+      <a href="../index.html" style="text-decoration:none; color:inherit"><div class="brand-title">WebGIS Poverty</div></a>
       <div class="brand-sub">Sistem Informasi Geografis Berbasis Web</div>
     </div>
 
@@ -49,7 +49,7 @@
 
     <aside id="panel">
       <div id="panel-head">
-        <a href="index.html" class="btn btn-ghost btn-sm" style="margin-bottom: 12px; display: inline-flex; align-items: center; gap: 6px; text-decoration: none;">
+        <a href="../index.html" class="btn btn-ghost btn-sm" style="margin-bottom: 12px; display: inline-flex; align-items: center; gap: 6px; text-decoration: none;">
           <span style="font-size: 14px;">&larr;</span> Kembali ke Beranda
         </a>
         <h2 id="panel-title">Rumah Ibadah & Kemiskinan</h2>
diff --git a/spbu.html b/spbu.html
index 0a94ddb..4d62650 100644
--- a/spbu.html
+++ b/spbu.html
@@ -21,7 +21,7 @@
 <div id="app">
   <header id="header">
     <div class="brand">
-      <a href="index.html" style="text-decoration:none; color:inherit"><div class="brand-title">WebGIS Poverty</div></a>
+      <a href="../index.html" style="text-decoration:none; color:inherit"><div class="brand-title">WebGIS Poverty</div></a>
       <div class="brand-sub">Sistem Informasi Geografis Berbasis Web</div>
     </div>
 
@@ -49,7 +49,7 @@
 
     <aside id="panel">
       <div id="panel-head">
-        <a href="index.html" class="btn btn-ghost btn-sm" style="margin-bottom: 12px; display: inline-flex; align-items: center; gap: 6px; text-decoration: none;">
+        <a href="../index.html" class="btn btn-ghost btn-sm" style="margin-bottom: 12px; display: inline-flex; align-items: center; gap: 6px; text-decoration: none;">
           <span style="font-size: 14px;">&larr;</span> Kembali ke Beranda
         </a>
         <h2 id="panel-title">Rumah Ibadah & Kemiskinan</h2>