Spaces:
Running
Running
| <html lang="en" dir="ltr" id="html"> | |
| <head> | |
| <meta charset="UTF-8"> | |
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | |
| <title data-en="All Dashboards | Rasd Intelligence Platform" data-ar="جميع لوحات الذكاء | منصة رصد الذكية">All Dashboards | Rasd Intelligence Platform</title> | |
| <link href="https://fonts.googleapis.com/css2?family=Tajawal:wght@200;300;400;500;700;800;900&display=swap" rel="stylesheet"> | |
| <link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css" rel="stylesheet"> | |
| <script src="https://cdn.tailwindcss.com"></script> | |
| <script> | |
| tailwind.config = { | |
| theme: { | |
| extend: { | |
| colors: { 'saudi-green': '#006C35', 'saudi-gold': '#C9A646', 'saudi-dark': '#1A2E44' }, | |
| fontFamily: { 'tajawal': ['Tajawal', 'sans-serif'] } | |
| } | |
| } | |
| } | |
| </script> | |
| <style> | |
| body { font-family: 'Tajawal', sans-serif; background-color: #f8f9fa; } | |
| .gradient-bg { background: linear-gradient(135deg, #006C35 0%, #004d26 100%); } | |
| .rtl { direction: rtl; } .ltr { direction: ltr; } | |
| .dashboard-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(400px, 1fr)); gap: 2rem; } | |
| .dashboard-card { background: white; border-radius: 20px; padding: 2rem; box-shadow: 0 10px 30px rgba(0,0,0,0.08); transition: all 0.3s ease; border: 2px solid transparent; } | |
| .dashboard-card:hover { transform: translateY(-8px); box-shadow: 0 25px 50px rgba(0,0,0,0.15); border-color: rgba(0,108,53,0.2); } | |
| .dashboard-preview { width: 100%; height: 280px; border-radius: 15px; margin-bottom: 1.5rem; overflow: hidden; position: relative; border: 3px solid #f0f0f0; } | |
| .dashboard-preview img { width: 100%; height: 100%; object-fit: cover; border-radius: 12px; } | |
| .dashboard-placeholder { | |
| width: 100%; height: 100%; | |
| background: linear-gradient(135deg, #f8f9fa, #e9ecef); | |
| display: flex; align-items: center; justify-content: center; | |
| color: #6c757d; font-size: 16px; font-weight: 600; border-radius: 12px; | |
| position: absolute; top: 0; left: 0; z-index: 1; | |
| flex-direction: column; | |
| } | |
| .dashboard-placeholder i { font-size: 3rem; margin-bottom: 1rem; opacity: 0.5; } | |
| .dashboard-preview img[data-loaded="true"] + .dashboard-placeholder { display: none; } | |
| .category-badge { background: linear-gradient(45deg, #006C35, #00a651); color: white; padding: 0.25rem 0.75rem; border-radius: 1rem; font-size: 0.75rem; font-weight: 600; margin-bottom: 1rem; display: inline-block; } | |
| </style> | |
| </head> | |
| <body class="font-tajawal"> | |
| <!-- ======================= HEADER SECTION ======================= --> | |
| <header class="gradient-bg text-white shadow-2xl"> | |
| <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-8"> | |
| <div class="flex items-center justify-between"> | |
| <div> | |
| <h1 class="text-4xl font-bold mb-2" data-en="Complete Intelligence Dashboard Suite" data-ar="مجموعة لوحات الذكاء الكاملة">Complete Intelligence Dashboard Suite</h1> | |
| <p class="text-xl opacity-90" data-en="17 Specialized AI-Powered Modules for Deep News Analysis" data-ar="17 وحدة متخصصة مدعومة بالذكاء الاصطناعي للتحليل العميق للأخبار">17 Specialized AI-Powered Modules for Deep News Analysis</p> | |
| </div> | |
| <div class="flex items-center space-x-6"> | |
| <button onclick="toggleLanguage()" class="flex items-center space-x-2 px-4 py-3 rounded-xl border-2 border-saudi-gold text-saudi-gold hover:bg-saudi-gold hover:text-saudi-dark transition-all font-semibold"> | |
| <i class="fas fa-globe"></i> | |
| <span id="lang-toggle">العربية</span> | |
| </button> | |
| <a href="index.html" class="flex items-center space-x-2 px-6 py-3 bg-white/20 hover:bg-white/30 rounded-xl transition-all font-semibold"> | |
| <i class="fas fa-arrow-left"></i> | |
| <span data-en="Back to News Analysis" data-ar="العودة لتحليل الخبر">Back to News Analysis</span> | |
| </a> | |
| </div> | |
| </div> | |
| </div> | |
| </header> | |
| <!-- ======================= MAIN DASHBOARDS GRID SECTION ======================= --> | |
| <main class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-12"> | |
| <div class="text-center mb-12"> | |
| <p class="text-xl text-gray-600 max-w-4xl mx-auto" data-en="Each dashboard uses advanced AI algorithms to provide deep insights into different aspects of news impact, audience behavior, and media performance. Click on any dashboard to explore detailed analytics." data-ar="كل لوحة تحكم تستخدم خوارزميات ذكاء اصطناعي متقدمة لتقديم رؤى عميقة في جوانب مختلفة من تأثير الأخبار وسلوك الجمهور وأداء الوسائط. انقر على أي لوحة لاستكشاف التحليلات المفصلة.">Each dashboard uses advanced AI algorithms to provide deep insights into different aspects of news impact, audience behavior, and media performance. Click on any dashboard to explore detailed analytics.</p> | |
| </div> | |
| <div class="dashboard-grid"> | |
| <!-- ======================= REAL-TIME MONITORING ======================= --> | |
| <!-- Dashboard 1: Real-time News Feed --> | |
| <div class="dashboard-card"> | |
| <div class="category-badge" data-en="Real-Time Monitoring" data-ar="المراقبة المباشرة">Real-Time Monitoring</div> | |
| <div class="dashboard-preview"> | |
| <img src="https://huggingface.co/spaces/AhmedMostafaAttia/rasd-was-demo/resolve/main/dashboard-realtime-feed.gif" alt="Real-time Feed" loading="lazy" onload="this.setAttribute('data-loaded', 'true')"> | |
| <div class="dashboard-placeholder"> | |
| <i class="fas fa-broadcast-tower"></i> | |
| <span data-en="Real-time News Feed" data-ar="التغذية الإخبارية المباشرة">Real-time News Feed</span> | |
| </div> | |
| </div> | |
| <h4 class="text-2xl font-bold text-saudi-dark mb-4" data-en="Live News Feed Tracker" data-ar="متتبع التغذية الإخبارية المباشرة">Live News Feed Tracker</h4> | |
| <p class="text-gray-600 leading-relaxed" data-en="Monitor your news spreading across the globe in real-time. Get live updates every 30 seconds showing where your content is being published, shared, and discussed. Perfect for crisis management and breaking news situations." data-ar="راقب انتشار أخبارك حول العالم في الوقت الفعلي. احصل على تحديثات مباشرة كل 30 ثانية تُظهر أين يتم نشر ومشاركة ومناقشة محتواك. مثالية لإدارة الأزمات وحالات الأخبار العاجلة.">Monitor your news spreading across the globe in real-time. Get live updates every 30 seconds showing where your content is being published, shared, and discussed. Perfect for crisis management and breaking news situations.</p> | |
| </div> | |
| <!-- Dashboard 2: Global Impact Summary --> | |
| <div class="dashboard-card"> | |
| <div class="category-badge" data-en="Impact Analysis" data-ar="تحليل التأثير">Impact Analysis</div> | |
| <div class="dashboard-preview"> | |
| <img src="https://huggingface.co/spaces/AhmedMostafaAttia/rasd-was-demo/resolve/main/dashboard-global-summary.gif" alt="Global Summary" loading="lazy" onload="this.setAttribute('data-loaded', 'true')"> | |
| <div class="dashboard-placeholder"> | |
| <i class="fas fa-globe-americas"></i> | |
| <span data-en="Global Impact Summary" data-ar="ملخص التأثير العالمي">Global Impact Summary</span> | |
| </div> | |
| </div> | |
| <h4 class="text-2xl font-bold text-saudi-dark mb-4" data-en="Global Reach Overview" data-ar="نظرة عامة على الوصول العالمي">Global Reach Overview</h4> | |
| <p class="text-gray-600 leading-relaxed" data-en="Get a comprehensive bird's-eye view of your news impact worldwide. See total countries reached, media outlets covering your story, total audience size, and geographic distribution with beautiful interactive maps and real-time statistics." data-ar="احصل على نظرة شاملة من أعلى لتأثير أخبارك حول العالم. شاهد إجمالي الدول التي تم الوصول إليها والمنافذ الإعلامية التي تغطي قصتك وحجم الجمهور الإجمالي والتوزيع الجغرافي بخرائط تفاعلية جميلة وإحصائيات فورية.">Get a comprehensive bird's-eye view of your news impact worldwide. See total countries reached, media outlets covering your story, total audience size, and geographic distribution with beautiful interactive maps and real-time statistics.</p> | |
| </div> | |
| <!-- ======================= CONTENT ANALYSIS ======================= --> | |
| <!-- Dashboard 3: News Content Analysis --> | |
| <div class="dashboard-card"> | |
| <div class="category-badge" data-en="Content Intelligence" data-ar="ذكاء المحتوى">Content Intelligence</div> | |
| <div class="dashboard-preview"> | |
| <img src="https://huggingface.co/spaces/AhmedMostafaAttia/rasd-was-demo/resolve/main/dashboard-news.gif" alt="News Analysis" loading="lazy" onload="this.setAttribute('data-loaded', 'true')"> | |
| <div class="dashboard-placeholder"> | |
| <i class="fas fa-newspaper"></i> | |
| <span data-en="News Content Analysis" data-ar="تحليل محتوى الأخبار">News Content Analysis</span> | |
| </div> | |
| </div> | |
| <h4 class="text-2xl font-bold text-saudi-dark mb-4" data-en="Smart Content Detector" data-ar="كاشف المحتوى الذكي">Smart Content Detector</h4> | |
| <p class="text-gray-600 leading-relaxed" data-en="Advanced NLP technology detects all versions of your news content across the web - paraphrased, translated, shortened, or modified. Ensures complete tracking of your intellectual property and brand mentions with 95% accuracy." data-ar="تقنية معالجة اللغة الطبيعية المتقدمة تكتشف جميع إصدارات محتوى أخبارك عبر الويب - معاد الصياغة، مترجم، مختصر، أو معدّل. يضمن التتبع الكامل لملكيتك الفكرية وذكر علامتك التجارية بدقة 95%.">Advanced NLP technology detects all versions of your news content across the web - paraphrased, translated, shortened, or modified. Ensures complete tracking of your intellectual property and brand mentions with 95% accuracy.</p> | |
| </div> | |
| <!-- Dashboard 4: Topic Intelligence --> | |
| <div class="dashboard-card"> | |
| <div class="category-badge" data-en="Content Intelligence" data-ar="ذكاء المحتوى">Content Intelligence</div> | |
| <div class="dashboard-preview"> | |
| <img src="https://huggingface.co/spaces/AhmedMostafaAttia/rasd-was-demo/resolve/main/dashboard-topic-analysis.gif" alt="Topic Analysis" loading="lazy" onload="this.setAttribute('data-loaded', 'true')"> | |
| <div class="dashboard-placeholder"> | |
| <i class="fas fa-tags"></i> | |
| <span data-en="Topic Intelligence" data-ar="ذكاء المواضيع">Topic Intelligence</span> | |
| </div> | |
| </div> | |
| <h4 class="text-2xl font-bold text-saudi-dark mb-4" data-en="Topic & Theme Analyzer" data-ar="محلل المواضيع والثيمات">Topic & Theme Analyzer</h4> | |
| <p class="text-gray-600 leading-relaxed" data-en="Discover what topics and themes people are discussing in relation to your news. Uses advanced AI to identify emerging conversation themes, related topics, and public interest areas with trending analysis and topic clustering." data-ar="اكتشف ما هي المواضيع والثيمات التي يناقشها الناس فيما يتعلق بأخبارك. يستخدم الذكاء الاصطناعي المتقدم لتحديد ثيمات المحادثة الناشئة والمواضيع ذات الصلة ومجالات الاهتمام العام مع تحليل الاتجاهات وتجميع المواضيع.">Discover what topics and themes people are discussing in relation to your news. Uses advanced AI to identify emerging conversation themes, related topics, and public interest areas with trending analysis and topic clustering.</p> | |
| </div> | |
| <!-- ======================= AUDIENCE INSIGHTS ======================= --> | |
| <!-- Dashboard 5: Sentiment Analysis --> | |
| <div class="dashboard-card"> | |
| <div class="category-badge" data-en="Audience Insights" data-ar="رؤى الجمهور">Audience Insights</div> | |
| <div class="dashboard-preview"> | |
| <img src="https://huggingface.co/spaces/AhmedMostafaAttia/rasd-was-demo/resolve/main/dashboard-sentiment.gif" alt="Sentiment Analysis" loading="lazy" onload="this.setAttribute('data-loaded', 'true')"> | |
| <div class="dashboard-placeholder"> | |
| <i class="fas fa-heart"></i> | |
| <span data-en="Sentiment Analysis" data-ar="تحليل المشاعر">Sentiment Analysis</span> | |
| </div> | |
| </div> | |
| <h4 class="text-2xl font-bold text-saudi-dark mb-4" data-en="Public Opinion Monitor" data-ar="مراقب الرأي العام">Public Opinion Monitor</h4> | |
| <p class="text-gray-600 leading-relaxed" data-en="Understand public reaction with precision. Our AI analyzes millions of comments, social media posts, and reactions to provide detailed sentiment breakdown (positive/negative/neutral) with emotion detection and opinion trends over time." data-ar="افهم ردود أفعال الجمهور بدقة. ذكاؤنا الاصطناعي يحلل ملايين التعليقات ومنشورات وسائل التواصل الاجتماعي والتفاعلات لتقديم تفصيل مشاعر مفصل (إيجابي/سلبي/محايد) مع كشف العواطف واتجاهات الرأي عبر الزمن.">Understand public reaction with precision. Our AI analyzes millions of comments, social media posts, and reactions to provide detailed sentiment breakdown (positive/negative/neutral) with emotion detection and opinion trends over time.</p> | |
| </div> | |
| <!-- Dashboard 6: Audience Demographics --> | |
| <div class="dashboard-card"> | |
| <div class="category-badge" data-en="Audience Insights" data-ar="رؤى الجمهور">Audience Insights</div> | |
| <div class="dashboard-preview"> | |
| <img src="https://huggingface.co/spaces/AhmedMostafaAttia/rasd-was-demo/resolve/main/dashboard-demographics.gif" alt="Demographics" loading="lazy" onload="this.setAttribute('data-loaded', 'true')"> | |
| <div class="dashboard-placeholder"> | |
| <i class="fas fa-users"></i> | |
| <span data-en="Audience Demographics" data-ar="ديموغرافية الجمهور">Audience Demographics</span> | |
| </div> | |
| </div> | |
| <h4 class="text-2xl font-bold text-saudi-dark mb-4" data-en="Audience Profile Builder" data-ar="بناء ملف الجمهور">Audience Profile Builder</h4> | |
| <p class="text-gray-600 leading-relaxed" data-en="Deep dive into who your audience really is. Get detailed demographics including age groups, gender distribution, geographic locations, interests, professions, and online behavior patterns with engagement preferences and platform usage statistics." data-ar="تعمق في فهم من هو جمهورك حقاً. احصل على ديموغرافية مفصلة تشمل الفئات العمرية وتوزيع الجنس والمواقع الجغرافية والاهتمامات والمهن وأنماط السلوك عبر الإنترنت مع تفضيلات التفاعل وإحصائيات استخدام المنصات.">Deep dive into who your audience really is. Get detailed demographics including age groups, gender distribution, geographic locations, interests, professions, and online behavior patterns with engagement preferences and platform usage statistics.</p> | |
| </div> | |
| <!-- ======================= PREDICTIVE ANALYTICS ======================= --> | |
| <!-- Dashboard 7: Predictive Analytics --> | |
| <div class="dashboard-card"> | |
| <div class="category-badge" data-en="AI Predictions" data-ar="التنبؤات الذكية">AI Predictions</div> | |
| <div class="dashboard-preview"> | |
| <img src="https://huggingface.co/spaces/AhmedMostafaAttia/rasd-was-demo/resolve/main/dashboard-prediction.gif" alt="Prediction" loading="lazy" onload="this.setAttribute('data-loaded', 'true')"> | |
| <div class="dashboard-placeholder"> | |
| <i class="fas fa-crystal-ball"></i> | |
| <span data-en="Predictive Analytics" data-ar="التحليلات التنبؤية">Predictive Analytics</span> | |
| </div> | |
| </div> | |
| <h4 class="text-2xl font-bold text-saudi-dark mb-4" data-en="Viral Prediction Engine" data-ar="محرك التنبؤ الفيروسي">Viral Prediction Engine</h4> | |
| <p class="text-gray-600 leading-relaxed" data-en="Predict which stories will go viral before they do. Our advanced machine learning models analyze content patterns, timing, audience behavior, and 50+ other factors to forecast viral potential with 87% accuracy up to 24 hours in advance." data-ar="تنبأ بأي القصص ستصبح فيروسية قبل حدوث ذلك. نماذج التعلم الآلي المتقدمة لدينا تحلل أنماط المحتوى والتوقيت وسلوك الجمهور و50+ عامل آخر للتنبؤ بالإمكانات الفيروسية بدقة 87% قبل 24 ساعة.">Predict which stories will go viral before they do. Our advanced machine learning models analyze content patterns, timing, audience behavior, and 50+ other factors to forecast viral potential with 87% accuracy up to 24 hours in advance.</p> | |
| </div> | |
| <!-- Dashboard 8: Optimal Timing Analysis --> | |
| <div class="dashboard-card"> | |
| <div class="category-badge" data-en="AI Predictions" data-ar="التنبؤات الذكية">AI Predictions</div> | |
| <div class="dashboard-preview"> | |
| <img src="https://huggingface.co/spaces/AhmedMostafaAttia/rasd-was-demo/resolve/main/dashboard-timing.gif" alt="Timing" loading="lazy" onload="this.setAttribute('data-loaded', 'true')"> | |
| <div class="dashboard-placeholder"> | |
| <i class="fas fa-clock"></i> | |
| <span data-en="Optimal Timing Analysis" data-ar="تحليل التوقيت الأمثل">Optimal Timing Analysis</span> | |
| </div> | |
| </div> | |
| <h4 class="text-2xl font-bold text-saudi-dark mb-4" data-en="Perfect Timing Advisor" data-ar="مستشار التوقيت المثالي">Perfect Timing Advisor</h4> | |
| <p class="text-gray-600 leading-relaxed" data-en="Maximize your news impact with perfect timing. AI analyzes historical data, audience behavior patterns, and global time zones to recommend the optimal days, hours, and even minutes to publish for maximum reach and engagement." data-ar="اعظم تأثير أخبارك بالتوقيت المثالي. الذكاء الاصطناعي يحلل البيانات التاريخية وأنماط سلوك الجمهور والمناطق الزمنية العالمية لتوصي بالأيام والساعات وحتى الدقائق المثلى للنشر لأقصى وصول وتفاعل.">Maximize your news impact with perfect timing. AI analyzes historical data, audience behavior patterns, and global time zones to recommend the optimal days, hours, and even minutes to publish for maximum reach and engagement.</p> | |
| </div> | |
| <!-- ======================= SOCIAL MEDIA INTELLIGENCE ======================= --> | |
| <!-- Dashboard 9: Social Media Analytics --> | |
| <div class="dashboard-card"> | |
| <div class="category-badge" data-en="Social Intelligence" data-ar="الذكاء الاجتماعي">Social Intelligence</div> | |
| <div class="dashboard-preview"> | |
| <img src="https://huggingface.co/spaces/AhmedMostafaAttia/rasd-was-demo/resolve/main/dashboard-social.gif" alt="Social Media" loading="lazy" onload="this.setAttribute('data-loaded', 'true')"> | |
| <div class="dashboard-placeholder"> | |
| <i class="fab fa-twitter"></i> | |
| <span data-en="Social Media Analytics" data-ar="تحليلات وسائل التواصل">Social Media Analytics</span> | |
| </div> | |
| </div> | |
| <h4 class="text-2xl font-bold text-saudi-dark mb-4" data-en="Social Media Command Center" data-ar="مركز قيادة وسائل التواصل">Social Media Command Center</h4> | |
| <p class="text-gray-600 leading-relaxed" data-en="Complete social media monitoring across all major platforms. Track shares, likes, comments, retweets, and engagement rates on Twitter, Facebook, Instagram, LinkedIn, TikTok, and YouTube with platform-specific insights and trending analysis." data-ar="مراقبة شاملة لوسائل التواصل الاجتماعي عبر جميع المنصات الرئيسية. تتبع المشاركات والإعجابات والتعليقات وإعادة التغريد ومعدلات التفاعل على تويتر وفيسبوك وإنستغرام ولينكد إن وتيك توك ويوتيوب مع رؤى خاصة بكل منصة وتحليل الاتجاهات.">Complete social media monitoring across all major platforms. Track shares, likes, comments, retweets, and engagement rates on Twitter, Facebook, Instagram, LinkedIn, TikTok, and YouTube with platform-specific insights and trending analysis.</p> | |
| </div> | |
| <!-- Dashboard 10: Influencers Impact --> | |
| <div class="dashboard-card"> | |
| <div class="category-badge" data-en="Social Intelligence" data-ar="الذكاء الاجتماعي">Social Intelligence</div> | |
| <div class="dashboard-preview"> | |
| <img src="https://huggingface.co/spaces/AhmedMostafaAttia/rasd-was-demo/resolve/main/dashboard-influencers.gif" alt="Influencers" loading="lazy" onload="this.setAttribute('data-loaded', 'true')"> | |
| <div class="dashboard-placeholder"> | |
| <i class="fas fa-star"></i> | |
| <span data-en="Influencers Impact" data-ar="تأثير المؤثرين">Influencers Impact</span> | |
| </div> | |
| </div> | |
| <h4 class="text-2xl font-bold text-saudi-dark mb-4" data-en="Influencer Network Mapper" data-ar="خريطة شبكة المؤثرين">Influencer Network Mapper</h4> | |
| <p class="text-gray-600 leading-relaxed" data-en="Identify and measure the impact of key influencers amplifying your news. Track opinion leaders, celebrities, journalists, and micro-influencers with detailed impact metrics, reach calculation, and influence network visualization." data-ar="حدد واقس تأثير المؤثرين الرئيسيين الذين يضخمون أخبارك. تتبع قادة الرأي والمشاهير والصحفيين والمؤثرين الصغار مع مقاييس تأثير مفصلة وحساب الوصول وتصور شبكة التأثير.">Identify and measure the impact of key influencers amplifying your news. Track opinion leaders, celebrities, journalists, and micro-influencers with detailed impact metrics, reach calculation, and influence network visualization.</p> | |
| </div> | |
| <!-- ======================= ADVANCED TRACKING ======================= --> | |
| <!-- Dashboard 11: Viral Content Tracker --> | |
| <div class="dashboard-card"> | |
| <div class="category-badge" data-en="Advanced Tracking" data-ar="التتبع المتقدم">Advanced Tracking</div> | |
| <div class="dashboard-preview"> | |
| <img src="https://huggingface.co/spaces/AhmedMostafaAttia/rasd-was-demo/resolve/main/dashboard-virality.gif" alt="Virality" loading="lazy" onload="this.setAttribute('data-loaded', 'true')"> | |
| <div class="dashboard-placeholder"> | |
| <i class="fas fa-fire"></i> | |
| <span data-en="Viral Content Tracker" data-ar="متتبع المحتوى الفيروسي">Viral Content Tracker</span> | |
| </div> | |
| </div> | |
| <h4 class="text-2xl font-bold text-saudi-dark mb-4" data-en="Virality Intelligence System" data-ar="نظام ذكاء الانتشار الفيروسي">Virality Intelligence System</h4> | |
| <p class="text-gray-600 leading-relaxed" data-en="Detect and analyze content that's spreading at exceptional speed. Advanced algorithms identify viral mechanics, track propagation patterns, measure viral velocity, and provide insights into what makes content explode across the internet." data-ar="اكتشف وحلل المحتوى الذي ينتشر بسرعة استثنائية. الخوارزميات المتقدمة تحدد آليات الانتشار الفيروسي وتتبع أنماط التكاثر وتقيس سرعة الانتشار وتقدم رؤى حول ما يجعل المحتوى ينفجر عبر الإنترنت.">Detect and analyze content that's spreading at exceptional speed. Advanced algorithms identify viral mechanics, track propagation patterns, measure viral velocity, and provide insights into what makes content explode across the internet.</p> | |
| </div> | |
| <!-- Dashboard 12: Image Tracking --> | |
| <div class="dashboard-card"> | |
| <div class="category-badge" data-en="Advanced Tracking" data-ar="التتبع المتقدم">Advanced Tracking</div> | |
| <div class="dashboard-preview"> | |
| <img src="https://huggingface.co/spaces/AhmedMostafaAttia/rasd-was-demo/resolve/main/dashboard-image-tracking.gif" alt="Image Tracking" loading="lazy" onload="this.setAttribute('data-loaded', 'true')"> | |
| <div class="dashboard-placeholder"> | |
| <i class="fas fa-images"></i> | |
| <span data-en="Image Tracking" data-ar="تتبع الصور">Image Tracking</span> | |
| </div> | |
| </div> | |
| <h4 class="text-2xl font-bold text-saudi-dark mb-4" data-en="Visual Content Guardian" data-ar="حارس المحتوى البصري">Visual Content Guardian</h4> | |
| <p class="text-gray-600 leading-relaxed" data-en="Advanced computer vision technology finds your images anywhere on the web - even when cropped, edited, filtered, or altered. Track unauthorized usage, monitor brand assets, and protect your visual intellectual property with 98% detection accuracy." data-ar="تقنية رؤية الكمبيوتر المتقدمة تجد صورك في أي مكان على الويب - حتى عند القص أو التعديل أو التفلتر أو التغيير. تتبع الاستخدام غير المصرح به ومراقبة أصول العلامة التجارية وحماية ملكيتك الفكرية البصرية بدقة كشف 98%.">Advanced computer vision technology finds your images anywhere on the web - even when cropped, edited, filtered, or altered. Track unauthorized usage, monitor brand assets, and protect your visual intellectual property with 98% detection accuracy.</p> | |
| </div> | |
| <!-- ======================= STRATEGIC INTELLIGENCE ======================= --> | |
| <!-- Dashboard 13: Competitive Intelligence --> | |
| <div class="dashboard-card"> | |
| <div class="category-badge" data-en="Strategic Intelligence" data-ar="الاستخبارات الاستراتيجية">Strategic Intelligence</div> | |
| <div class="dashboard-preview"> | |
| <img src="https://huggingface.co/spaces/AhmedMostafaAttia/rasd-was-demo/resolve/main/dashboard-competitors.gif" alt="Competitors" loading="lazy" onload="this.setAttribute('data-loaded', 'true')"> | |
| <div class="dashboard-placeholder"> | |
| <i class="fas fa-chess"></i> | |
| <span data-en="Competitive Intelligence" data-ar="الاستخبارات التنافسية">Competitive Intelligence</span> | |
| </div> | |
| </div> | |
| <h4 class="text-2xl font-bold text-saudi-dark mb-4" data-en="Market Intelligence Hub" data-ar="مركز استخبارات السوق">Market Intelligence Hub</h4> | |
| <p class="text-gray-600 leading-relaxed" data-en="Stay ahead of the competition with comprehensive competitor analysis. Monitor rival news agencies' performance, content strategies, audience engagement, and market share with benchmarking tools and competitive insights." data-ar="ابق في المقدمة على المنافسة مع تحليل شامل للمنافسين. راقب أداء وكالات الأنباء المنافسة واستراتيجيات المحتوى وتفاعل الجمهور والحصة السوقية مع أدوات المقارنة والرؤى التنافسية.">Stay ahead of the competition with comprehensive competitor analysis. Monitor rival news agencies' performance, content strategies, audience engagement, and market share with benchmarking tools and competitive insights.</p> | |
| </div> | |
| <!-- Dashboard 14: Trending Analytics --> | |
| <div class="dashboard-card"> | |
| <div class="category-badge" data-en="Strategic Intelligence" data-ar="الاستخبارات الاستراتيجية">Strategic Intelligence</div> | |
| <div class="dashboard-preview"> | |
| <img src="https://huggingface.co/spaces/AhmedMostafaAttia/rasd-was-demo/resolve/main/dashboard-trends.gif" alt="Trends" loading="lazy" onload="this.setAttribute('data-loaded', 'true')"> | |
| <div class="dashboard-placeholder"> | |
| <i class="fas fa-trending-up"></i> | |
| <span data-en="Trending Analytics" data-ar="تحليلات الاتجاهات">Trending Analytics</span> | |
| </div> | |
| </div> | |
| <h4 class="text-2xl font-bold text-saudi-dark mb-4" data-en="Trend Intelligence Scanner" data-ar="ماسح ذكاء الاتجاهات">Trend Intelligence Scanner</h4> | |
| <p class="text-gray-600 leading-relaxed" data-en="Identify emerging trends before they become mainstream. AI-powered trend detection analyzes patterns in news consumption, social discussions, and search behavior to predict what topics will dominate tomorrow's headlines." data-ar="حدد الاتجاهات الناشئة قبل أن تصبح سائدة. كشف الاتجاهات المدعوم بالذكاء الاصطناعي يحلل الأنماط في استهلاك الأخبار والنقاشات الاجتماعية وسلوك البحث للتنبؤ بما ستهيمن عليه عناوين الغد.">Identify emerging trends before they become mainstream. AI-powered trend detection analyzes patterns in news consumption, social discussions, and search behavior to predict what topics will dominate tomorrow's headlines.</p> | |
| </div> | |
| <!-- ======================= OPERATIONAL TOOLS ======================= --> | |
| <!-- Dashboard 15: Automated Reports --> | |
| <div class="dashboard-card"> | |
| <div class="category-badge" data-en="Operational Tools" data-ar="أدوات التشغيل">Operational Tools</div> | |
| <div class="dashboard-preview"> | |
| <img src="https://huggingface.co/spaces/AhmedMostafaAttia/rasd-was-demo/resolve/main/dashboard-reports.gif" alt="Reports" loading="lazy" onload="this.setAttribute('data-loaded', 'true')"> | |
| <div class="dashboard-placeholder"> | |
| <i class="fas fa-file-alt"></i> | |
| <span data-en="Automated Reports" data-ar="التقارير التلقائية">Automated Reports</span> | |
| </div> | |
| </div> | |
| <h4 class="text-2xl font-bold text-saudi-dark mb-4" data-en="Smart Report Generator" data-ar="مولد التقارير الذكي">Smart Report Generator</h4> | |
| <p class="text-gray-600 leading-relaxed" data-en="Generate comprehensive performance reports automatically with customizable templates. Daily, weekly, monthly reports with executive summaries, detailed analytics, actionable insights, and beautiful visualizations delivered to stakeholders." data-ar="أنشئ تقارير أداء شاملة تلقائياً بقوالب قابلة للتخصيص. تقارير يومية وأسبوعية وشهرية مع ملخصات تنفيذية وتحليلات مفصلة ورؤى قابلة للتنفيذ وتصورات جميلة تُسلم لأصحاب المصلحة.">Generate comprehensive performance reports automatically with customizable templates. Daily, weekly, monthly reports with executive summaries, detailed analytics, actionable insights, and beautiful visualizations delivered to stakeholders.</p> | |
| </div> | |
| <!-- Dashboard 16: Geospatial Analytics --> | |
| <div class="dashboard-card"> | |
| <div class="category-badge" data-en="Operational Tools" data-ar="أدوات التشغيل">Operational Tools</div> | |
| <div class="dashboard-preview"> | |
| <img src="https://huggingface.co/spaces/AhmedMostafaAttia/rasd-was-demo/resolve/main/dashboard-geospatial.gif" alt="Geospatial" loading="lazy" onload="this.setAttribute('data-loaded', 'true')"> | |
| <div class="dashboard-placeholder"> | |
| <i class="fas fa-map"></i> | |
| <span data-en="Geospatial Analytics" data-ar="التحليلات الجغرافية">Geospatial Analytics</span> | |
| </div> | |
| </div> | |
| <h4 class="text-2xl font-bold text-saudi-dark mb-4" data-en="Global Impact Mapper" data-ar="خريطة التأثير العالمي">Global Impact Mapper</h4> | |
| <p class="text-gray-600 leading-relaxed" data-en="Visualize your news impact on interactive world maps. See real-time geographic distribution, regional engagement levels, city-level penetration, and cultural impact patterns with heat maps and 3D visualizations." data-ar="تصور تأثير أخبارك على خرائط عالمية تفاعلية. شاهد التوزيع الجغرافي في الوقت الفعلي ومستويات التفاعل الإقليمي والاختراق على مستوى المدن وأنماط التأثير الثقافي مع خرائط حرارية وتصورات ثلاثية الأبعاد.">Visualize your news impact on interactive world maps. See real-time geographic distribution, regional engagement levels, city-level penetration, and cultural impact patterns with heat maps and 3D visualizations.</p> | |
| </div> | |
| <!-- Dashboard 17: Keywords Intelligence --> | |
| <div class="dashboard-card"> | |
| <div class="category-badge" data-en="Content Intelligence" data-ar="ذكاء المحتوى">Content Intelligence</div> | |
| <div class="dashboard-preview"> | |
| <img src="https://huggingface.co/spaces/AhmedMostafaAttia/rasd-was-demo/resolve/main/dashboard-keywords.gif" alt="Keywords" loading="lazy" onload="this.setAttribute('data-loaded', 'true')"> | |
| <div class="dashboard-placeholder"> | |
| <i class="fas fa-key"></i> | |
| <span data-en="Keywords Intelligence" data-ar="ذكاء الكلمات المفتاحية">Keywords Intelligence</span> | |
| </div> | |
| </div> | |
| <h4 class="text-2xl font-bold text-saudi-dark mb-4" data-en="Smart Keywords Analyzer" data-ar="محلل الكلمات المفتاحية الذكي">Smart Keywords Analyzer</h4> | |
| <p class="text-gray-600 leading-relaxed" data-en="Extract and analyze the most impactful keywords from public discussions. AI identifies trending terms, semantic relationships, keyword clusters, and language evolution patterns to optimize your content strategy and SEO performance." data-ar="استخرج وحلل الكلمات المفتاحية الأكثر تأثيراً من النقاشات العامة. الذكاء الاصطناعي يحدد المصطلحات الرائجة والعلاقات الدلالية ومجموعات الكلمات المفتاحية وأنماط تطور اللغة لتحسين استراتيجية المحتوى وأداء تحسين محركات البحث.">Extract and analyze the most impactful keywords from public discussions. AI identifies trending terms, semantic relationships, keyword clusters, and language evolution patterns to optimize your content strategy and SEO performance.</p> | |
| </div> | |
| </div> | |
| <!-- ======================= CALL TO ACTION SECTION ======================= --> | |
| <div class="mt-20 text-center bg-gradient-to-r from-saudi-green to-saudi-dark rounded-3xl p-12 text-white"> | |
| <h3 class="text-3xl font-bold mb-6" data-en="Ready to Transform Your News Analysis?" data-ar="مستعد لتحويل تحليل أخبارك؟">Ready to Transform Your News Analysis?</h3> | |
| <p class="text-xl mb-8 opacity-90" data-en="Join leading media organizations worldwide who trust Rasd for comprehensive news intelligence" data-ar="انضم للمؤسسات الإعلامية الرائدة عالمياً التي تثق في رصد للحصول على استخبارات إخبارية شاملة">Join leading media organizations worldwide who trust Rasd for comprehensive news intelligence</p> | |
| <a href="index.html" class="inline-flex items-center space-x-3 px-8 py-4 bg-white text-saudi-dark font-bold rounded-full hover:scale-105 transition-all text-lg"> | |
| <i class="fas fa-rocket"></i> | |
| <span data-en="Start Analyzing Your News" data-ar="ابدأ تحليل أخبارك">Start Analyzing Your News</span> | |
| </a> | |
| </div> | |
| </main> | |
| <!-- ======================= JAVASCRIPT SECTION ======================= --> | |
| <script> | |
| let currentLanguage = 'en'; | |
| function toggleLanguage() { | |
| currentLanguage = currentLanguage === 'en' ? 'ar' : 'en'; | |
| updatePageLanguage(); | |
| } | |
| function updatePageLanguage() { | |
| const isArabic = currentLanguage === 'ar'; | |
| const htmlEl = document.getElementById('html'); | |
| htmlEl.setAttribute('lang', currentLanguage); | |
| htmlEl.setAttribute('dir', isArabic ? 'rtl' : 'ltr'); | |
| document.body.classList.toggle('rtl', isArabic); | |
| document.body.classList.toggle('ltr', !isArabic); | |
| document.getElementById('lang-toggle').textContent = isArabic ? 'English' : 'العربية'; | |
| // Update all elements with data attributes | |
| document.querySelectorAll('[data-en]').forEach(el => { | |
| const text = el.getAttribute(`data-${currentLanguage}`); | |
| if (text) { | |
| el.textContent = text; | |
| } | |
| }); | |
| // Update title | |
| document.querySelectorAll('title[data-en]').forEach(el => { | |
| const text = el.getAttribute(`data-${currentLanguage}`); | |
| if (text) { | |
| el.textContent = text; | |
| } | |
| }); | |
| } | |
| // Initialize page on load | |
| document.addEventListener('DOMContentLoaded', function() { | |
| updatePageLanguage(); | |
| // Enhanced image error handling | |
| document.querySelectorAll('.dashboard-preview img').forEach(img => { | |
| img.addEventListener('error', function() { | |
| this.style.display = 'none'; | |
| const placeholder = this.nextElementSibling; | |
| if (placeholder && placeholder.classList.contains('dashboard-placeholder')) { | |
| placeholder.style.display = 'flex'; | |
| } | |
| }); | |
| img.addEventListener('load', function() { | |
| this.setAttribute('data-loaded', 'true'); | |
| const placeholder = this.nextElementSibling; | |
| if (placeholder && placeholder.classList.contains('dashboard-placeholder')) { | |
| placeholder.style.display = 'none'; | |
| } | |
| }); | |
| }); | |
| }); | |
| </script> | |
| </body> | |
| </html> |