Hugging Face's logo

Spaces:
kooookook1gmailcom
/
zero
Running

App Files Community
kooookook1gmailcom commited on
Commit
e963fc3
·
verified ·
1 Parent(s): b365e7a

اريدك تسوي لي موقع كامل متكامل يخصص جميع ايام الصلاه التواريخ الذي توفى بها الانبياء يعني مثل ما تقول كتاب ديني متكامل يجمع القران ويجمع كل الكتب والسماويه النزلها رب العالمين صلى الله - Initial Deployment

Browse files
Files changed (3) hide show
  1. README.md +6 -4
  2. index.html +599 -19
  3. prompts.txt +1 -0
README.md CHANGED
@@ -1,10 +1,12 @@
1
  ---
2
- title: Zero
3
- emoji: 🏢
4
  colorFrom: yellow
5
- colorTo: purple
6
  sdk: static
7
  pinned: false
 
 
8
  ---
9
 
10
- Check out the configuration reference at https://huggingface.co/docs/hub/spaces-config-reference
 
1
  ---
2
+ title: zero
3
+ emoji: 🐳
4
  colorFrom: yellow
5
+ colorTo: yellow
6
  sdk: static
7
  pinned: false
8
+ tags:
9
+ - deepsite
10
  ---
11
 
12
+ Check out the configuration reference at https://huggingface.co/docs/hub/spaces-config-reference
index.html CHANGED
@@ -1,19 +1,599 @@
1
- <!doctype html>
2
- <html>
3
- <head>
4
- <meta charset="utf-8" />
5
- <meta name="viewport" content="width=device-width" />
6
- <title>My static Space</title>
7
- <link rel="stylesheet" href="style.css" />
8
- </head>
9
- <body>
10
- <div class="card">
11
- <h1>Welcome to your static Space!</h1>
12
- <p>You can modify this app directly by editing <i>index.html</i> in the Files and versions tab.</p>
13
- <p>
14
- Also don't forget to check the
15
- <a href="https://huggingface.co/docs/hub/spaces" target="_blank">Spaces documentation</a>.
16
- </p>
17
- </div>
18
- </body>
19
- </html>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ <!DOCTYPE html>
2
+ <html lang="ar" dir="rtl">
3
+ <head>
4
+ <meta charset="UTF-8">
5
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
6
+ <title>الكتاب السماوي الشامل - جامع كلمات رب العالمين</title>
7
+ <link href="https://fonts.googleapis.com/css2?family=Amiri:wght@400;700&display=swap" rel="stylesheet">
8
+ <script src="https://cdn.tailwindcss.com"></script>
9
+ <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
10
+ <script>
11
+ tailwind.config = {
12
+ theme: {
13
+ extend: {
14
+ colors: {
15
+ primary: '#1a472a',
16
+ secondary: '#2b6b46',
17
+ accent: '#d4af37',
18
+ light: '#f8f9fa'
19
+ },
20
+ fontFamily: {
21
+ 'arabic': ['Amiri', 'serif']
22
+ }
23
+ }
24
+ }
25
+ }
26
+ </script>
27
+ <style>
28
+ body {
29
+ font-family: 'Amiri', serif;
30
+ background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="100" height="100" viewBox="0 0 100 100"><rect width="100" height="100" fill="%231a472a" opacity="0.05"/><path d="M20,20 Q50,10 80,20 T80,80 Q50,90 20,80 T20,20" fill="none" stroke="%232b6b46" stroke-width="0.5" opacity="0.2"/></svg>');
31
+ }
32
+ .prayer-card {
33
+ transition: transform 0.3s ease;
34
+ }
35
+ .prayer-card:hover {
36
+ transform: translateY(-5px);
37
+ box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
38
+ }
39
+ .scroll-top {
40
+ position: fixed;
41
+ bottom: 20px;
42
+ right: 20px;
43
+ z-index: 100;
44
+ opacity: 0;
45
+ transition: opacity 0.3s;
46
+ }
47
+ .scroll-top.visible {
48
+ opacity: 1;
49
+ }
50
+ .verse {
51
+ text-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
52
+ }
53
+ .prophet-card {
54
+ perspective: 1000px;
55
+ }
56
+ .prophet-inner {
57
+ transition: transform 0.6s;
58
+ transform-style: preserve-3d;
59
+ }
60
+ .prophet-card:hover .prophet-inner {
61
+ transform: rotateY(180deg);
62
+ }
63
+ .prophet-front, .prophet-back {
64
+ backface-visibility: hidden;
65
+ }
66
+ .prophet-back {
67
+ transform: rotateY(180deg);
68
+ }
69
+ .scripture-grid {
70
+ display: grid;
71
+ grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
72
+ gap: 2rem;
73
+ }
74
+ @keyframes fadeIn {
75
+ from { opacity: 0; }
76
+ to { opacity: 1; }
77
+ }
78
+ .fade-in {
79
+ animation: fadeIn 1.5s ease forwards;
80
+ }
81
+ </style>
82
+ </head>
83
+ <body class="bg-light text-gray-800">
84
+ <!-- شريط التنقل -->
85
+ <header class="sticky top-0 z-50 bg-primary text-white shadow-lg">
86
+ <div class="container mx-auto px-4 py-3 flex flex-wrap items-center justify-between">
87
+ <div class="flex items-center space-x-3">
88
+ <i class="fas fa-book-quran text-3xl text-accent"></i>
89
+ <div>
90
+ <h1 class="text-xl font-bold">الكتاب السماوي الشامل</h1>
91
+ <p class="text-xs opacity-75">جامع كلمات رب العالمين</p>
92
+ </div>
93
+ </div>
94
+
95
+ <nav class="hidden md:flex space-x-6">
96
+ <a href="#prayers" class="hover:text-accent transition">أوقات الصلاة</a>
97
+ <a href="#prophets" class="hover:text-accent transition">الأنبياء</a>
98
+ <a href="#scriptures" class="hover:text-accent transition">الكتب السماوية</a>
99
+ <a href="#calendar" class="hover:text-accent transition">الأحداث التاريخية</a>
100
+ <a href="#daily-wisdom" class="hover:text-accent transition">حكمة اليوم</a>
101
+ </nav>
102
+
103
+ <button class="md:hidden text-2xl">
104
+ <i class="fas fa-bars"></i>
105
+ </button>
106
+ </div>
107
+ </header>
108
+
109
+ <!-- البطل الرئيسي -->
110
+ <section class="py-16 bg-gradient-to-r from-primary to-secondary">
111
+ <div class="container mx-auto px-4 text-center">
112
+ <div class="max-w-3xl mx-auto">
113
+ <h1 class="text-4xl md:text-6xl font-bold text-white mb-6 fade-in">جامع كلمات رب العالمين</h1>
114
+ <div class="relative bg-white bg-opacity-20 rounded-lg p-8 backdrop-blur-sm">
115
+ <p class="text-white text-xl md:text-2xl leading-relaxed">
116
+ "وَمَا خَلَقْتُ الْجِنَّ وَالْإِنسَ إِلَّا لِيَعْبُدُونِ"
117
+ </p>
118
+ <p class="mt-3 text-accent">سورة الذاريات: الآية 56</p>
119
+ </div>
120
+ <div class="mt-10">
121
+ <button class="bg-accent hover:bg-yellow-600 text-primary font-bold py-3 px-8 rounded-full transition transform hover:scale-105">
122
+ ابدأ الرحلة الإيمانية
123
+ </button>
124
+ </div>
125
+ </div>
126
+ </div>
127
+ </section>
128
+
129
+ <!-- صندوق البحث -->
130
+ <section class="py-10 bg-white">
131
+ <div class="container mx-auto px-4">
132
+ <div class="max-w-2xl mx-auto relative">
133
+ <div class="relative">
134
+ <input type="text" placeholder="ابحث في الآيات أو الأحاديث أو الموضوعات..." class="w-full py-4 px-5 pr-14 rounded-full border-2 border-gray-300 focus:border-primary focus:outline-none shadow-sm text-lg">
135
+ <button class="absolute right-4 top-1/2 transform -translate-y-1/2 text-primary">
136
+ <i class="fas fa-search text-2xl"></i>
137
+ </button>
138
+ </div>
139
+ <div class="mt-4 flex flex-wrap gap-2 justify-center">
140
+ <span class="bg-primary bg-opacity-10 text-primary px-3 py-1 rounded-full text-sm">آيات اليوم</span>
141
+ <span class="bg-primary bg-opacity-10 text-primary px-3 py-1 rounded-full text-sm">الأحداث التاريخية</span>
142
+ <span class="bg-primary bg-opacity-10 text-primary px-3 py-1 rounded-full text-sm">أحاديث نبوية</span>
143
+ <span class="bg-primary bg-opacity-10 text-primary px-3 py-1 rounded-full text-sm">قصص الأنبياء</span>
144
+ </div>
145
+ </div>
146
+ </div>
147
+ </section>
148
+
149
+ <!-- أوقات الصلاة -->
150
+ <section id="prayers" class="py-16 bg-light">
151
+ <div class="container mx-auto px-4">
152
+ <div class="text-center mb-16">
153
+ <h2 class="text-3xl md:text-4xl font-bold text-primary mb-3">أوقات الصلاة اليومية</h2>
154
+ <p class="text-gray-600 max-w-2xl mx-auto">أوقات الصلوات الخمسة لمدينة القاهرة مع الإشارة إلى الصلاة القادمة</p>
155
+ </div>
156
+
157
+ <div class="grid grid-cols-2 md:grid-cols-5 gap-6 justify-center">
158
+ <!-- الفجر -->
159
+ <div class="prayer-card bg-white rounded-2xl shadow-md p-6 text-center border-b-4 border-blue-500">
160
+ <div class="text-blue-500 text-4xl mb-4">
161
+ <i class="fas fa-moon"></i>
162
+ </div>
163
+ <h3 class="text-xl font-bold text-gray-800 mb-2">الفجر</h3>
164
+ <p class="text-2xl font-bold text-primary mb-4">4:15 ص</p>
165
+ <div class="mt-3 bg-blue-100 text-blue-800 py-1 px-3 rounded-full text-sm">انتهت</div>
166
+ </div>
167
+
168
+ <!-- الظهر -->
169
+ <div class="prayer-card bg-white rounded-2xl shadow-md p-6 text-center border-b-4 border-green-500">
170
+ <div class="text-green-500 text-4xl mb-4">
171
+ <i class="fas fa-sun"></i>
172
+ </div>
173
+ <h3 class="text-xl font-bold text-gray-800 mb-2">الظهر</h3>
174
+ <p class="text-2xl font-bold text-primary mb-4">11:45 ص</p>
175
+ <div class="mt-3 bg-green-100 text-green-800 py-1 px-3 rounded-full text-sm">انتهت</div>
176
+ </div>
177
+
178
+ <!-- العصر -->
179
+ <div class="prayer-card bg-white rounded-2xl shadow-md p-6 text-center border-b-4 border-orange-500 relative overflow-hidden">
180
+ <div class="absolute top-0 right-0 bg-accent text-primary py-1 px-3 text-sm rounded-bl-lg">التالي</div>
181
+ <div class="text-orange-500 text-4xl mb-4">
182
+ <i class="fas fa-cloud-sun"></i>
183
+ </div>
184
+ <h3 class="text-xl font-bold text-gray-800 mb-2">العصر</h3>
185
+ <p class="text-2xl font-bold text-primary mb-4">3:10 م</p>
186
+ <div class="mt-3 bg-orange-100 text-orange-800 py-1 px-3 rounded-full text-sm">القادمة خلال 1:22 ساعة</div>
187
+ </div>
188
+
189
+ <!-- المغرب -->
190
+ <div class="prayer-card bg-white rounded-2xl shadow-md p-6 text-center border-b-4 border-purple-500">
191
+ <div class="text-purple-500 text-4xl mb-4">
192
+ <i class="fas fa-sun-set"></i>
193
+ </div>
194
+ <h3 class="text-xl font-bold text-gray-800 mb-2">المغرب</h3>
195
+ <p class="text-2xl font-bold text-primary mb-4">6:05 م</p>
196
+ <div class="mt-3 bg-purple-100 text-purple-800 py-1 px-3 rounded-full text-sm">قادمة</div>
197
+ </div>
198
+
199
+ <!-- العشاء -->
200
+ <div class="prayer-card bg-white rounded-2xl shadow-md p-6 text-center border-b-4 border-indigo-500">
201
+ <div class="text-indigo-500 text-4xl mb-4">
202
+ <i class="fas fa-moon-stars"></i>
203
+ </div>
204
+ <h3 class="text-xl font-bold text-gray-800 mb-2">العشاء</h3>
205
+ <p class="text-2xl font-bold text-primary mb-4">7:30 م</p>
206
+ <div class="mt-3 bg-indigo-100 text-indigo-800 py-1 px-3 rounded-full text-sm">قادمة</div>
207
+ </div>
208
+ </div>
209
+ </div>
210
+ </section>
211
+
212
+ <!-- الأنبياء -->
213
+ <section id="prophets" class="py-16 bg-white">
214
+ <div class="container mx-auto px-4">
215
+ <div class="text-center mb-16">
216
+ <h2 class="text-3xl md:text-4xl font-bold text-primary mb-3">سير الأنبياء والمرسلين</h2>
217
+ <p class="text-gray-600 max-w-2xl mx-auto">تعرف على الأنبياء وأبرز أعمالهم وتواريخ وفياتهم</p>
218
+ </div>
219
+
220
+ <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8">
221
+ <!-- آدم عليه السلام -->
222
+ <div class="prophet-card">
223
+ <div class="prophet-inner">
224
+ <div class="prophet-front bg-gradient-to-br from-primary to-secondary rounded-xl shadow-xl p-6 text-white">
225
+ <div class="flex justify-center">
226
+ <div class="w-24 h-24 rounded-full bg-gray-300 border-4 border-white"></div>
227
+ </div>
228
+ <h3 class="text-2xl font-bold text-center mt-4">آدم عليه السلام</h3>
229
+ <p class="text-center opacity-80">أبو البشرية</p>
230
+ <p class="mt-4 text-center text-accent">تاريخ الوفاة: غير محدد</p>
231
+ <div class="mt-6 flex justify-center">
232
+ <button class="bg-accent text-primary py-2 px-6 rounded-full">اقرأ المزيد</button>
233
+ </div>
234
+ </div>
235
+ <div class="prophet-back bg-white rounded-xl shadow-xl p-6 absolute top-0 w-full h-full">
236
+ <h4 class="text-xl font-bold text-primary mb-3">معلومات مهمة:</h4>
237
+ <ul class="space-y-2 text-gray-700">
238
+ <li class="flex items-start">
239
+ <i class="fas fa-star text-accent mt-1 mr-2"></i>
240
+ <span>أول نبي بعثه الله إلى الأرض</span>
241
+ </li>
242
+ <li class="flex items-start">
243
+ <i class="fas fa-star text-accent mt-1 mr-2"></i>
244
+ <span>خلقه الله بيده في الأرض</span>
245
+ </li>
246
+ <li class="flex items-start">
247
+ <i class="fas fa-star text-accent mt-1 mr-2"></i>
248
+ <span>قصة مع إبليس وعداوته له ولذريته</span>
249
+ </li>
250
+ </ul>
251
+ </div>
252
+ </div>
253
+ </div>
254
+
255
+ <!-- نوح عليه السلام -->
256
+ <div class="prophet-card">
257
+ <div class="prophet-inner">
258
+ <div class="prophet-front bg-gradient-to-br from-primary to-secondary rounded-xl shadow-xl p-6 text-white">
259
+ <div class="flex justify-center">
260
+ <div class="w-24 h-24 rounded-full bg-gray-300 border-4 border-white"></div>
261
+ </div>
262
+ <h3 class="text-2xl font-bold text-center mt-4">نوح عليه السلام</h3>
263
+ <p class="text-center opacity-80">شيخ الأنبياء</p>
264
+ <p class="mt-4 text-center text-accent">تاريخ الوفاة: ≈ 1950 ق.م</p>
265
+ <div class="mt-6 flex justify-center">
266
+ <button class="bg-accent text-primary py-2 px-6 rounded-full">اقرأ المزيد</button>
267
+ </div>
268
+ </div>
269
+ <div class="prophet-back bg-white rounded-xl shadow-xl p-6 absolute top-0 w-full h-full">
270
+ <h4 class="text-xl font-bold text-primary mb-3">معلومات مهمة:</h4>
271
+ <ul class="space-y-2 text-gray-700">
272
+ <li class="flex items-start">
273
+ <i class="fas fa-star text-accent mt-1 mr-2"></i>
274
+ <span>أول رسول بعث إلى أهل الأرض</span>
275
+ </li>
276
+ <li class="flex items-start">
277
+ <i class="fas fa-star text-accent mt-1 mr-2"></i>
278
+ <span>عاش 950 سنة يدعو قومه</span>
279
+ </li>
280
+ <li class="flex items-start">
281
+ <i class="fas fa-star text-accent mt-1 mr-2"></i>
282
+ <span>نجاه الله ومن آمن معه في السفينة</span>
283
+ </li>
284
+ </ul>
285
+ </div>
286
+ </div>
287
+ </div>
288
+
289
+ <!-- محمد صلى الله عليه وسلم -->
290
+ <div class="prophet-card">
291
+ <div class="prophet-inner">
292
+ <div class="prophet-front bg-gradient-to-br from-primary to-secondary rounded-xl shadow-xl p-6 text-white">
293
+ <div class="flex justify-center">
294
+ <div class="w-24 h-24 rounded-full bg-gray-300 border-4 border-white"></div>
295
+ </div>
296
+ <h3 class="text-2xl font-bold text-center mt-4">محمد ﷺ</h3>
297
+ <p class="text-center opacity-80">خاتم الأنبياء</p>
298
+ <p class="mt-4 text-center text-accent">تاريخ الوفاة: 12 ربيع الأول 11هـ</p>
299
+ <div class="mt-6 flex justify-center">
300
+ <button class="bg-accent text-primary py-2 px-6 rounded-full">اقرأ المزيد</button>
301
+ </div>
302
+ </div>
303
+ <div class="prophet-back bg-white rounded-xl shadow-xl p-6 absolute top-0 w-full h-full">
304
+ <h4 class="text-xl font-bold text-primary mb-3">معلومات مهمة:</h4>
305
+ <ul class="space-y-2 text-gray-700">
306
+ <li class="flex items-start">
307
+ <i class="fas fa-star text-accent mt-1 mr-2"></i>
308
+ <span>خاتم الأنبياء والمرسلين</span>
309
+ </li>
310
+ <li class="flex items-start">
311
+ <i class="fas fa-star text-accent mt-1 mr-2"></i>
312
+ <span>بعث بالقرآن الكريم</span>
313
+ </li>
314
+ <li class="flex items-start">
315
+ <i class="fas fa-star text-accent mt-1 mr-2"></i>
316
+ <span>توفي بالمدينة يوم الاثنين 12 ربيع الأول</span>
317
+ </li>
318
+ </ul>
319
+ </div>
320
+ </div>
321
+ </div>
322
+ </div>
323
+
324
+ <div class="mt-12 text-center">
325
+ <a href="#" class="inline-flex items-center text-primary hover:text-secondary font-bold">
326
+ <span>استكشف جميع الأنبياء</span>
327
+ <i class="fas fa-arrow-left ml-2"></i>
328
+ </a>
329
+ </div>
330
+ </div>
331
+ </section>
332
+
333
+ <!-- الكتب السماوية -->
334
+ <section id="scriptures" class="py-16 bg-light">
335
+ <div class="container mx-auto px-4">
336
+ <div class="text-center mb-16">
337
+ <h2 class="text-3xl md:text-4xl font-bold text-primary mb-3">الكتب السماوية المنزلة</h2>
338
+ <p class="text-gray-600 max-w-2xl mx-auto">تعرف على الكتب التي أنزلها الله على رسله عبر التاريخ</p>
339
+ </div>
340
+
341
+ <div class="scripture-grid">
342
+ <!-- القرآن الكريم -->
343
+ <div class="bg-white rounded-xl shadow-md overflow-hidden">
344
+ <div class="bg-gradient-to-r from-primary to-secondary py-4 px-6">
345
+ <h3 class="text-xl font-bold text-white">القرآن الكريم</h3>
346
+ </div>
347
+ <div class="p-6">
348
+ <div class="flex items-center mb-4">
349
+ <div class="w-16 h-16 rounded-full bg-gray-300 flex items-center justify-center text-2xl text-primary bg-accent">
350
+ <i class="fas fa-book-quran"></i>
351
+ </div>
352
+ <div class="mr-3">
353
+ <p class="font-bold">النبي محمد ﷺ</p>
354
+ <p class="text-sm text-gray-600">خاتم الأنبياء</p>
355
+ </div>
356
+ </div>
357
+ <ul class="space-y-2 text-gray-700">
358
+ <li><span class="font-semibold">عدد السور:</span> 114 سورة</li>
359
+ <li><span class="font-semibold">عدد الآيات:</span> 6236 آية</li>
360
+ <li><span class="font-semibold">اللغة:</span> العربية</li>
361
+ </ul>
362
+ <div class="mt-6">
363
+ <button class="w-full bg-primary hover:bg-secondary text-white py-2.5 rounded-lg flex items-center justify-center font-medium">
364
+ <span>استمع الآن</span>
365
+ <i class="fas fa-play-circle ml-2"></i>
366
+ </button>
367
+ </div>
368
+ </div>
369
+ </div>
370
+
371
+ <!-- الإنجيل -->
372
+ <div class="bg-white rounded-xl shadow-md overflow-hidden">
373
+ <div class="bg-gradient-to-r from-green-700 to-green-900 py-4 px-6">
374
+ <h3 class="text-xl font-bold text-white">الإنجيل</h3>
375
+ </div>
376
+ <div class="p-6">
377
+ <div class="flex items-center mb-4">
378
+ <div class="w-16 h-16 rounded-full bg-gray-300 flex items-center justify-center text-2xl text-green-800 bg-green-200">
379
+ <i class="fas fa-book-bible"></i>
380
+ </div>
381
+ <div class="mr-3">
382
+ <p class="font-bold">النبي عيسى عليه السلام</p>
383
+ <p class="text-sm text-gray-600">كلمة الله</p>
384
+ </div>
385
+ </div>
386
+ <ul class="space-y-2 text-gray-700">
387
+ <li><span class="font-semibold">المنطقة:</span> فلسطين</li>
388
+ <li><span class="font-semibold">اللغة الأصلية:</span> الآرامية</li>
389
+ <li><span class="font-semibold">الفترة:</span> القرن الأول الميلادي</li>
390
+ </ul>
391
+ <div class="mt-6">
392
+ <button class="w-full bg-green-700 hover:bg-green-800 text-white py-2.5 rounded-lg flex items-center justify-center font-medium">
393
+ <span>تعرف أكثر</span>
394
+ <i class="fas fa-info-circle ml-2"></i>
395
+ </button>
396
+ </div>
397
+ </div>
398
+ </div>
399
+
400
+ <!-- التوراة -->
401
+ <div class="bg-white rounded-xl shadow-md overflow-hidden">
402
+ <div class="bg-gradient-to-r from-blue-700 to-blue-900 py-4 px-6">
403
+ <h3 class="text-xl font-bold text-white">التوراة</h3>
404
+ </div>
405
+ <div class="p-6">
406
+ <div class="flex items-center mb-4">
407
+ <div class="w-16 h-16 rounded-full bg-gray-300 flex items-center justify-center text-2xl text-blue-800 bg-blue-200">
408
+ <i class="fas fa-book-torah"></i>
409
+ </div>
410
+ <div class="mr-3">
411
+ <p class="font-bold">النبي موسى عليه السلام</p>
412
+ <p class="text-sm text-gray-600">كليم الله</p>
413
+ </div>
414
+ </div>
415
+ <ul class="space-y-2 text-gray-700">
416
+ <li><span class="font-semibold">المنطقة:</span> مصر وسيناء</li>
417
+ <li><span class="font-semibold">اللغة الأصلية:</span> العبرية</li>
418
+ <li><span class="font-semibold">الفترة:</span> القرن 13-12 ق.م</li>
419
+ </ul>
420
+ <div class="mt-6">
421
+ <button class="w-full bg-blue-700 hover:bg-blue-800 text-white py-2.5 rounded-lg flex items-center justify-center font-medium">
422
+ <span>تعرف أكثر</span>
423
+ <i class="fas fa-info-circle ml-2"></i>
424
+ </button>
425
+ </div>
426
+ </div>
427
+ </div>
428
+ </div>
429
+ </div>
430
+ </section>
431
+
432
+ <!-- خبير ديني -->
433
+ <section class="py-16 bg-gradient-to-r from-primary to-secondary text-white">
434
+ <div class="container mx-auto px-4">
435
+ <div class="max-w-4xl mx-auto text-center">
436
+ <i class="fas fa-hands-praying text-6xl mb-6 text-accent"></i>
437
+ <h2 class="text-3xl md:text-4xl font-bold mb-6">هل لديك سؤال ديني؟</h2>
438
+ <p class="text-xl opacity-90 mb-8">اسأل خبيرنا الديني للحصول على إجابات موثوقة وفق المذاهب المعتمدة</p>
439
+ <div class="bg-white bg-opacity-20 rounded-xl p-6 backdrop-blur-sm">
440
+ <div class="flex flex-wrap gap-4 mb-4">
441
+ <button class="bg-white text-primary py-2 px-5 rounded-full font-medium">العبادات</button>
442
+ <button class="bg-white text-primary py-2 px-5 rounded-full font-medium">الفتاوى</button>
443
+ <button class="bg-white text-primary py-2 px-5 rounded-full font-medium">الأخلاق</button>
444
+ <button class="bg-white text-primary py-2 px-5 rounded-full font-medium">التاريخ الإسلامي</button>
445
+ </div>
446
+ <div class="relative">
447
+ <input type="text" placeholder="اكتب سؤالك هنا..." class="w-full py-4 px-5 pr-14 rounded-full bg-white text-gray-800 font-medium focus:outline-none">
448
+ <button class="absolute right-4 top-1/2 transform -translate-y-1/2 text-primary">
449
+ <i class="fas fa-paper-plane text-2xl"></i>
450
+ </button>
451
+ </div>
452
+ </div>
453
+ </div>
454
+ </div>
455
+ </section>
456
+
457
+ <!-- تذكرة لأعلى الصفحة -->
458
+ <div class="scroll-top">
459
+ <button onclick="topFunction()" class="w-12 h-12 rounded-full bg-accent text-primary shadow-lg flex items-center justify-center">
460
+ <i class="fas fa-arrow-up text-xl"></i>
461
+ </button>
462
+ </div>
463
+
464
+ <!-- التذييل -->
465
+ <footer class="bg-gray-900 text-gray-400 py-12">
466
+ <div class="container mx-auto px-4">
467
+ <div class="grid grid-cols-1 md:grid-cols-4 gap-8">
468
+ <div>
469
+ <div class="flex items-center space-x-3 mb-6">
470
+ <i class="fas fa-book-quran text-3xl text-accent"></i>
471
+ <div>
472
+ <h3 class="text-white text-xl font-bold">الكتاب السماوي الشامل</h3>
473
+ <p class="text-sm">جامع كلمات رب العالمين</p>
474
+ </div>
475
+ </div>
476
+ <p class="mb-4">موسوعة دينية شاملة جمعنا فيها علوم السماء لتعم الفائدة على الجميع.</p>
477
+ <div class="flex space-x-4">
478
+ <a href="#" class="text-gray-400 hover:text-white">
479
+ <i class="fab fa-facebook-f"></i>
480
+ </a>
481
+ <a href="#" class="text-gray-400 hover:text-white">
482
+ <i class="fab fa-twitter"></i>
483
+ </a>
484
+ <a href="#" class="text-gray-400 hover:text-white">
485
+ <i class="fab fa-instagram"></i>
486
+ </a>
487
+ <a href="#" class="text-gray-400 hover:text-white">
488
+ <i class="fab fa-youtube"></i>
489
+ </a>
490
+ </div>
491
+ </div>
492
+
493
+ <div>
494
+ <h4 class="text-white text-lg font-bold mb-4">أقسام الموقع</h4>
495
+ <ul class="space-y-3">
496
+ <li><a href="#" class="hover:text-white transition">القرآن الكريم</a></li>
497
+ <li><a href="#" class="hover:text-white transition">أوقات الصلاة</a></li>
498
+ <li><a href="#" class="hover:text-white transition">قصص الأنبياء</a></li>
499
+ <li><a href="#" class="hover:text-white transition">الأحاديث النبوية</a></li>
500
+ <li><a href="#" class="hover:text-white transition">التاريخ الإسلامي</a></li>
501
+ </ul>
502
+ </div>
503
+
504
+ <div>
505
+ <h4 class="text-white text-lg font-bold mb-4">روابط مفيدة</h4>
506
+ <ul class="space-y-3">
507
+ <li><a href="#" class="hover:text-white transition">مركز الفتاوى</a></li>
508
+ <li><a href="#" class="hover:text-white transition">تحفيظ القرآن</a></li>
509
+ <li><a href="#" class="hover:text-white transition">البث المباشر</a></li>
510
+ <li><a href="#" class="hover:text-white transition">التدريب الديني</a></li>
511
+ <li><a href="#" class="hover:text-white transition">المكتبة الإسلامية</a></li>
512
+ </ul>
513
+ </div>
514
+
515
+ <div>
516
+ <h4 class="text-white text-lg font-bold mb-4">اشترك في نشرتنا</h4>
517
+ <p class="mb-4">كن أول من يعلم بآخر التحديثات والمحتوى الجديد</p>
518
+ <div class="flex">
519
+ <input type="email" placeholder="بريدك الإلكتروني" class="py-2 px-3 rounded-l-lg w-full text-gray-800">
520
+ <button class="bg-accent text-primary py-2 px-4 rounded-r-lg">
521
+ <i class="fas fa-paper-plane"></i>
522
+ </button>
523
+ </div>
524
+ </div>
525
+ </div>
526
+
527
+ <div class="border-t border-gray-800 mt-10 pt-6 text-center">
528
+ <p>جميع الحقوق محفوظة © 2023 الكتاب السماوي الشامل | تم التطوير بقلب مؤمن</p>
529
+ </div>
530
+ </div>
531
+ </footer>
532
+
533
+ <script>
534
+ // Scroll to top button functionality
535
+ window.onscroll = function() {
536
+ scrollFunction();
537
+ };
538
+
539
+ function scrollFunction() {
540
+ const scrollTopBtn = document.querySelector('.scroll-top');
541
+ if (document.body.scrollTop > 500 || document.documentElement.scrollTop > 500) {
542
+ scrollTopBtn.classList.add('visible');
543
+ } else {
544
+ scrollTopBtn.classList.remove('visible');
545
+ }
546
+ }
547
+
548
+ function topFunction() {
549
+ window.scrollTo({ top: 0, behavior: 'smooth' });
550
+ }
551
+
552
+ // Add fade-in animation to elements when they come into view
553
+ const fadeElements = document.querySelectorAll('.fade-in');
554
+
555
+ const observer = new IntersectionObserver((entries) => {
556
+ entries.forEach(entry => {
557
+ if (entry.isIntersecting) {
558
+ entry.target.style.animation = 'fadeIn 1.5s ease forwards';
559
+ observer.unobserve(entry.target);
560
+ }
561
+ });
562
+ }, { threshold: 0.1 });
563
+
564
+ fadeElements.forEach(element => {
565
+ observer.observe(element);
566
+ });
567
+
568
+ // Prophet card rotation
569
+ document.querySelectorAll('.prophet-card').forEach(card => {
570
+ card.addEventListener('click', function() {
571
+ this.querySelector('.prophet-inner').classList.toggle('flipped');
572
+ });
573
+ });
574
+
575
+ // Simulate prayer times update
576
+ function updatePrayerTimes() {
577
+ const timeElements = document.querySelectorAll('.prayer-card .text-2xl');
578
+ const nextPrayer = document.querySelector('.prayer-card .bg-orange-100');
579
+
580
+ // Just a simulation - in real app you would use an API
581
+ const times = ['4:15 ص', '11:45 ص', '3:10 م', '6:05 م', '7:30 م'];
582
+ timeElements.forEach((el, index) => {
583
+ el.textContent = times[index];
584
+ });
585
+
586
+ // Highlight the next prayer
587
+ if (nextPrayer) {
588
+ nextPrayer.textContent = 'القادمة خلال 1:22 ساعة';
589
+ }
590
+ }
591
+
592
+ // Initialize prayer times
593
+ updatePrayerTimes();
594
+
595
+ // Add prayer time update every minute (simulation)
596
+ setInterval(updatePrayerTimes, 60000);
597
+ </script>
598
+ <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=kooookook1gmailcom/zero" style="color: #fff;text-decoration: underline;" target="_blank" >Remix</a></p></body>
599
+ </html>
prompts.txt ADDED
@@ -0,0 +1 @@
 
 
1
+ اريدك تسوي لي موقع كامل متكامل يخصص جميع ايام الصلاه التواريخ الذي توفى بها الانبياء يعني مثل ما تقول كتاب ديني متكامل يجمع القران ويجمع كل الكتب والسماويه النزلها رب العالمين صلى الله