Spaces:
Running
Running
File size: 11,397 Bytes
b311694 df875f6 b311694 df875f6 b311694 963228a b311694 fc619c5 b311694 fc619c5 b311694 fc619c5 c2e31f2 b311694 fc619c5 b311694 fc619c5 b311694 fc619c5 b311694 fc619c5 b311694 fc619c5 b311694 fc619c5 b311694 fc619c5 c2e31f2 fc619c5 c2e31f2 fc619c5 c2e31f2 fc619c5 c2e31f2 fc619c5 c2e31f2 b311694 963228a b311694 fc619c5 b311694 fc619c5 b311694 fc619c5 b311694 fc619c5 b311694 fc619c5 963228a b311694 fc619c5 b311694 fc619c5 b311694 fc619c5 b311694 c2e31f2 b311694 c2e31f2 b311694 c2e31f2 b311694 c2e31f2 b311694 c2e31f2 b311694 |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127 128 129 130 131 132 133 134 135 136 137 138 139 140 141 142 143 144 145 146 147 148 149 150 151 152 153 154 155 156 157 158 159 160 161 162 163 164 165 166 167 168 169 170 171 172 173 174 175 176 177 178 179 180 181 182 183 184 185 186 187 188 189 190 191 192 193 194 195 196 197 198 199 200 201 202 |
<!DOCTYPE html>
<html lang="fa" dir="rtl">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>مدل نوین ارتباط امن SCO</title>
<link rel="stylesheet" href="style.css">
<script src="https://cdn.tailwindcss.com"></script>
<script src="https://cdn.jsdelivr.net/npm/feather-icons/dist/feather.min.js"></script>
<script src="https://unpkg.com/feather-icons"></script>
<script>
tailwind.config = {
theme: {
extend: {
colors: {
primary: '#7c3aed', // violet-600
secondary: '#10b981', // emerald-500
accent: '#ec4899', // pink-500
dark: '#0f0f0f', // custom dark
light: '#f0f0f0', // custom light
card: '#1a1a1a', // custom card bg
}
}
}
}
</script>
</head>
<body class="bg-[#0a0a0a] text-gray-200">
<custom-navbar></custom-navbar>
<main>
<!-- Hero Section -->
<section class="relative overflow-hidden bg-gray-900">
<div class="absolute inset-0 bg-gradient-to-r from-gray-800/50 to-gray-900/50 blur-3xl"></div>
<div class="relative container mx-auto px-6 pt-32 pb-40 text-center">
<span class="inline-block mb-6 bg-blue-600/20 text-blue-300 border border-blue-500/50 rounded-full px-4 py-1 text-sm">
سیستم ارتباط امن سازمانی
</span>
<h1 class="text-4xl md:text-6xl font-bold text-white mb-6 leading-tight">
سیستم ارتباط امن سازمانی مبتنی بر سیم‌کارت ملی
</h1>
<p class="text-xl md:text-2xl text-gray-300 max-w-4xl mx-auto">
ارتباطات رمزنگاری شده سازمانی با استفاده از زیرساخت موجود سیم‌کارت‌های ملی
</p>
</div>
</section>
<!-- Executive Summary -->
<section class="container mx-auto px-6 -mt-20 relative z-10">
<div class="backdrop-blur-xl bg-gray-800/80 border border-gray-700 rounded-xl shadow-2xl p-8">
<div class="flex items-center gap-3 mb-6">
<i data-feather="shield" class="w-10 h-10 text-cyan-300"></i>
<h2 class="text-3xl text-white font-bold">معرفی سیستم</h2>
</div>
<p class="text-lg leading-relaxed text-gray-300 mb-6">
این سیستم یک <span class="text-white font-bold">پلتفرم ارتباطی امن</span> ارائه می‌دهد که از <strong>سیم‌کارت‌های ملی موجود</strong> به عنوان بستر احراز هویت استفاده می‌کند.
</p>
<div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-4">
<div class="flex items-center gap-3 bg-blue-900/30 border border-blue-500/40 rounded-xl p-4">
<i data-feather="check-circle" class="w-6 h-6 text-blue-400"></i>
<span>امنیت ارتباطات سازمانی</span>
</div>
<div class="flex items-center gap-3 bg-blue-900/30 border border-blue-500/40 rounded-xl p-4">
<i data-feather="check-circle" class="w-6 h-6 text-blue-400"></i>
<span>استفاده از سیم‌کارت ملی</span>
</div>
<div class="flex items-center gap-3 bg-blue-900/30 border border-blue-500/40 rounded-xl p-4">
<i data-feather="check-circle" class="w-6 h-6 text-blue-400"></i>
<span>ارتباطات رمزنگاری شده</span>
</div>
<div class="flex items-center gap-3 bg-blue-900/30 border border-blue-500/40 rounded-xl p-4">
<i data-feather="check-circle" class="w-6 h-6 text-blue-400"></i>
<span>مبتنی بر زیرساخت داخلی</span>
</div>
</div>
<div class="mt-8 grid grid-cols-1 md:grid-cols-3 gap-6">
<div class="bg-blue-900/20 border border-blue-500/30 rounded-xl p-6">
<h3 class="text-xl font-bold mb-3">امنیت بالا</h3>
<p class="text-gray-300">رمزنگاری سرتاسری ارتباطات</p>
</div>
<div class="bg-blue-900/20 border border-blue-500/30 rounded-xl p-6">
<h3 class="text-xl font-bold mb-3">پیاده‌سازی سریع</h3>
<p class="text-gray-300">زمان اجرای کوتاه</p>
</div>
<div class="bg-blue-900/20 border border-blue-500/30 rounded-xl p-6">
<h3 class="text-xl font-bold mb-3">مقیاس‌پذیری</h3>
<p class="text-gray-300">پشتیبانی از کاربران سازمانی</p>
</div>
</div>
</div>
</section>
<!-- Current Challenges -->
<section class="container mx-auto px-6 py-20">
<h2 class="text-3xl md:text-4xl font-bold text-center mb-12 text-white">
محدودیت‌های راه‌حل‌های فعلی
</h2>
<div class="grid gap-6 md:grid-cols-2 lg:grid-cols-4">
<div class="bg-gray-800 border border-gray-700 rounded-xl p-6 hover:bg-gray-700 transition-all">
<div class="text-4xl mb-4">🌐</div>
<h3 class="text-xl text-white font-bold mb-4">واتس‌اپ / تلگرام</h3>
<ul class="space-y-2">
<li class="flex items-center gap-2 text-sm text-gray-300">
<i data-feather="alert-triangle" class="w-4 h-4"></i> کنترل غربی
</li>
<li class="flex items-center gap-2 text-sm text-red-200">
<i data-feather="alert-triangle" class="w-4 h-4"></i> جاسوسی
</li>
<li class="flex items-center gap-2 text-sm text-red-200">
<i data-feather="alert-triangle" class="w-4 h-4"></i> تحریم‌پذیر
</li>
</ul>
</div>
<!-- Repeat for other cards -->
</div>
</section>
<!-- Architecture -->
<section class="container mx-auto px-6 py-20">
<h2 class="text-3xl md:text-4xl font-bold text-center mb-12 text-white">معماری پیشنهادی</h2>
<div class="bg-gray-900 border border-gray-700 rounded-xl backdrop-blur-xl p-10">
<div class="flex flex-col items-center space-y-8 text-center">
<div class="bg-gray-800 border-2 border-gray-600 rounded-2xl px-8 py-4 text-xl">
کاربران دولتی با سیم‌کارت ملی
</div>
<i data-feather="arrow-down" class="w-12 h-12"></i>
<div class="bg-blue-900/50 border-2 border-blue-400 rounded-2xl px-8 py-4 text-xl">اپلیکیشن امن SCO</div>
<i data-feather="arrow-down" class="w-12 h-12"></i>
<div class="bg-purple-900/50 border-2 border-purple-400 rounded-2xl px-8 py-4 text-xl">شبکه ملی 4G/5G موجود</div>
<i data-feather="arrow-down" class="w-12 h-12"></i>
<div class="bg-[#1e1e1e] border-2 border-[#3b82f6] rounded-2xl px-10 py-6 text-2xl font-bold text-white shadow-2xl shadow-blue-500/20">
SCO Secure Gateway Layer
</div>
<i data-feather="arrow-down" class="w-12 h-12"></i>
<div class="bg-gray-800/80 border border-gray-500 rounded-2xl px-8 py-4">Backend ملی + مدیریت کلید</div>
</div>
</div>
</section>
<!-- Cost Comparison -->
<section class="container mx-auto px-6 py-20">
<h2 class="text-3xl md:text-4xl font-bold text-center mb-12 text-white">
مزایای سیستم ارتباط امن
</h2>
<div class="grid md:grid-cols-2 gap-10 max-w-5xl mx-auto">
<div class="bg-gray-900 border border-gray-700 rounded-xl p-8">
<h3 class="text-2xl text-white font-bold text-center mb-6">ویژگی‌های کلیدی</h3>
<div class="space-y-4 text-2xl font-bold text-center">
<div>رمزنگاری سرتاسری</div>
<div class="text-gray-400">احراز هویت قوی</div>
<div>مدیریت متمرکز کاربران</div>
</div>
</div>
<div class="bg-[#1a1a1a] border border-[#3b82f6] rounded-xl shadow-2xl p-8">
<div class="flex items-center justify-center gap-3 mb-6">
<i data-feather="shield" class="w-8 h-8 text-blue-300"></i>
<h3 class="text-2xl md:text-3xl text-white font-bold">امنیت پیشرفته</h3>
</div>
<div class="space-y-6 text-2xl md:text-3xl font-bold text-center text-white">
<div class="text-4xl md:text-5xl text-[#3b82f6]">رمزنگاری AES-256</div>
<div class="text-gray-300">احراز هویت دو مرحله‌ای</div>
<div>مدیریت کلید متمرکز</div>
<span class="inline-block text-xl py-2 px-6 bg-[#1e1e1e] border border-[#3b82f6] rounded-full">امنیت سازمانی</span>
</div>
</div>
</div>
</section>
<!-- Roadmap -->
<section class="container mx-auto px-6 py-20 pb-32">
<h2 class="text-3xl md:text-4xl font-bold text-center mb-16 text-white">مراحل پیاده‌سازی</h2>
<div class="grid grid-cols-1 md:grid-cols-5 gap-6 max-w-7xl mx-auto">
<div class="bg-gray-800 p-1 rounded-2xl">
<div class="bg-gray-900 h-full rounded-xl p-6">
<span class="inline-block bg-gray-800 text-white rounded-full px-3 py-1 text-sm mb-4">فاز ۱</span>
<h3 class="text-xl text-white font-bold mb-3">امکان‌سنجی</h3>
<p class="text-2xl font-bold text-center text-white">۳ ماه</p>
</div>
</div>
<!-- Repeat for other phases -->
</div>
</section>
</main>
<!-- Contact Section -->
<section id="contact" class="container mx-auto px-6 py-20">
<contact-card></contact-card>
</section>
<!-- CTA -->
<div class="fixed bottom-8 left-1/2 -translate-x-1/2 z-50 w-full max-w-2xl px-4">
<div class="bg-gray-800 rounded-xl shadow-2xl p-6 text-center highlight-box">
<h3 class="text-xl md:text-2xl font-bold mb-3">آماده آغاز انقلاب ارتباطی امن SCO هستید؟</h3>
<p class="text-sm md:text-base text-gray-300">جهت ارائه رسمی به کمیته فنی سازمان همکاری شانگهای تماس بگیرید</p>
</div>
</div>
<script src="components/navbar.js"></script>
<script src="components/contact-card.js"></script>
<script src="script.js"></script>
<script>feather.replace();</script>
<script src="https://huggingface.co/deepsite/deepsite-badge.js"></script>
</body>
</html> |