From e819186201ef84afe9d257ba8db4e99b76f62b6f Mon Sep 17 00:00:00 2001 From: Hamza-Ayed Date: Sat, 19 Sep 2026 12:55:15 +0300 Subject: [PATCH] feat: make Mapbox-grade Landing Page the default home portal with standalone landing.html page --- apps/web/public/landing.html | 564 +++++++++++++++++++++++++++++++++++ apps/web/src/main.tsx | 11 +- landing.html | 564 +++++++++++++++++++++++++++++++++++ 3 files changed, 1135 insertions(+), 4 deletions(-) create mode 100644 apps/web/public/landing.html create mode 100644 landing.html diff --git a/apps/web/public/landing.html b/apps/web/public/landing.html new file mode 100644 index 0000000..88d2ab8 --- /dev/null +++ b/apps/web/public/landing.html @@ -0,0 +1,564 @@ + + + + + + خرائط سيرو المكانية والذكاء التكتيكي | البوابة التعريفية السيادية + + + + + + + + + + + + + +
+
+
+ +
+
+
+ خرائط سيرو المكانية والذكاء التكتيكي + Mapbox Alternative +
+
Siro Spatial & Tactical Intelligence Platform v3.5
+
+
+ + + + + +
+ + السحابة السيادية متصلة 100% +
+
+ + +
+
+ +
+ + بنية جغرافية وطنية مستقلة للمملكة الأردنية والشرق الأوسط + Zero Cloud Lock-in +
+ +

+ الجيل القادم من الخرائط الرقمية والملاحة ثلاثية الأبعاد باستقلالية وطنية مطلقة +

+ +

+ محرك متجهات مكاني عالي الأداء معتمد على مسارات الأردن الدقيقة، محاكاة التضاريس والظلال بزمن حقيقي، ملاحة تكتيكية وتجارية بدون إنترنت، وتوفير جذري يتجاوز 0.30$ لكل رحلة مقارنة باحتكار العمالقة. +

+ + + + + +
+
+
0.30$
+
وفر تكلفة الخريطة لكل رحلة
+
+
+
100%
+
استقلالية سيادية بدون إنترنت
+
+
+
< 25ms
+
سرعة استجابة مربعات Martin MVT
+
+
+
0.00$
+
ضرائب استدعاء API لشركات أجنبية
+
+
+ +
+
+ + +
+
+
ركائز المنظومة الجغرافية المتقدمة
+

منصة متكاملة تلبي أعتى متطلبات الملاحة، الدفاع، والتضاريس

+
+ + +
+ + + + +
+ + +
+ + +
+
+
+ + محرك Terrarium DEM & حساب الظلال الفلكية +
+

تضاريس ثلاثية الأبعاد حية، خطوط كنتور، ومحاكاة مسار الشمس

+

+ يعتمد المحرك على بطاقات الرسوميات (GPU Mesh Displacement) لتحويل مناسيب الارتفاعات الرقمية إلى نماذج جبلية حقيقية، مع حساب زاوية السمت والارتفاع الشمسي لإسقاط الظلال الفيزيائية من الفجر حتى الغروب. +

+
    +
  • تظليل جبلي واقعي (Hillshade 315° NW) لوادي رم والبتراء والبحر الميت.
  • +
  • خطوط كنتور طبوغرافية رئيسية وفرعية كل 10 و 50 متر.
  • +
  • دوران سينمائي نشط 360° مع إمالة الكاميرا 60° داخل الموبايل والويب.
  • +
+ + فتح استوديو التضاريس 3D مباشرة + + +
+
+
LIVE VIEWPORTS — JORDAN SCENIC SITES
+
+
+
🏜️ وادي رم وجبل أم الدامي
+
ارتفاع 1,854م | صخور جرانيتية
+
+
+
🌊 البحر الميت ووادي الموجب
+
أخفض نقطة بالعالم (-430م)
+
+
+
🏛️ السيق والخزنة بالبتراء
+
خوانق صخرية عمودية ضيقة
+
+
+
🏙️ تلال عمان السبعة
+
مجسمات المباني ثلاثية الأبعاد
+
+
+
+ ⚡ معادلة الظلال الفلكية المدمجة: L = H / tan(α) — لحساب أطوال الظلال وزوايا حجب الرؤية لحظياً. +
+
+
+ + + + + + + + + + +
+
+ + +
+
+ +
+
اقتصاديات استثمارية وحماية هوامش الربح
+

كيف تحمي منصات النقل والخدمات اللوجستية أرباحها مع سيرو؟

+

+ تفرض جوجل وماب بوكس ضريبة متزايدة لكل استدعاء ملاحي، مما يستنزف ما بين 0.25$ إلى 0.40$ من ربحية كل طلب. سيرو تحول التكلفة المتغيرة إلى بنية تحتية وطنية ثابتة. +

+
+ +
+ +
+
+ حجم الرحلات / الطلبات اليومية للمنظومة: + 100,000 رحلة/يوم +
+ + +
+
+ إجمالي الرحلات الشهرية: + 3,000,000 رحلة +
+
+ استدعاءات الـ API الشهرية (7 استدعاء/رحلة): + 21,000,000 استدعاء +
+
+ فاتورة جوجل السنوية المتوقعة: + $1,260,000 / سنة +
+
+ تكلفة خوادم سيرو السنوية الثابتة: + $14,400 / سنة +
+
+
+ + +
+
صافي الوفر السنوي المباشر المضاف للربحية
+
$1,245,600
+
توفير ما يعادل ~ 0.35$ في كل رحلة تطلبها المركبة
+

+ هذا الوفر يضاعف الهامش الإجمالي (Gross Margin) لمنصات التوصيل والنقل الذكي بنسبة تتراوح بين 30% إلى 55% فورياً. +

+ + استعراض جدول مقارنة الأسعار مع العمالقة بالتفصيل + +
+
+ +
+
+ + +
+
+
تكامل المطورين | DEVELOPER FIRST
+

مكتبات برمجية جاهزة للويب، الموبايل، والأنظمة الخلفية

+
+ +
+ +
+
+ + + +
+
API: https://tiles.intaleqapp.com
+
+ + +
+ +
// Siro Flutter SDK: Initialize Map & Enable 3D Terrain & Sun Shadow
+import 'package:intaleq_map_sdk/intaleq_map_sdk.dart';
+
+final controller = IntaleqMapController();
+
+IntaleqMapWidget(
+  styleUri: 'https://tiles.intaleqapp.com/styles/style-3d-terrain.json',
+  initialCenter: LatLng(31.9539, 35.9106), // Amman Citadel
+  initialZoom: 14.5,
+  initialTilt: 60.0,
+  enableTerrain: true,
+  onMapCreated: (ctrl) {
+    // Start Cinematic Orbit
+    ctrl.orbitStep(speedTier: 1);
+    
+    // Simulate Daylight Shadow from 06:00 to 18:00
+    ctrl.updateSunSimulation(hour: 16.5, azimuth: 245.0, elevation: 22.0);
+  },
+);
+ + + + + +
+
+
+ + + + + + + + diff --git a/apps/web/src/main.tsx b/apps/web/src/main.tsx index df6e4c8..7b6e21e 100644 --- a/apps/web/src/main.tsx +++ b/apps/web/src/main.tsx @@ -35,7 +35,7 @@ const NAV = [ ] function MasterHeader({ hash }: { hash: string }) { - const currentHash = hash || '#map' + const currentHash = hash || '#portal' const [isFullscreen, setIsFullscreen] = useState(false); const toggleFullscreen = () => { @@ -261,7 +261,10 @@ function Root() { if (p.includes('tourism') || p.includes('heritage') || p.includes('tourist') || window.location.href.includes('سياح')) { return '#tourism'; } - return window.location.hash || '#map'; + if (p.includes('tactical') || p.includes('military')) { + return '#tactical'; + } + return window.location.hash || '#portal'; }; const [hash, setHash] = useState(getInitialHash); @@ -278,14 +281,14 @@ function Root() { return () => window.removeEventListener('hashchange', on); }, []); - const isPortal = hash === '#portal' || hash === '#landing' || hash === '#home'; + const isPortal = hash === '#portal' || hash === '#landing' || hash === '#home' || !hash; const isTourism = hash === '#tourism' || hash === '#heritage' || hash === '#tourist'; const isTactical = hash === '#tactical' || hash === '#military' || hash === '#siro'; const isTerrain3D = hash === '#terrain3d' || hash === '#3d' || hash === '#terrain'; const isExecutive = hash === '#showcase' || hash === '#pitch'; const isCompare = hash === '#compare'; const isReview = hash === '#review'; - const isMap = hash === '#map' || (!isPortal && !isTourism && !isTactical && !isTerrain3D && !isExecutive && !isCompare && !isReview); + const isMap = hash === '#map'; return ( diff --git a/landing.html b/landing.html new file mode 100644 index 0000000..88d2ab8 --- /dev/null +++ b/landing.html @@ -0,0 +1,564 @@ + + + + + + خرائط سيرو المكانية والذكاء التكتيكي | البوابة التعريفية السيادية + + + + + + + + + + + + + +
+
+
+ +
+
+
+ خرائط سيرو المكانية والذكاء التكتيكي + Mapbox Alternative +
+
Siro Spatial & Tactical Intelligence Platform v3.5
+
+
+ + + + + +
+ + السحابة السيادية متصلة 100% +
+
+ + +
+
+ +
+ + بنية جغرافية وطنية مستقلة للمملكة الأردنية والشرق الأوسط + Zero Cloud Lock-in +
+ +

+ الجيل القادم من الخرائط الرقمية والملاحة ثلاثية الأبعاد باستقلالية وطنية مطلقة +

+ +

+ محرك متجهات مكاني عالي الأداء معتمد على مسارات الأردن الدقيقة، محاكاة التضاريس والظلال بزمن حقيقي، ملاحة تكتيكية وتجارية بدون إنترنت، وتوفير جذري يتجاوز 0.30$ لكل رحلة مقارنة باحتكار العمالقة. +

+ + + + + +
+
+
0.30$
+
وفر تكلفة الخريطة لكل رحلة
+
+
+
100%
+
استقلالية سيادية بدون إنترنت
+
+
+
< 25ms
+
سرعة استجابة مربعات Martin MVT
+
+
+
0.00$
+
ضرائب استدعاء API لشركات أجنبية
+
+
+ +
+
+ + +
+
+
ركائز المنظومة الجغرافية المتقدمة
+

منصة متكاملة تلبي أعتى متطلبات الملاحة، الدفاع، والتضاريس

+
+ + +
+ + + + +
+ + +
+ + +
+
+
+ + محرك Terrarium DEM & حساب الظلال الفلكية +
+

تضاريس ثلاثية الأبعاد حية، خطوط كنتور، ومحاكاة مسار الشمس

+

+ يعتمد المحرك على بطاقات الرسوميات (GPU Mesh Displacement) لتحويل مناسيب الارتفاعات الرقمية إلى نماذج جبلية حقيقية، مع حساب زاوية السمت والارتفاع الشمسي لإسقاط الظلال الفيزيائية من الفجر حتى الغروب. +

+
    +
  • تظليل جبلي واقعي (Hillshade 315° NW) لوادي رم والبتراء والبحر الميت.
  • +
  • خطوط كنتور طبوغرافية رئيسية وفرعية كل 10 و 50 متر.
  • +
  • دوران سينمائي نشط 360° مع إمالة الكاميرا 60° داخل الموبايل والويب.
  • +
+ + فتح استوديو التضاريس 3D مباشرة + + +
+
+
LIVE VIEWPORTS — JORDAN SCENIC SITES
+
+
+
🏜️ وادي رم وجبل أم الدامي
+
ارتفاع 1,854م | صخور جرانيتية
+
+
+
🌊 البحر الميت ووادي الموجب
+
أخفض نقطة بالعالم (-430م)
+
+
+
🏛️ السيق والخزنة بالبتراء
+
خوانق صخرية عمودية ضيقة
+
+
+
🏙️ تلال عمان السبعة
+
مجسمات المباني ثلاثية الأبعاد
+
+
+
+ ⚡ معادلة الظلال الفلكية المدمجة: L = H / tan(α) — لحساب أطوال الظلال وزوايا حجب الرؤية لحظياً. +
+
+
+ + + + + + + + + + +
+
+ + +
+
+ +
+
اقتصاديات استثمارية وحماية هوامش الربح
+

كيف تحمي منصات النقل والخدمات اللوجستية أرباحها مع سيرو؟

+

+ تفرض جوجل وماب بوكس ضريبة متزايدة لكل استدعاء ملاحي، مما يستنزف ما بين 0.25$ إلى 0.40$ من ربحية كل طلب. سيرو تحول التكلفة المتغيرة إلى بنية تحتية وطنية ثابتة. +

+
+ +
+ +
+
+ حجم الرحلات / الطلبات اليومية للمنظومة: + 100,000 رحلة/يوم +
+ + +
+
+ إجمالي الرحلات الشهرية: + 3,000,000 رحلة +
+
+ استدعاءات الـ API الشهرية (7 استدعاء/رحلة): + 21,000,000 استدعاء +
+
+ فاتورة جوجل السنوية المتوقعة: + $1,260,000 / سنة +
+
+ تكلفة خوادم سيرو السنوية الثابتة: + $14,400 / سنة +
+
+
+ + +
+
صافي الوفر السنوي المباشر المضاف للربحية
+
$1,245,600
+
توفير ما يعادل ~ 0.35$ في كل رحلة تطلبها المركبة
+

+ هذا الوفر يضاعف الهامش الإجمالي (Gross Margin) لمنصات التوصيل والنقل الذكي بنسبة تتراوح بين 30% إلى 55% فورياً. +

+ + استعراض جدول مقارنة الأسعار مع العمالقة بالتفصيل + +
+
+ +
+
+ + +
+
+
تكامل المطورين | DEVELOPER FIRST
+

مكتبات برمجية جاهزة للويب، الموبايل، والأنظمة الخلفية

+
+ +
+ +
+
+ + + +
+
API: https://tiles.intaleqapp.com
+
+ + +
+ +
// Siro Flutter SDK: Initialize Map & Enable 3D Terrain & Sun Shadow
+import 'package:intaleq_map_sdk/intaleq_map_sdk.dart';
+
+final controller = IntaleqMapController();
+
+IntaleqMapWidget(
+  styleUri: 'https://tiles.intaleqapp.com/styles/style-3d-terrain.json',
+  initialCenter: LatLng(31.9539, 35.9106), // Amman Citadel
+  initialZoom: 14.5,
+  initialTilt: 60.0,
+  enableTerrain: true,
+  onMapCreated: (ctrl) {
+    // Start Cinematic Orbit
+    ctrl.orbitStep(speedTier: 1);
+    
+    // Simulate Daylight Shadow from 06:00 to 18:00
+    ctrl.updateSunSimulation(hour: 16.5, azimuth: 245.0, elevation: 22.0);
+  },
+);
+ + + + + +
+
+
+ + + + + + + +