File size: 29,146 Bytes
a2343ee
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
ddc4796
a2343ee
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
ddc4796
a2343ee
 
 
 
 
 
 
 
 
 
 
 
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
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
462
463
464
465
466
467
468
469
470
471
472
473
474
475
476
477
478
479
480
481
482
483
484
485
486
487
488
489
490
491
492
493
494
495
496
497
498
499
500
501
502
503
504
505
506
507
508
509
510
511
512
513
514
515
516
517
518
519
520
521
522
523
524
525
526
<!DOCTYPE html>
<html lang="ar" dir="rtl">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>بوت Just7saud - بوت عربي متكامل</title>
    <script src="https://cdn.tailwindcss.com"></script>
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
    <style>
        @import url('https://fonts.googleapis.com/css2?family=Tajawal:wght@400;500;700;900&display=swap');
        
        body {
            font-family: 'Tajawal', sans-serif;
            background-color: #1a1a2e;
            color: #fff;
        }
        
        .gradient-bg {
            background: linear-gradient(135deg, #1a1a2e 0%, #16213e 100%);
        }
        
        .command-card {
            transition: all 0.3s ease;
            border: 1px solid #2d3748;
        }
        
        .command-card:hover {
            transform: translateY(-5px);
            box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
            border-color: #4f46e5;
        }
        
        .discord-btn {
            background-color: #5865F2;
            transition: all 0.3s ease;
        }
        
        .discord-btn:hover {
            background-color: #4752C4;
            transform: translateY(-2px);
        }
        
        .feature-icon {
            color: #4f46e5;
            font-size: 2.5rem;
        }
        
        .arabic-text {
            line-height: 2;
        }
        
        .token-box {
            background-color: #2d3748;
            border-left: 4px solid #4f46e5;
            word-break: break-all;
        }
    </style>
</head>
<body class="gradient-bg">
    <!-- شريط التنقل -->
    <nav class="bg-gray-900 py-4 px-6 shadow-lg">
        <div class="container mx-auto flex justify-between items-center">
            <div class="flex items-center space-x-4">
                <div class="bg-indigo-600 p-2 rounded-full">
                    <i class="fab fa-discord text-white text-2xl"></i>
                </div>
                <h1 class="text-2xl font-bold text-white">Just7saud</h1>
            </div>
            <div class="hidden md:flex space-x-6">
                <a href="#features" class="text-gray-300 hover:text-white transition">المميزات</a>
                <a href="#commands" class="text-gray-300 hover:text-white transition">الأوامر</a>
                <a href="#invite" class="text-gray-300 hover:text-white transition">إضافة البوت</a>
                <a href="#support" class="text-gray-300 hover:text-white transition">الدعم</a>
            </div>
            <button class="md:hidden text-white">
                <i class="fas fa-bars text-2xl"></i>
            </button>
        </div>
    </nav>

    <!-- القسم الرئيسي -->
    <section class="py-20 px-6">
        <div class="container mx-auto flex flex-col md:flex-row items-center">
            <div class="md:w-1/2 mb-10 md:mb-0">
                <h1 class="text-4xl md:text-5xl font-bold mb-6 text-white">بوت <span class="text-indigo-500">Just7saud</span> العربي المتكامل</h1>
                <p class="text-xl text-gray-300 mb-8 arabic-text">
                    بوت ديسكورد عربي متكامل بجميع الميزات التي تحتاجها، من إدارة الخوادم إلى الترفيه والتواصل. تم تطويره ليبقى ويعمل بكفاءة لمدة سنة كاملة دون توقف.
                </p>
                <div class="flex flex-col sm:flex-row space-y-4 sm:space-y-0 sm:space-x-4">
                    <a href="#invite" class="discord-btn text-white py-3 px-6 rounded-lg font-bold text-center">
                        <i class="fab fa-discord mr-2"></i> أضف البوت إلى سيرفرك
                    </a>
                    <a href="#commands" class="bg-gray-800 text-white py-3 px-6 rounded-lg font-bold text-center hover:bg-gray-700 transition">
                        <i class="fas fa-list-ul mr-2"></i> عرض جميع الأوامر
                    </a>
                </div>
            </div>
            <div class="md:w-1/2 flex justify-center">
                <div class="relative">
                    <img src="https://i.imgur.com/JWjnQ0P.png" alt="صورة بوت Just7saud" class="rounded-lg shadow-2xl w-full max-w-md">
                    <div class="absolute -bottom-5 -right-5 bg-indigo-600 text-white py-2 px-4 rounded-lg shadow-lg">
                        <span class="font-bold">متصل</span>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <!-- مميزات البوت -->
    <section id="features" class="py-16 px-6 bg-gray-900">
        <div class="container mx-auto">
            <h2 class="text-3xl font-bold text-center mb-16 text-white">مميزات <span class="text-indigo-500">البوت</span></h2>
            <div class="grid grid-cols-1 md:grid-cols-3 gap-8">
                <!-- ميزة 1 -->
                <div class="bg-gray-800 p-8 rounded-lg text-center">
                    <div class="feature-icon mb-4">
                        <i class="fas fa-shield-alt"></i>
                    </div>
                    <h3 class="text-xl font-bold mb-4 text-white">نظام حماية متكامل</h3>
                    <p class="text-gray-300 arabic-text">
                        نظام حماية قوي ضد السبام، الفلود، الروابط الضارة، مع إمكانية تخصيص الإعدادات لكل سيرفر حسب احتياجاته.
                    </p>
                </div>
                
                <!-- ميزة 2 -->
                <div class="bg-gray-800 p-8 rounded-lg text-center">
                    <div class="feature-icon mb-4">
                        <i class="fas fa-music"></i>
                    </div>
                    <h3 class="text-xl font-bold mb-4 text-white">نظام موسيقى متقدم</h3>
                    <p class="text-gray-300 arabic-text">
                        تشغيل الموسيقى بجودة عالية مع دعم القوائم، التكرار، التخطي، وإمكانية البحث عن الأغاني من يوتيوب مباشرة.
                    </p>
                </div>
                
                <!-- ميزة 3 -->
                <div class="bg-gray-800 p-8 rounded-lg text-center">
                    <div class="feature-icon mb-4">
                        <i class="fas fa-gamepad"></i>
                    </div>
                    <h3 class="text-xl font-bold mb-4 text-white">ألعاب وترفيه</h3>
                    <p class="text-gray-300 arabic-text">
                        مجموعة متنوعة من الألعاب والمسابقات الترفيهية مثل كلمة السر، الحزورات، أسئلة ثقافية وغيرها الكثير.
                    </p>
                </div>
                
                <!-- ميزة 4 -->
                <div class="bg-gray-800 p-8 rounded-lg text-center">
                    <div class="feature-icon mb-4">
                        <i class="fas fa-users"></i>
                    </div>
                    <h3 class="text-xl font-bold mb-4 text-white">إدارة الأعضاء</h3>
                    <p class="text-gray-300 arabic-text">
                        نظام كامل لإدارة الأعضاء مع أوامر التحذير، الحظر، الكتم، التقييد، وإعطاء الرتب تلقائياً حسب النشاط.
                    </p>
                </div>
                
                <!-- ميزة 5 -->
                <div class="bg-gray-800 p-8 rounded-lg text-center">
                    <div class="feature-icon mb-4">
                        <i class="fas fa-chart-line"></i>
                    </div>
                    <h3 class="text-xl font-bold mb-4 text-white">إحصائيات ونشاط</h3>
                    <p class="text-gray-300 arabic-text">
                        تتبع إحصائيات السيرفر والأعضاء، مع إمكانية عرض أكثر الأعضاء نشاطاً وجوائز للمشاركين.
                    </p>
                </div>
                
                <!-- ميزة 6 -->
                <div class="bg-gray-800 p-8 rounded-lg text-center">
                    <div class="feature-icon mb-4">
                        <i class="fas fa-language"></i>
                    </div>
                    <h3 class="text-xl font-bold mb-4 text-white">دعم عربي كامل</h3>
                    <p class="text-gray-300 arabic-text">
                        واجهة وأوامر باللغة العربية بالكامل، مع دعم للردود الذكية بالعربية وتفاعل عربي طبيعي.
                    </p>
                </div>
            </div>
        </div>
    </section>

    <!-- أوامر البوت -->
    <section id="commands" class="py-16 px-6">
        <div class="container mx-auto">
            <h2 class="text-3xl font-bold text-center mb-16 text-white">أوامر <span class="text-indigo-500">البوت</span></h2>
            
            <div class="mb-12">
                <h3 class="text-2xl font-bold mb-6 text-indigo-400 border-b border-indigo-500 pb-2">أوامر الإدارة</h3>
                <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6">
                    <!-- أمر 1 -->
                    <div class="command-card bg-gray-800 p-6 rounded-lg">
                        <div class="flex items-center mb-4">
                            <div class="bg-indigo-600 p-2 rounded-full mr-4">
                                <i class="fas fa-user-shield text-white"></i>
                            </div>
                            <h4 class="text-xl font-bold text-white">!حظر</h4>
                        </div>
                        <p class="text-gray-300 arabic-text mb-4">
                            حظر عضو من السيرفر مع إمكانية تحديد السبب ووقت الحظر.
                        </p>
                        <div class="bg-gray-700 p-3 rounded text-sm font-mono text-gray-200">
                            <span class="text-indigo-400">الاستخدام:</span> !حظر @العضو [السبب]
                        </div>
                    </div>
                    
                    <!-- أمر 2 -->
                    <div class="command-card bg-gray-800 p-6 rounded-lg">
                        <div class="flex items-center mb-4">
                            <div class="bg-indigo-600 p-2 rounded-full mr-4">
                                <i class="fas fa-volume-mute text-white"></i>
                            </div>
                            <h4 class="text-xl font-bold text-white">!كتم</h4>
                        </div>
                        <p class="text-gray-300 arabic-text mb-4">
                            كتم عضو معين ومنعه من الكتابة في القنوات النصية.
                        </p>
                        <div class="bg-gray-700 p-3 rounded text-sm font-mono text-gray-200">
                            <span class="text-indigo-400">الاستخدام:</span> !كتم @العضو [المدة] [السبب]
                        </div>
                    </div>
                    
                    <!-- أمر 3 -->
                    <div class="command-card bg-gray-800 p-6 rounded-lg">
                        <div class="flex items-center mb-4">
                            <div class="bg-indigo-600 p-2 rounded-full mr-4">
                                <i class="fas fa-trash-alt text-white"></i>
                            </div>
                            <h4 class="text-xl font-bold text-white">!مسح</h4>
                        </div>
                        <p class="text-gray-300 arabic-text mb-4">
                            مسح عدد محدد من الرسائل من القناة النصية.
                        </p>
                        <div class="bg-gray-700 p-3 rounded text-sm font-mono text-gray-200">
                            <span class="text-indigo-400">الاستخدام:</span> !مسح [العدد]
                        </div>
                    </div>
                </div>
            </div>
            
            <div class="mb-12">
                <h3 class="text-2xl font-bold mb-6 text-indigo-400 border-b border-indigo-500 pb-2">أوامر الموسيقى</h3>
                <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6">
                    <!-- أمر 1 -->
                    <div class="command-card bg-gray-800 p-6 rounded-lg">
                        <div class="flex items-center mb-4">
                            <div class="bg-indigo-600 p-2 rounded-full mr-4">
                                <i class="fas fa-play text-white"></i>
                            </div>
                            <h4 class="text-xl font-bold text-white">!تشغيل</h4>
                        </div>
                        <p class="text-gray-300 arabic-text mb-4">
                            تشغيل أغنية أو قائمة تشغيل من يوتيوب أو سبوتيفاي.
                        </p>
                        <div class="bg-gray-700 p-3 rounded text-sm font-mono text-gray-200">
                            <span class="text-indigo-400">الاستخدام:</span> !تشغيل [اسم الأغنية أو الرابط]
                        </div>
                    </div>
                    
                    <!-- أمر 2 -->
                    <div class="command-card bg-gray-800 p-6 rounded-lg">
                        <div class="flex items-center mb-4">
                            <div class="bg-indigo-600 p-2 rounded-full mr-4">
                                <i class="fas fa-stop text-white"></i>
                            </div>
                            <h4 class="text-xl font-bold text-white">!إيقاف</h4>
                        </div>
                        <p class="text-gray-300 arabic-text mb-4">
                            إيقاف تشغيل الموسيقى والخروج من قناة الصوت.
                        </p>
                        <div class="bg-gray-700 p-3 rounded text-sm font-mono text-gray-200">
                            <span class="text-indigo-400">الاستخدام:</span> !إيقاف
                        </div>
                    </div>
                    
                    <!-- أمر 3 -->
                    <div class="command-card bg-gray-800 p-6 rounded-lg">
                        <div class="flex items-center mb-4">
                            <div class="bg-indigo-600 p-2 rounded-full mr-4">
                                <i class="fas fa-forward text-white"></i>
                            </div>
                            <h4 class="text-xl font-bold text-white">!تخطي</h4>
                        </div>
                        <p class="text-gray-300 arabic-text mb-4">
                            تخطي الأغنية الحالية والانتقال إلى التالية في قائمة التشغيل.
                        </p>
                        <div class="bg-gray-700 p-3 rounded text-sm font-mono text-gray-200">
                            <span class="text-indigo-400">الاستخدام:</span> !تخطي
                        </div>
                    </div>
                </div>
            </div>
            
            <div class="mb-12">
                <h3 class="text-2xl font-bold mb-6 text-indigo-400 border-b border-indigo-500 pb-2">أوامر الترفيه</h3>
                <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6">
                    <!-- أمر 1 -->
                    <div class="command-card bg-gray-800 p-6 rounded-lg">
                        <div class="flex items-center mb-4">
                            <div class="bg-indigo-600 p-2 rounded-full mr-4">
                                <i class="fas fa-question text-white"></i>
                            </div>
                            <h4 class="text-xl font-bold text-white">!حزورة</h4>
                        </div>
                        <p class="text-gray-300 arabic-text mb-4">
                            عرض حزورة عشوائية مع إمكانية الإجابة عليها خلال وقت محدد.
                        </p>
                        <div class="bg-gray-700 p-3 rounded text-sm font-mono text-gray-200">
                            <span class="text-indigo-400">الاستخدام:</span> !حزورة
                        </div>
                    </div>
                    
                    <!-- أمر 2 -->
                    <div class="command-card bg-gray-800 p-6 rounded-lg">
                        <div class="flex items-center mb-4">
                            <div class="bg-indigo-600 p-2 rounded-full mr-4">
                                <i class="fas fa-dice text-white"></i>
                            </div>
                            <h4 class="text-xl font-bold text-white">!رمي</h4>
                        </div>
                        <p class="text-gray-300 arabic-text mb-4">
                            رمي النرد والحصول على رقم عشوائي بين 1 و6.
                        </p>
                        <div class="bg-gray-700 p-3 rounded text-sm font-mono text-gray-200">
                            <span class="text-indigo-400">الاستخدام:</span> !رمي
                        </div>
                    </div>
                    
                    <!-- أمر 3 -->
                    <div class="command-card bg-gray-800 p-6 rounded-lg">
                        <div class="flex items-center mb-4">
                            <div class="bg-indigo-600 p-2 rounded-full mr-4">
                                <i class="fas fa-gift text-white"></i>
                            </div>
                            <h4 class="text-xl font-bold text-white">!هدية</h4>
                        </div>
                        <p class="text-gray-300 arabic-text mb-4">
                            إرسال هدية عشوائية إلى عضو معين في السيرفر.
                        </p>
                        <div class="bg-gray-700 p-3 rounded text-sm font-mono text-gray-200">
                            <span class="text-indigo-400">الاستخدام:</span> !هدية @العضو
                        </div>
                    </div>
                </div>
            </div>
            
            <div class="text-center">
                <a href="#" class="bg-indigo-600 text-white py-3 px-8 rounded-lg font-bold inline-block hover:bg-indigo-700 transition">
                    <i class="fas fa-list-ul mr-2"></i> عرض جميع الأوامر (100+ أمر)
                </a>
            </div>
        </div>
    </section>

    <!-- إضافة البوت -->
    <section id="invite" class="py-16 px-6 bg-gray-900">
        <div class="container mx-auto">
            <h2 class="text-3xl font-bold text-center mb-16 text-white">أضف البوت إلى <span class="text-indigo-500">سيرفرك</span></h2>
            
            <div class="flex flex-col md:flex-row items-center justify-center gap-12">
                <div class="md:w-1/2">
                    <div class="bg-gray-800 p-8 rounded-lg">
                        <h3 class="text-2xl font-bold mb-6 text-white">رابط دعوة البوت</h3>
                        <p class="text-gray-300 mb-6 arabic-text">
                            يمكنك إضافة بوت Just7saud إلى سيرفرك بكل سهولة عن طريق النقر على الزر أدناه. سيقوم البوت بالانضمام إلى سيرفرك مع جميع الصلاحيات اللازمة للعمل بكفاءة.
                        </p>
                        <a href="https://discord.com/oauth2/authorize?client_id=1400361085667639306&permissions=8&integration_type=0&scope=bot" target="_blank" class="discord-btn text-white py-3 px-6 rounded-lg font-bold text-center block">
                            <i class="fab fa-discord mr-2"></i> دعوة البوت الآن
                        </a>
                    </div>
                </div>
                
                <div class="md:w-1/2">
                    <div class="bg-gray-800 p-8 rounded-lg">
                        <h3 class="text-2xl font-bold mb-6 text-white">توكن البوت</h3>
                        <p class="text-gray-300 mb-6 arabic-text">
                            هذا هو التوكن الخاص بالبوت والذي يمكن استخدامه لتطوير وإضافة أوامر جديدة أو تعديل الإعدادات الحالية.
                        </p>
                        <div class="token-box p-4 rounded mb-6">
                            <code class="text-gray-200">YOUR_NEW_BOT_TOKEN_HERE</code>
                        </div>
                        <div class="bg-yellow-900 bg-opacity-30 border-l-4 border-yellow-500 p-4 text-yellow-200 rounded">
                            <i class="fas fa-exclamation-triangle mr-2"></i>
                            <span class="arabic-text">هذا التوكن سري للغاية، لا تشاركه مع أي شخص غير موثوق به.</span>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <!-- الدعم -->
    <section id="support" class="py-16 px-6">
        <div class="container mx-auto">
            <h2 class="text-3xl font-bold text-center mb-16 text-white">دعم <span class="text-indigo-500">البوت</span></h2>
            
            <div class="grid grid-cols-1 md:grid-cols-2 gap-8">
                <div class="bg-gray-800 p-8 rounded-lg">
                    <h3 class="text-2xl font-bold mb-6 text-white">سيرفر الدعم</h3>
                    <p class="text-gray-300 mb-6 arabic-text">
                        انضم إلى سيرفر الدعم الخاص بنا للحصول على المساعدة في أي مشكلة تواجهك مع البوت، أو لاقتراح ميزات جديدة وتلقي التحديثات أولاً بأول.
                    </p>
                    <a href="#" class="discord-btn text-white py-3 px-6 rounded-lg font-bold text-center inline-block">
                        <i class="fab fa-discord mr-2"></i> انضم إلى سيرفر الدعم
                    </a>
                </div>
                
                <div class="bg-gray-800 p-8 rounded-lg">
                    <h3 class="text-2xl font-bold mb-6 text-white">التواصل مع المطور</h3>
                    <p class="text-gray-300 mb-6 arabic-text">
                        يمكنك التواصل مباشرة مع مطور البوت لأي استفسارات تقنية أو مشاكل خاصة تحتاج إلى حل سريع.
                    </p>
                    <div class="flex space-x-4">
                        <a href="#" class="bg-blue-600 text-white p-3 rounded-full hover:bg-blue-700 transition">
                            <i class="fab fa-twitter text-xl"></i>
                        </a>
                        <a href="#" class="bg-purple-600 text-white p-3 rounded-full hover:bg-purple-700 transition">
                            <i class="fab fa-discord text-xl"></i>
                        </a>
                        <a href="#" class="bg-red-600 text-white p-3 rounded-full hover:bg-red-700 transition">
                            <i class="fab fa-youtube text-xl"></i>
                        </a>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <!-- تذييل الصفحة -->
    <footer class="bg-gray-900 py-8 px-6 border-t border-gray-800">
        <div class="container mx-auto">
            <div class="flex flex-col md:flex-row justify-between items-center">
                <div class="mb-6 md:mb-0">
                    <div class="flex items-center space-x-4">
                        <div class="bg-indigo-600 p-2 rounded-full">
                            <i class="fab fa-discord text-white text-2xl"></i>
                        </div>
                        <h2 class="text-2xl font-bold text-white">Just7saud</h2>
                    </div>
                    <p class="text-gray-400 mt-2 arabic-text">بوت ديسكورد عربي متكامل لجميع احتياجاتك</p>
                </div>
                
                <div class="flex space-x-6">
                    <a href="#" class="text-gray-400 hover:text-white transition">
                        <i class="fab fa-twitter text-xl"></i>
                    </a>
                    <a href="#" class="text-gray-400 hover:text-white transition">
                        <i class="fab fa-youtube text-xl"></i>
                    </a>
                    <a href="#" class="text-gray-400 hover:text-white transition">
                        <i class="fab fa-github text-xl"></i>
                    </a>
                    <a href="#" class="text-gray-400 hover:text-white transition">
                        <i class="fab fa-discord text-xl"></i>
                    </a>
                </div>
            </div>
            
            <div class="border-t border-gray-800 mt-8 pt-8 text-center text-gray-500 arabic-text">
                <p>© 2023 Just7saud Bot. جميع الحقوق محفوظة. | تم تطويره ليعمل لمدة سنة كاملة دون توقف</p>
            </div>
        </div>
    </footer>

    <!-- زر العودة للأعلى -->
    <button id="back-to-top" class="fixed bottom-8 right-8 bg-indigo-600 text-white p-4 rounded-full shadow-lg opacity-0 invisible transition-all duration-300">
        <i class="fas fa-arrow-up"></i>
    </button>

    <script>
        // زر العودة للأعلى
        const backToTopButton = document.getElementById('back-to-top');
        
        window.addEventListener('scroll', () => {
            if (window.pageYOffset > 300) {
                backToTopButton.classList.remove('opacity-0', 'invisible');
                backToTopButton.classList.add('opacity-100', 'visible');
            } else {
                backToTopButton.classList.remove('opacity-100', 'visible');
                backToTopButton.classList.add('opacity-0', 'invisible');
            }
        });
        
        backToTopButton.addEventListener('click', () => {
            window.scrollTo({
                top: 0,
                behavior: 'smooth'
            });
        });
        
        // تأثيرات للأوامر عند التمرير
        const commandCards = document.querySelectorAll('.command-card');
        
        const observer = new IntersectionObserver((entries) => {
            entries.forEach(entry => {
                if (entry.isIntersecting) {
                    entry.target.style.opacity = 1;
                    entry.target.style.transform = 'translateY(0)';
                }
            });
        }, { threshold: 0.1 });
        
        commandCards.forEach(card => {
            card.style.opacity = 0;
            card.style.transform = 'translateY(20px)';
            card.style.transition = 'all 0.6s ease';
            observer.observe(card);
        });
        
        // نسخ التوكن عند النقر
        const tokenBox = document.querySelector('.token-box');
        if (tokenBox) {
            tokenBox.addEventListener('click', () => {
                const token = 'YOUR_NEW_BOT_TOKEN_HERE';
                navigator.clipboard.writeText(token).then(() => {
                    const originalText = tokenBox.innerHTML;
                    tokenBox.innerHTML = '<span class="text-green-400">تم نسخ التوكن بنجاح!</span>';
                    setTimeout(() => {
                        tokenBox.innerHTML = originalText;
                    }, 2000);
                });
            });
        }
    </script>
<p style="border-radius: 8px; text-align: center; font-size: 12px; color: #fff; margin-top: 16px;position: fixed; left: 8px; bottom: 8px; z-index: 10; background: rgba(0, 0, 0, 0.8); padding: 4px 8px;">Made with <img src="https://enzostvs-deepsite.hf.space/logo.svg" alt="DeepSite Logo" style="width: 16px; height: 16px; vertical-align: middle;display:inline-block;margin-right:3px;filter:brightness(0) invert(1);"><a href="https://enzostvs-deepsite.hf.space" style="color: #fff;text-decoration: underline;" target="_blank" >DeepSite</a> - 🧬 <a href="https://enzostvs-deepsite.hf.space?remix=Suabdudbew/wath" style="color: #fff;text-decoration: underline;" target="_blank" >Remix</a></p></body>
</html>