Update: 2026-06-10 02:44:54

2026-06-10 02:44:55 +03:00
parent 9bc7a31c94
commit a0473a8b0f
134 changed files with 1706 additions and 544 deletions
--- a/marketing-pages/damascus_zones_map.html
+++ b/marketing-pages/damascus_zones_map.html
@@ -0,0 +1,126 @@
+<!DOCTYPE html>
+<html lang="ar" dir="rtl">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>خارطة التوسع الجغرافي - دمشق</title>
+    <link rel="stylesheet" href="https://unpkg.com/leaflet@1.9.4/dist/leaflet.css" />
+    <style>
+        body { margin: 0; padding: 0; font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; }
+        #map { height: 100vh; width: 100vw; }
+        .legend {
+            background: white;
+            padding: 15px;
+            border-radius: 8px;
+            box-shadow: 0 0 15px rgba(0,0,0,0.2);
+            line-height: 1.5;
+            color: #333;
+        }
+        .legend h4 { margin: 0 0 10px 0; }
+        .legend i {
+            width: 18px;
+            height: 18px;
+            float: right;
+            margin-left: 8px;
+            opacity: 0.7;
+        }
+    </style>
+</head>
+<body>
+
+<div id="map"></div>
+
+<script src="https://unpkg.com/leaflet@1.9.4/dist/leaflet.js"></script>
+<script>
+    // Initialize map centered on Damascus
+    var map = L.map('map').setView([33.5138, 36.2765], 13);
+
+    // Add OpenStreetMap tiles
+    L.tileLayer('https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', {
+        maxZoom: 19,
+        attribution: '© OpenStreetMap contributors'
+    }).addTo(map);
+
+    // Define polygon styles
+    var styleA = { color: 'green', fillColor: 'green', fillOpacity: 0.4, weight: 2 };
+    var styleB = { color: 'blue', fillColor: 'blue', fillOpacity: 0.4, weight: 2 };
+    var styleC = { color: 'yellow', fillColor: 'yellow', fillOpacity: 0.4, weight: 2 };
+    var styleD = { color: 'red', fillColor: 'red', fillOpacity: 0.4, weight: 2 };
+
+    // Approximate Coordinates for Zones (These are illustrative representations)
+
+    // Zone A (Green): Mezzeh, Kafr Sousa, Malki (South-West / Central-West)
+    var zoneA = [
+        [33.5200, 36.2700], // Malki area
+        [33.5150, 36.2850],
+        [33.4900, 36.2850], // Kafr Sousa
+        [33.4950, 36.2400], // Mezzeh
+        [33.5100, 36.2400]
+    ];
+    L.polygon(zoneA, styleA).addTo(map).bindPopup("<b>منطقة أ (خضراء)</b><br>المزة، كفرسوسة، المالكية<br>الأولوية الأولى (الأشهر 1-3)");
+
+    // Zone B (Blue): Abu Rummaneh, Muhajireen, Rawda, Jisr al-Abyad (Central / North-West)
+    var zoneB = [
+        [33.5350, 36.2650], // Muhajireen
+        [33.5300, 36.2800], 
+        [33.5150, 36.2850], // Abu Rummaneh / Rawda
+        [33.5200, 36.2700]
+    ];
+    L.polygon(zoneB, styleB).addTo(map).bindPopup("<b>منطقة ب (زرقاء)</b><br>أبو رمانة، المهاجرين، الروضة، الجسر الأبيض<br>الأولوية الثانية (الأشهر 2-4)");
+
+    // Zone C (Yellow): Mezzeh Western Villas, Dummar, Rukn al-Din, Qassaa (North, East, far West)
+    var zoneC1 = [ // Dummar / Western Villas
+        [33.5500, 36.2200],
+        [33.5400, 36.2500],
+        [33.5100, 36.2400],
+        [33.5100, 36.2100]
+    ];
+    var zoneC2 = [ // Rukn al-Din / Qassaa
+        [33.5400, 36.2800],
+        [33.5450, 36.3100],
+        [33.5150, 36.3200],
+        [33.5100, 36.2850],
+        [33.5300, 36.2800]
+    ];
+    L.polygon(zoneC1, styleC).addTo(map).bindPopup("<b>منطقة ج (صفراء)</b><br>دمر، المزة فيلات غربية<br>الأولوية الثالثة (الأشهر 4-6)");
+    L.polygon(zoneC2, styleC).addTo(map).bindPopup("<b>منطقة ج (صفراء)</b><br>ركن الدين، القصاع<br>الأولوية الثالثة (الأشهر 4-6)");
+
+    // Zone D (Red): Barzeh, Jaramana, Qudsaya, Darayya (Outskirts)
+    var zoneD1 = [ // Barzeh
+        [33.5600, 36.3000],
+        [33.5600, 36.3300],
+        [33.5400, 36.3300],
+        [33.5400, 36.3000]
+    ];
+    var zoneD2 = [ // Jaramana
+        [33.5000, 36.3300],
+        [33.5000, 36.3700],
+        [33.4700, 36.3700],
+        [33.4700, 36.3300]
+    ];
+    var zoneD3 = [ // Darayya
+        [33.4700, 36.2200],
+        [33.4700, 36.2600],
+        [33.4400, 36.2600],
+        [33.4400, 36.2200]
+    ];
+    L.polygon(zoneD1, styleD).addTo(map).bindPopup("<b>منطقة د (حمراء)</b><br>برزة<br>توسع مستقبلي (شهر 7+)");
+    L.polygon(zoneD2, styleD).addTo(map).bindPopup("<b>منطقة د (حمراء)</b><br>جرمانا<br>توسع مستقبلي (شهر 7+)");
+    L.polygon(zoneD3, styleD).addTo(map).bindPopup("<b>منطقة د (حمراء)</b><br>داريا<br>توسع مستقبلي (شهر 7+)");
+
+    // Add Legend
+    var legend = L.control({position: 'bottomright'});
+    legend.onAdd = function (map) {
+        var div = L.DomUtil.create('div', 'legend');
+        div.innerHTML += '<h4>استراتيجية التوسع - دمشق</h4>';
+        div.innerHTML += '<i style="background: green"></i> منطقة أ (خضراء): المزة، كفرسوسة، المالكية<br>';
+        div.innerHTML += '<i style="background: blue"></i> منطقة ب (زرقاء): أبو رمانة، المهاجرين<br>';
+        div.innerHTML += '<i style="background: yellow"></i> منطقة ج (صفراء): دمر، ركن الدين، القصاع<br>';
+        div.innerHTML += '<i style="background: red"></i> منطقة د (حمراء): الضواحي (جرمانا، برزة، داريا)<br>';
+        return div;
+    };
+    legend.addTo(map);
+
+</script>
+</body>
+</html>