transformered commited on
Commit
fc619c5
·
verified ·
1 Parent(s): df875f6
Files changed (3) hide show
  1. components/contact-card.js +4 -4
  2. components/navbar.js +5 -7
  3. index.html +45 -45
components/contact-card.js CHANGED
@@ -82,8 +82,8 @@ class ContactCard extends HTMLElement {
82
  </div>
83
  <div class="contact-info">
84
  <h3>ایمیل رسمی</h3>
85
- <p>contact@scosecure.ir</p>
86
- </div>
87
  </div>
88
  <div class="contact-item">
89
  <div class="icon">
@@ -100,8 +100,8 @@ class ContactCard extends HTMLElement {
100
  </div>
101
  <div class="contact-info">
102
  <h3>وبسایت رسمی</h3>
103
- <p>www.scosecure.ir</p>
104
- </div>
105
  </div>
106
  </div>
107
  </div>
 
82
  </div>
83
  <div class="contact-info">
84
  <h3>ایمیل رسمی</h3>
85
+ <p>contact@securecom.ir</p>
86
+ </div>
87
  </div>
88
  <div class="contact-item">
89
  <div class="icon">
 
100
  </div>
101
  <div class="contact-info">
102
  <h3>وبسایت رسمی</h3>
103
+ <p>www.securecom.ir</p>
104
+ </div>
105
  </div>
106
  </div>
107
  </div>
components/navbar.js CHANGED
@@ -75,14 +75,12 @@ transition: width 0.3s;
75
  }
76
  </style>
77
  <nav>
78
- <div class="logo">SCO Secure</div>
79
- <div class="nav-links">
80
- <a href="#summary">خلاصه اجرایی</a>
81
- <a href="#challenges">چالش‌ها</a>
82
- <a href="#solution">راه‌حل</a>
83
  <a href="#architecture">معماری</a>
84
- <a href="#cost">هزینه‌ها</a>
85
- <a href="#roadmap">نقشه راه</a>
86
  <a href="#contact">تماس</a>
87
  </div>
88
  </nav>
 
75
  }
76
  </style>
77
  <nav>
78
+ <div class="logo">سیستم ارتباط امن</div>
79
+ <div class="nav-links">
80
+ <a href="#summary">معرفی سیستم</a>
81
+ <a href="#features">ویژگی‌ها</a>
 
82
  <a href="#architecture">معماری</a>
83
+ <a href="#implementation">پیاده‌سازی</a>
 
84
  <a href="#contact">تماس</a>
85
  </div>
86
  </nav>
index.html CHANGED
@@ -33,15 +33,15 @@
33
  <section class="relative overflow-hidden bg-gray-900">
34
  <div class="absolute inset-0 bg-gradient-to-r from-gray-800/50 to-gray-900/50 blur-3xl"></div>
35
  <div class="relative container mx-auto px-6 pt-32 pb-40 text-center">
36
- <span class="inline-block mb-6 bg-yellow-600/20 text-yellow-300 border border-yellow-500/50 rounded-full px-4 py-1 text-sm">
37
- محرمانه - ویژه مقامات دولتی
38
  </span>
39
  <h1 class="text-4xl md:text-6xl font-bold text-white mb-6 leading-tight">
40
- مدل نوین ارتباط امن سازمان همکاری شانگهای (SCO)
41
  </h1>
42
- <p class="text-xl md:text-2xl text-gray-300 max-w-4xl mx-auto">
43
- ارتباطات صوتی و تصویری رمزنگاری‌شده سرتاسری با استفاده از سیم‌کارت‌های ملی موجود کشورهای عضو
44
- </p>
45
  </div>
46
  </section>
47
 
@@ -50,43 +50,43 @@
50
  <div class="backdrop-blur-xl bg-gray-800/80 border border-gray-700 rounded-xl shadow-2xl p-8">
51
  <div class="flex items-center gap-3 mb-6">
52
  <i data-feather="shield" class="w-10 h-10 text-cyan-300"></i>
53
- <h2 class="text-3xl text-white font-bold">خلاصه اجرایی</h2>
54
  </div>
55
  <p class="text-lg leading-relaxed text-gray-300 mb-6">
56
- این پروژه یک <span class="text-white font-bold">راه‌حل کاملاً نوآورانه</span> ارائه می‌دهد که برای اولین بار در جهان، از <strong>سیم‌کارت‌های ملی موجود</strong> به عنوان کلید هویت دیجیتال امن استفاده می‌کند.
57
  </p>
58
  <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-4">
59
- <div class="flex items-center gap-3 bg-gray-800 border border-gray-700 rounded-xl p-4">
60
- <i data-feather="check-circle" class="w-6 h-6 text-white"></i>
61
- <span>بدون ساخت زیرساخت جدید</span>
62
  </div>
63
- <div class="flex items-center gap-3 bg-green-900/30 border border-green-500/40 rounded-xl p-4">
64
- <i data-feather="check-circle" class="w-6 h-6 text-green-400"></i>
65
- <span>بدون سیم‌کارت اختصاصی</span>
66
  </div>
67
- <div class="flex items-center gap-3 bg-green-900/30 border border-green-500/40 rounded-xl p-4">
68
- <i data-feather="check-circle" class="w-6 h-6 text-green-400"></i>
69
- <span>بدون وابستگی به اپراتور خصوصی</span>
70
  </div>
71
- <div class="flex items-center gap-3 bg-green-900/30 border border-green-500/40 rounded-xl p-4">
72
- <i data-feather="check-circle" class="w-6 h-6 text-green-400"></i>
73
- <span>بدون اتکا به فناوری غربی</span>
74
  </div>
75
- </div>
76
  <div class="mt-8 grid grid-cols-1 md:grid-cols-3 gap-6">
77
  <div class="bg-blue-900/20 border border-blue-500/30 rounded-xl p-6">
78
- <h3 class="text-xl font-bold mb-3">۹۹.۸٪ صرفه‌جویی</h3>
79
- <p class="text-gray-300">کاهش هزینه از میلیاردها دلار به میلیون‌ها دلار</p>
80
  </div>
81
- <div class="bg-purple-900/20 border border-purple-500/30 rounded-xl p-6">
82
- <h3 class="text-xl font-bold mb-3">۶-۱۲ ماه اجرا</h3>
83
- <p class="text-gray-300">کاهش زمان پیاده‌سازی از ۵-۱۰ سال</p>
84
  </div>
85
- <div class="bg-emerald-900/20 border border-emerald-500/30 rounded-xl p-6">
86
- <h3 class="text-xl font-bold mb-3">۱ میلیون کاربر</h3>
87
- <p class="text-gray-300">پشتیبانی از کاربران فعال تا پایان سال اول</p>
88
  </div>
89
- </div>
90
  </div>
91
  </section>
92
 
@@ -140,35 +140,35 @@ SCO Secure Gateway Layer
140
  <!-- Cost Comparison -->
141
  <section class="container mx-auto px-6 py-20">
142
  <h2 class="text-3xl md:text-4xl font-bold text-center mb-12 text-white">
143
- مقایسه هزینه انقلابی در اقتصاد امنیت
144
  </h2>
145
- <div class="grid md:grid-cols-2 gap-10 max-w-5xl mx-auto">
146
  <div class="bg-gray-900 border border-gray-700 rounded-xl p-8">
147
- <h3 class="text-2xl text-white font-bold text-center mb-6">راه‌حل‌های سنتی</h3>
148
  <div class="space-y-4 text-2xl font-bold text-center">
149
- <div>۵–۱۰ میلیارد دلار</div>
150
- <div class="text-gray-400">۵–۱۰ سال زمان</div>
151
- <div>۱۰۰–۵۰۰ میلیون دلار/سال نگهداری</div>
152
  </div>
153
- </div>
154
  <div class="bg-[#1a1a1a] border border-[#3b82f6] rounded-xl shadow-2xl p-8">
155
  <div class="flex items-center justify-center gap-3 mb-6">
156
- <i data-feather="zap" class="w-8 h-8 text-emerald-300"></i>
157
- <h3 class="text-2xl md:text-3xl text-white font-bold">راه‌حل پیشنهادی ما</h3>
158
  </div>
159
  <div class="space-y-6 text-2xl md:text-3xl font-bold text-center text-white">
160
- <div class="text-4xl md:text-5xl text-[#3b82f6]">۱۳–۲۱ میلیون دلار</div>
161
- <div class="text-gray-300">۶–۱۲ ماه اجرا</div>
162
- <div>۷–۱۶ میلیون دلار/سال نگهداری</div>
163
- <span class="inline-block text-xl py-2 px-6 bg-[#1e1e1e] border border-[#3b82f6] rounded-full">۹۹.۸٪ صرفه‌جویی</span>
 
164
  </div>
165
- </div>
166
  </div>
167
  </section>
168
 
169
  <!-- Roadmap -->
170
  <section class="container mx-auto px-6 py-20 pb-32">
171
- <h2 class="text-3xl md:text-4xl font-bold text-center mb-16 text-white">نقشه راه اجرایی</h2>
172
  <div class="grid grid-cols-1 md:grid-cols-5 gap-6 max-w-7xl mx-auto">
173
  <div class="bg-gray-800 p-1 rounded-2xl">
174
  <div class="bg-gray-900 h-full rounded-xl p-6">
 
33
  <section class="relative overflow-hidden bg-gray-900">
34
  <div class="absolute inset-0 bg-gradient-to-r from-gray-800/50 to-gray-900/50 blur-3xl"></div>
35
  <div class="relative container mx-auto px-6 pt-32 pb-40 text-center">
36
+ <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">
37
+ سیستم ارتباط امن سازمانی
38
  </span>
39
  <h1 class="text-4xl md:text-6xl font-bold text-white mb-6 leading-tight">
40
+ سیستم ارتباط امن سازمانی مبتنی بر سیم‌کارت ملی
41
  </h1>
42
+ <p class="text-xl md:text-2xl text-gray-300 max-w-4xl mx-auto">
43
+ ارتباطات رمزنگاری شده سازمانی با استفاده از زیرساخت موجود سیم‌کارت‌های ملی
44
+ </p>
45
  </div>
46
  </section>
47
 
 
50
  <div class="backdrop-blur-xl bg-gray-800/80 border border-gray-700 rounded-xl shadow-2xl p-8">
51
  <div class="flex items-center gap-3 mb-6">
52
  <i data-feather="shield" class="w-10 h-10 text-cyan-300"></i>
53
+ <h2 class="text-3xl text-white font-bold">معرفی سیستم</h2>
54
  </div>
55
  <p class="text-lg leading-relaxed text-gray-300 mb-6">
56
+ این سیستم یک <span class="text-white font-bold">پلتفرم ارتباطی امن</span> ارائه می‌دهد که از <strong>سیم‌کارت‌های ملی موجود</strong> به عنوان بستر احراز هویت استفاده می‌کند.
57
  </p>
58
  <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-4">
59
+ <div class="flex items-center gap-3 bg-blue-900/30 border border-blue-500/40 rounded-xl p-4">
60
+ <i data-feather="check-circle" class="w-6 h-6 text-blue-400"></i>
61
+ <span>امنیت ارتباطات سازمانی</span>
62
  </div>
63
+ <div class="flex items-center gap-3 bg-blue-900/30 border border-blue-500/40 rounded-xl p-4">
64
+ <i data-feather="check-circle" class="w-6 h-6 text-blue-400"></i>
65
+ <span>استفاده از سیم‌کارت ملی</span>
66
  </div>
67
+ <div class="flex items-center gap-3 bg-blue-900/30 border border-blue-500/40 rounded-xl p-4">
68
+ <i data-feather="check-circle" class="w-6 h-6 text-blue-400"></i>
69
+ <span>ارتباطات رمزنگاری شده</span>
70
  </div>
71
+ <div class="flex items-center gap-3 bg-blue-900/30 border border-blue-500/40 rounded-xl p-4">
72
+ <i data-feather="check-circle" class="w-6 h-6 text-blue-400"></i>
73
+ <span>مبتنی بر زیرساخت داخلی</span>
74
  </div>
75
+ </div>
76
  <div class="mt-8 grid grid-cols-1 md:grid-cols-3 gap-6">
77
  <div class="bg-blue-900/20 border border-blue-500/30 rounded-xl p-6">
78
+ <h3 class="text-xl font-bold mb-3">امنیت بالا</h3>
79
+ <p class="text-gray-300">رمزنگاری سرتاسری ارتباطات</p>
80
  </div>
81
+ <div class="bg-blue-900/20 border border-blue-500/30 rounded-xl p-6">
82
+ <h3 class="text-xl font-bold mb-3">پیاده‌سازی سریع</h3>
83
+ <p class="text-gray-300">زمان اجرای کوتاه</p>
84
  </div>
85
+ <div class="bg-blue-900/20 border border-blue-500/30 rounded-xl p-6">
86
+ <h3 class="text-xl font-bold mb-3">مقیاس‌پذیری</h3>
87
+ <p class="text-gray-300">پشتیبانی از کاربران سازمانی</p>
88
  </div>
89
+ </div>
90
  </div>
91
  </section>
92
 
 
140
  <!-- Cost Comparison -->
141
  <section class="container mx-auto px-6 py-20">
142
  <h2 class="text-3xl md:text-4xl font-bold text-center mb-12 text-white">
143
+ مزایای سیستم ارتباط امن
144
  </h2>
145
+ <div class="grid md:grid-cols-2 gap-10 max-w-5xl mx-auto">
146
  <div class="bg-gray-900 border border-gray-700 rounded-xl p-8">
147
+ <h3 class="text-2xl text-white font-bold text-center mb-6">ویژگی‌های کلیدی</h3>
148
  <div class="space-y-4 text-2xl font-bold text-center">
149
+ <div>رمزنگاری سرتاسری</div>
150
+ <div class="text-gray-400">احراز هویت قوی</div>
151
+ <div>مدیریت متمرکز کاربران</div>
152
  </div>
153
+ </div>
154
  <div class="bg-[#1a1a1a] border border-[#3b82f6] rounded-xl shadow-2xl p-8">
155
  <div class="flex items-center justify-center gap-3 mb-6">
156
+ <i data-feather="shield" class="w-8 h-8 text-blue-300"></i>
157
+ <h3 class="text-2xl md:text-3xl text-white font-bold">امنیت پیشرفته</h3>
158
  </div>
159
  <div class="space-y-6 text-2xl md:text-3xl font-bold text-center text-white">
160
+ <div class="text-4xl md:text-5xl text-[#3b82f6]">رمزنگاری AES-256</div>
161
+ <div class="text-gray-300">احراز هویت دو مرحله‌ای</div>
162
+ <div>مدیریت کلید متمرکز</div>
163
+ <span class="inline-block text-xl py-2 px-6 bg-[#1e1e1e] border border-[#3b82f6] rounded-full">امنیت سازمانی</span>
164
+ </div>
165
  </div>
 
166
  </div>
167
  </section>
168
 
169
  <!-- Roadmap -->
170
  <section class="container mx-auto px-6 py-20 pb-32">
171
+ <h2 class="text-3xl md:text-4xl font-bold text-center mb-16 text-white">مراحل پیاده‌سازی</h2>
172
  <div class="grid grid-cols-1 md:grid-cols-5 gap-6 max-w-7xl mx-auto">
173
  <div class="bg-gray-800 p-1 rounded-2xl">
174
  <div class="bg-gray-900 h-full rounded-xl p-6">