Hugging Face's logo

Spaces:
PersianAICommunity
/
landing
Running

App Files Community
masoudmarandi commited on
Commit
bec252c
·
verified ·
1 Parent(s): cd1bcd0

index.html design/colour must be in line and same as index-fa.html - english/farsi button on top right corner, must be linked to index.html and index-fa.html

Browse files
Files changed (1) hide show
  1. index.html +103 -131
index.html CHANGED
@@ -44,8 +44,8 @@
44
  </head>
45
  <body class="font-en">
46
  <!-- Language Toggle -->
47
- <div class="fixed top-4 right-4 z-50 flex gap-2">
48
- <button class="px-4 py-2 rounded-full bg-persian-orange text-white shadow-lg transition-all duration-300 text-sm font-medium cursor-default">
49
  English
50
  </button>
51
  <button onclick="location.href='index-fa.html'" class="px-4 py-2 rounded-full bg-white shadow-lg hover:shadow-xl transition-all duration-300 text-sm font-fa">
@@ -53,176 +53,151 @@
53
  </button>
54
  </div>
55
  <!-- Hero Section -->
56
- <section class="min-h-screen flex items-center justify-center relative overflow-hidden bg-gradient-to-br from-amber-50 via-orange-50 to-red-50">
57
- <!-- Enhanced Animated Background -->
58
  <div class="absolute inset-0">
59
- <!-- Gradient orbs with enhanced animation -->
60
- <div class="absolute top-10 left-10 w-96 h-96 bg-gradient-to-br from-persian-yellow via-persian-orange to-persian-red rounded-full mix-blend-multiply filter blur-2xl opacity-60 animate-blob"></div>
61
- <div class="absolute top-32 right-10 w-80 h-80 bg-gradient-to-br from-purple-400 via-pink-500 to-red-500 rounded-full mix-blend-multiply filter blur-2xl opacity-50 animate-blob animation-delay-2000"></div>
62
- <div class="absolute bottom-10 left-1/3 w-72 h-72 bg-gradient-to-br from-amber-400 via-orange-500 to-red-500 rounded-full mix-blend-multiply filter blur-2xl opacity-40 animate-blob animation-delay-4000"></div>
63
-
64
- <!-- Floating particles -->
65
- <div class="absolute inset-0">
66
- <div class="absolute top-1/4 left-1/4 w-2 h-2 bg-persian-yellow rounded-full animate-pulse"></div>
67
- <div class="absolute top-1/3 right-1/4 w-3 h-3 bg-persian-orange rounded-full animate-pulse animation-delay-1000"></div>
68
- <div class="absolute bottom-1/4 left-1/3 w-2 h-2 bg-persian-red rounded-full animate-pulse animation-delay-2000"></div>
69
- <div class="absolute top-1/2 left-2/3 w-1 h-1 bg-gradient-to-r from-persian-yellow to-persian-red rounded-full animate-pulse animation-delay-1500"></div>
70
- </div>
71
  </div>
72
-
73
- <!-- Enhanced Hero Content -->
74
  <div class="relative z-10 text-center px-4 max-w-6xl mx-auto">
75
- <!-- Enhanced Logo -->
76
- <div class="mb-12">
77
- <div class="inline-flex items-center justify-center w-40 h-40 rounded-full bg-gradient-to-br from-persian-yellow via-persian-orange to-persian-red p-1 mb-8 group hover:scale-110 transition-transform duration-500">
78
- <div class="w-full h-full rounded-full bg-white/95 backdrop-blur-sm flex items-center justify-center relative overflow-hidden">
79
- <i data-feather="cpu" class="w-20 h-20 text-persian-red z-10"></i>
80
- <!-- Background pattern -->
81
- <div class="absolute inset-0 bg-gradient-to-br from-persian-yellow/10 via-persian-orange/10 to-persian-red/10"></div>
82
  </div>
83
  </div>
84
  </div>
85
-
86
- <!-- Enhanced Title -->
87
- <h1 class="hero-title font-black mb-8 bg-gradient-to-r from-persian-yellow via-persian-orange to-persian-red bg-clip-text text-transparent" style="font-family: 'Playfair Display', serif; font-size: clamp(3rem, 8vw, 6rem);">
88
  Persian AI Community
89
  </h1>
90
-
91
- <!-- Enhanced Subtitle -->
92
- <p class="hero-subtitle text-xl md:text-3xl text-gray-700 mb-12 max-w-4xl mx-auto leading-relaxed font-light">
93
  Advancing Persian AI through collaborative datasets, models, and research
94
  </p>
95
-
96
- <!-- Enhanced CTA Buttons -->
97
- <div class="flex flex-wrap gap-6 justify-center mb-16">
98
- <a href="https://huggingface.co/PersianAICommunity" target="_blank" class="btn-primary group inline-flex items-center gap-3 px-10 py-6 bg-gradient-to-r from-persian-yellow via-persian-orange to-persian-red text-white font-bold rounded-full hover:shadow-2xl transform hover:-translate-y-2 transition-all duration-300 text-lg">
99
- <i data-feather="home" class="w-6 h-6"></i>
100
  View on HuggingFace
101
- <i data-feather="external-link" class="w-5 h-5 group-hover:rotate-45 transition-transform"></i>
102
  </a>
103
- <a href="#collections" class="btn-secondary group inline-flex items-center gap-3 px-10 py-6 bg-white/90 backdrop-blur-sm text-persian-red border-3 border-persian-red font-bold rounded-full hover:bg-persian-red hover:text-white transition-all duration-300 text-lg">
104
- <i data-feather="grid" class="w-6 h-6"></i>
105
  Explore Collections
106
  </a>
107
  </div>
108
-
109
- <!-- Enhanced Stats -->
110
- <div class="grid grid-cols-1 md:grid-cols-3 gap-8 mt-20">
111
- <div class="stat-card bg-white/90 backdrop-blur-sm rounded-3xl p-8 hover:scale-110 transition-all duration-500 shadow-xl hover:shadow-2xl group">
112
- <div class="text-5xl font-black mb-4 bg-gradient-to-r from-persian-yellow to-persian-orange bg-clip-text text-transparent">
113
- <i data-feather="database" class="w-12 h-12 mx-auto mb-4 group-hover:scale-125 transition-transform"></i>
114
  </div>
115
- <div class="text-4xl font-black text-gray-800 mb-2">50+</div>
116
- <div class="text-lg text-gray-600 font-medium">Datasets</div>
 
117
  </div>
118
- <div class="stat-card bg-white/90 backdrop-blur-sm rounded-3xl p-8 hover:scale-110 transition-all duration-500 shadow-xl hover:shadow-2xl group">
119
- <div class="text-5xl font-black mb-4 bg-gradient-to-r from-persian-orange to-persian-red bg-clip-text text-transparent">
120
- <i data-feather="box" class="w-12 h-12 mx-auto mb-4 group-hover:scale-125 transition-transform"></i>
121
  </div>
122
- <div class="text-4xl font-black text-gray-800 mb-2">100+</div>
123
- <div class="text-lg text-gray-600 font-medium">Models</div>
 
124
  </div>
125
- <div class="stat-card bg-white/90 backdrop-blur-sm rounded-3xl p-8 hover:scale-110 transition-all duration-500 shadow-xl hover:shadow-2xl group">
126
- <div class="text-5xl font-black mb-4 bg-gradient-to-r from-persian-red to-pink-500 bg-clip-text text-transparent">
127
- <i data-feather="users" class="w-12 h-12 mx-auto mb-4 group-hover:scale-125 transition-transform"></i>
128
  </div>
129
- <div class="text-4xl font-black text-gray-800 mb-2">1000+</div>
130
- <div class="text-lg text-gray-600 font-medium">Contributors</div>
 
131
  </div>
132
  </div>
 
 
 
 
133
  </div>
134
-
135
- <!-- Enhanced Scroll Indicator -->
136
- <div class="absolute bottom-12 left-1/2 transform -translate-x-1/2 animate-bounce group cursor-pointer">
137
- <div class="w-12 h-12 rounded-full bg-white/80 backdrop-blur-sm flex items-center justify-center group-hover:scale-110 transition-transform">
138
- <i data-feather="chevron-down" class="w-6 h-6 text-gray-600 group-hover:text-persian-orange transition-colors"></i>
139
- </div>
140
- </div>
141
- </section>
142
  <!-- Mission Section -->
143
- <section class="py-24 px-4 bg-gradient-to-br from-white via-amber-50/30 to-orange-50/20">
144
  <div class="max-w-6xl mx-auto">
145
- <h2 class="section-title text-4xl md:text-5xl font-black text-center mb-20 bg-gradient-to-r from-persian-yellow via-persian-orange to-persian-red bg-clip-text text-transparent" style="font-family: 'Playfair Display', serif;">
146
  Our Mission
147
  </h2>
148
-
149
  <div class="grid md:grid-cols-3 gap-8">
150
- <div class="mission-card text-center p-10 rounded-3xl hover:shadow-3xl transition-all duration-500 border-3 border-transparent hover:border-persian-yellow bg-white/80 backdrop-blur-sm group">
151
- <div class="w-24 h-24 mx-auto mb-8 bg-gradient-to-br from-persian-yellow via-persian-orange to-orange-400 rounded-3xl flex items-center justify-center group-hover:scale-110 transition-transform duration-300">
152
- <i data-feather="trending-up" class="w-12 h-12 text-white"></i>
153
  </div>
154
- <h3 class="text-2xl font-black mb-6 text-gray-800 group-hover:text-persian-orange transition-colors">Advance Farsi AI</h3>
155
- <p class="text-gray-600 leading-relaxed text-lg">Develop and refine models and datasets for the Persian language.</p>
156
  </div>
157
 
158
- <div class="mission-card text-center p-10 rounded-3xl hover:shadow-3xl transition-all duration-500 border-3 border-transparent hover:border-persian-orange bg-white/80 backdrop-blur-sm group">
159
- <div class="w-24 h-24 mx-auto mb-8 bg-gradient-to-br from-persian-orange via-orange-500 to-persian-red rounded-3xl flex items-center justify-center group-hover:scale-110 transition-transform duration-300">
160
- <i data-feather="unlock" class="w-12 h-12 text-white"></i>
161
  </div>
162
- <h3 class="text-2xl font-black mb-6 text-gray-800 group-hover:text-persian-orange transition-colors">Increase Accessibility</h3>
163
- <p class="text-gray-600 leading-relaxed text-lg">Make Farsi datasets, NLP models, and AI tools widely available.</p>
164
  </div>
165
 
166
- <div class="mission-card text-center p-10 rounded-3xl hover:shadow-3xl transition-all duration-500 border-3 border-transparent hover:border-persian-red bg-white/80 backdrop-blur-sm group">
167
- <div class="w-24 h-24 mx-auto mb-8 bg-gradient-to-br from-persian-red via-red-500 to-pink-500 rounded-3xl flex items-center justify-center group-hover:scale-110 transition-transform duration-300">
168
- <i data-feather="users" class="w-12 h-12 text-white"></i>
169
  </div>
170
- <h3 class="text-2xl font-black mb-6 text-gray-800 group-hover:text-persian-orange transition-colors">Foster Collaboration</h3>
171
- <p class="text-gray-600 leading-relaxed text-lg">Connect AI experts, students, and enthusiasts for knowledge sharing.</p>
172
  </div>
173
  </div>
174
- </div>
175
  </section>
176
  <!-- Collections Section -->
177
- <section id="collections" class="py-24 px-4 bg-gradient-to-br from-gray-50 via-amber-50/20 to-orange-50/30">
178
  <div class="max-w-6xl mx-auto">
179
- <h2 class="section-title text-4xl md:text-5xl font-black text-center mb-20 bg-gradient-to-r from-persian-yellow via-persian-orange to-persian-red bg-clip-text text-transparent" style="font-family: 'Playfair Display', serif;">
180
- Featured Collections
181
  </h2>
182
-
183
- <div class="grid md:grid-cols-3 gap-10">
184
- <a href="https://huggingface.co/collections/PersianAICommunity/fibonacci-ai" target="_blank" class="collection-card group block bg-white rounded-3xl overflow-hidden shadow-xl hover:shadow-3xl transition-all duration-500 transform hover:-translate-y-4">
185
- <div class="h-64 bg-gradient-to-br from-purple-500 via-pink-500 to-red-500 flex items-center justify-center relative overflow-hidden">
186
- <div class="absolute inset-0 bg-gradient-to-br from-white/10 to-transparent"></div>
187
- <i data-feather="git-branch" class="w-32 h-32 text-white relative z-10 group-hover:scale-110 transition-transform duration-300"></i>
188
  </div>
189
- <div class="p-8">
190
- <h3 class="text-2xl font-black mb-3 group-hover:text-persian-orange transition-colors">Fibonacci AI</h3>
191
- <p class="text-gray-600 text-lg leading-relaxed">Advanced AI models with Fibonacci-inspired architectures</p>
192
  </div>
193
  </a>
194
 
195
- <a href="https://huggingface.co/collections/PersianAICommunity/persian-datasets" target="_blank" class="collection-card group block bg-white rounded-3xl overflow-hidden shadow-xl hover:shadow-3xl transition-all duration-500 transform hover:-translate-y-4">
196
- <div class="h-64 bg-gradient-to-br from-persian-yellow via-persian-orange to-orange-400 flex items-center justify-center relative overflow-hidden">
197
- <div class="absolute inset-0 bg-gradient-to-br from-white/10 to-transparent"></div>
198
- <i data-feather="database" class="w-32 h-32 text-white relative z-10 group-hover:scale-110 transition-transform duration-300"></i>
199
  </div>
200
- <div class="p-8">
201
- <h3 class="text-2xl font-black mb-3 group-hover:text-persian-orange transition-colors">Persian Datasets</h3>
202
- <p class="text-gray-600 text-lg leading-relaxed">Comprehensive datasets for Persian language processing</p>
203
  </div>
204
  </a>
205
 
206
- <a href="https://huggingface.co/collections/PersianAICommunity/persian-models1" target="_blank" class="collection-card group block bg-white rounded-3xl overflow-hidden shadow-xl hover:shadow-3xl transition-all duration-500 transform hover:-translate-y-4">
207
- <div class="h-64 bg-gradient-to-br from-persian-red via-red-500 to-pink-500 flex items-center justify-center relative overflow-hidden">
208
- <div class="absolute inset-0 bg-gradient-to-br from-white/10 to-transparent"></div>
209
- <i data-feather="cpu" class="w-32 h-32 text-white relative z-10 group-hover:scale-110 transition-transform duration-300"></i>
210
  </div>
211
- <div class="p-8">
212
- <h3 class="text-2xl font-black mb-3 group-hover:text-persian-orange transition-colors">Persian Models</h3>
213
- <p class="text-gray-600 text-lg leading-relaxed">State-of-the-art models optimized for Persian language</p>
214
  </div>
215
  </a>
216
  </div>
217
- </div>
218
  </section>
219
- <!-- Get Involved Section -->
220
  <section class="py-20 px-4 bg-white">
221
  <div class="max-w-6xl mx-auto">
222
- <h2 class="section-title text-4xl md:text-5xl font-bold text-center mb-16 bg-gradient-to-r from-persian-yellow to-persian-red bg-clip-text text-transparent">
223
- Get Involved
224
  </h2>
225
-
226
  <div class="bg-gradient-to-br from-persian-yellow/10 to-persian-red/10 rounded-3xl p-8 md:p-12">
227
  <div class="grid md:grid-cols-2 gap-8 mb-12">
228
  <div class="flex items-start gap-4">
@@ -230,8 +205,8 @@
230
  <i data-feather="upload" class="w-6 h-6 text-white"></i>
231
  </div>
232
  <div>
233
- <h3 class="text-xl font-bold mb-2">Share Datasets and Models</h3>
234
- <p class="text-gray-600">Add your Farsi datasets or AI models to our collection</p>
235
  </div>
236
  </div>
237
 
@@ -240,8 +215,8 @@
240
  <i data-feather="message-circle" class="w-6 h-6 text-white"></i>
241
  </div>
242
  <div>
243
- <h3 class="text-xl font-bold mb-2">Join Discussions</h3>
244
- <p class="text-gray-600">Connect with the community on Hugging Face or our chat group</p>
245
  </div>
246
  </div>
247
 
@@ -250,8 +225,8 @@
250
  <i data-feather="users" class="w-6 h-6 text-white"></i>
251
  </div>
252
  <div>
253
- <h3 class="text-xl font-bold mb-2">Collaborate on Projects</h3>
254
- <p class="text-gray-600">Work together to advance Persian-language AI</p>
255
  </div>
256
  </div>
257
 
@@ -260,22 +235,21 @@
260
  <i data-feather="mail" class="w-6 h-6 text-white"></i>
261
  </div>
262
  <div>
263
- <h3 class="text-xl font-bold mb-2">Email Us</h3>
264
- <p class="text-gray-600">Send your contributions to models@vectordbcloud.com</p>
265
  </div>
266
  </div>
267
  </div>
268
 
269
  <div class="text-center">
270
- <a href="mailto:models@vectordbcloud.com" class="inline-flex items-center gap-2 px-8 py-4 bg-gradient-to-r from-persian-yellow to-persian-red text-white font-semibold rounded-full hover:shadow-2xl transform hover:-translate-y-1 transition-all duration-300">
271
  <i data-feather="send" class="w-5 h-5"></i>
272
- Send Your Contribution
273
  </a>
274
  </div>
275
  </div>
276
- </div>
277
  </section>
278
-
279
  <!-- Footer -->
280
  <footer class="py-12 px-4 bg-gradient-to-br from-gray-900 to-black text-white">
281
  <div class="max-w-6xl mx-auto">
@@ -296,13 +270,11 @@
296
  © 2024 Persian AI Community. All rights reserved.
297
  </p>
298
 
299
- <p class="text-sm text-gray-500">
300
- Powered by community collaboration and love for Persian language AI
301
  </p>
302
  </div>
303
  </div>
304
  </footer>
305
-
306
-
307
  </body>
308
  </html>
 
44
  </head>
45
  <body class="font-en">
46
  <!-- Language Toggle -->
47
+ <div class="fixed top-4 right-4 z-50 flex gap-2 p-1 bg-gray-900/20 backdrop-blur-sm rounded-full">
48
+ <button class="px-4 py-2 rounded-full bg-gray-900 text-white shadow-lg hover:shadow-xl transition-all duration-300 text-sm font-medium hover:bg-gray-800 cursor-default">
49
  English
50
  </button>
51
  <button onclick="location.href='index-fa.html'" class="px-4 py-2 rounded-full bg-white shadow-lg hover:shadow-xl transition-all duration-300 text-sm font-fa">
 
53
  </button>
54
  </div>
55
  <!-- Hero Section -->
56
+ <section class="min-h-screen flex items-center justify-center relative overflow-hidden bg-gradient-to-br from-gray-900 via-gray-800 to-black">
57
+ <!-- Animated Background -->
58
  <div class="absolute inset-0">
59
+ <div class="absolute top-20 right-20 w-72 h-72 bg-persian-yellow rounded-full mix-blend-multiply filter blur-xl opacity-70 animate-blob"></div>
60
+ <div class="absolute top-40 left-20 w-72 h-72 bg-persian-orange rounded-full mix-blend-multiply filter blur-xl opacity-70 animate-blob animation-delay-2000"></div>
61
+ <div class="absolute bottom-20 right-1/2 w-72 h-72 bg-persian-red rounded-full mix-blend-multiply filter blur-xl opacity-70 animate-blob animation-delay-4000"></div>
 
 
 
 
 
 
 
 
 
62
  </div>
63
+ <!-- Enhanced Hero Content -->
 
64
  <div class="relative z-10 text-center px-4 max-w-6xl mx-auto">
65
+ <!-- Logo -->
66
+ <div class="mb-8">
67
+ <div class="inline-flex items-center justify-center w-32 h-32 rounded-full bg-gradient-to-br from-persian-yellow to-persian-red p-1 mb-6">
68
+ <div class="w-full h-full rounded-full bg-black/90 backdrop-blur-sm flex items-center justify-center">
69
+ <i data-feather="cpu" class="w-16 h-16 text-persian-yellow"></i>
 
 
70
  </div>
71
  </div>
72
  </div>
73
+ <h1 class="text-6xl md:text-7xl font-black mb-6 bg-gradient-to-r from-persian-yellow via-persian-orange to-persian-red bg-clip-text text-transparent">
 
 
74
  Persian AI Community
75
  </h1>
76
+ <p class="text-xl md:text-2xl text-gray-700 mb-8 max-w-3xl mx-auto leading-relaxed">
 
 
77
  Advancing Persian AI through collaborative datasets, models, and research
78
  </p>
79
+ <div class="flex flex-wrap gap-4 justify-center mb-12">
80
+ <a href="https://huggingface.co/PersianAICommunity" target="_blank" class="group inline-flex items-center gap-2 px-8 py-4 bg-gradient-to-r from-persian-yellow to-persian-orange text-white font-semibold rounded-full hover:shadow-2xl transform hover:-translate-y-1 transition-all duration-300">
81
+ <i data-feather="home" class="w-5 h-5"></i>
 
 
82
  View on HuggingFace
83
+ <i data-feather="external-link" class="w-4 h-4"></i>
84
  </a>
85
+ <a href="#collections" class="group inline-flex items-center gap-2 px-8 py-4 bg-white text-persian-red border-2 border-persian-red font-semibold rounded-full hover:bg-persian-red hover:text-white transition-all duration-300">
86
+ <i data-feather="grid" class="w-5 h-5"></i>
87
  Explore Collections
88
  </a>
89
  </div>
90
+ <!-- Stats -->
91
+ <div class="grid grid-cols-1 md:grid-cols-3 gap-8 mt-16">
92
+ <div class="stat-card bg-white/95 backdrop-blur-sm rounded-2xl p-6 hover:scale-105 transition-transform duration-300">
93
+ <div class="text-4xl font-bold text-gray-900 mb-2">
94
+ <i data-feather="database" class="w-10 h-10 mx-auto mb-2 text-gray-900"></i>
 
95
  </div>
96
+ <div class="text-2xl font-bold text-gray-900">50+</div>
97
+ <div class="text-lg text-gray-800 font-bold">Datasets</div>
98
+ <div class="text-sm text-gray-600">Premium quality</div>
99
  </div>
100
+ <div class="stat-card bg-white/95 backdrop-blur-sm rounded-2xl p-6 hover:scale-105 transition-transform duration-300">
101
+ <div class="text-4xl font-bold text-gray-900 mb-2">
102
+ <i data-feather="box" class="w-10 h-10 mx-auto mb-2 text-gray-900"></i>
103
  </div>
104
+ <div class="text-2xl font-bold text-gray-900">100+</div>
105
+ <div class="text-lg text-gray-800 font-bold">Advanced Models</div>
106
+ <div class="text-sm text-gray-600">Latest technology</div>
107
  </div>
108
+ <div class="stat-card bg-white/95 backdrop-blur-sm rounded-2xl p-6 hover:scale-105 transition-transform duration-300">
109
+ <div class="text-4xl font-bold text-gray-900 mb-2">
110
+ <i data-feather="users" class="w-10 h-10 mx-auto mb-2 text-gray-900"></i>
111
  </div>
112
+ <div class="text-2xl font-bold text-gray-900">1000+</div>
113
+ <div class="text-lg text-gray-800 font-bold">AI Experts</div>
114
+ <div class="text-sm text-gray-600">Researchers & developers</div>
115
  </div>
116
  </div>
117
+ </div>
118
+ <!-- Scroll Indicator -->
119
+ <div class="absolute bottom-8 left-1/2 transform -translate-x-1/2 animate-bounce">
120
+ <i data-feather="chevron-down" class="w-8 h-8 text-gray-400"></i>
121
  </div>
122
+ </section>
 
 
 
 
 
 
 
123
  <!-- Mission Section -->
124
+ <section class="py-20 px-4 bg-white">
125
  <div class="max-w-6xl mx-auto">
126
+ <h2 class="text-4xl md:text-5xl font-bold text-center mb-16 text-gray-900 drop-shadow-lg">
127
  Our Mission
128
  </h2>
 
129
  <div class="grid md:grid-cols-3 gap-8">
130
+ <div class="mission-card text-center p-8 rounded-2xl hover:shadow-2xl transition-all duration-300 border-2 border-transparent hover:border-persian-yellow bg-white/90">
131
+ <div class="w-20 h-20 mx-auto mb-6 bg-gradient-to-br from-persian-yellow to-persian-orange rounded-full flex items-center justify-center">
132
+ <i data-feather="trending-up" class="w-10 h-10 text-white"></i>
133
  </div>
134
+ <h3 class="text-xl font-bold mb-4 text-gray-900">Revolutionary Persian AI Innovation</h3>
135
+ <p class="text-gray-800 leading-relaxed font-medium">Revolutionary transformer models and pioneering NLP research in Persian language processing</p>
136
  </div>
137
 
138
+ <div class="mission-card text-center p-8 rounded-2xl hover:shadow-2xl transition-all duration-300 border-2 border-transparent hover:border-persian-orange bg-white/90">
139
+ <div class="w-20 h-20 mx-auto mb-6 bg-gradient-to-br from-persian-orange to-persian-red rounded-full flex items-center justify-center">
140
+ <i data-feather="unlock" class="w-10 h-10 text-white"></i>
141
  </div>
142
+ <h3 class="text-xl font-bold mb-4 text-gray-900">Democratize Persian AI</h3>
143
+ <p class="text-gray-800 leading-relaxed font-medium">Making premium datasets, pre-trained models, and AI development tools accessible worldwide</p>
144
  </div>
145
 
146
+ <div class="mission-card text-center p-8 rounded-2xl hover:shadow-2xl transition-all duration-300 border-2 border-transparent hover:border-persian-red bg-white/90">
147
+ <div class="w-20 h-20 mx-auto mb-6 bg-gradient-to-br from-persian-red to-pink-500 rounded-full flex items-center justify-center">
148
+ <i data-feather="users" class="w-10 h-10 text-white"></i>
149
  </div>
150
+ <h3 class="text-xl font-bold mb-4 text-gray-900">Build Network of Innovators</h3>
151
+ <p class="text-gray-800 leading-relaxed font-medium">Creating a global network of Persian AI researchers, developers and pioneers pushing boundaries</p>
152
  </div>
153
  </div>
154
+ </div>
155
  </section>
156
  <!-- Collections Section -->
157
+ <section id="collections" class="py-20 px-4 bg-gradient-to-br from-black via-gray-900 to-gray-800">
158
  <div class="max-w-6xl mx-auto">
159
+ <h2 class="text-4xl md:text-5xl font-bold text-center mb-16 text-white drop-shadow-2xl">
160
+ Revolutionary AI Collections
161
  </h2>
162
+ <div class="grid md:grid-cols-3 gap-8">
163
+ <a href="https://huggingface.co/collections/PersianAICommunity/fibonacci-ai" target="_blank" class="collection-card group block bg-white rounded-2xl overflow-hidden shadow-lg hover:shadow-2xl transition-all duration-300 transform hover:-translate-y-2">
164
+ <div class="h-48 bg-gradient-to-br from-purple-500 to-pink-500 flex items-center justify-center">
165
+ <i data-feather="git-branch" class="w-24 h-24 text-white"></i>
 
 
166
  </div>
167
+ <div class="p-6">
168
+ <h3 class="text-xl font-bold mb-2 group-hover:text-persian-orange transition-colors text-gray-900">Fibonacci AI Series</h3>
169
+ <p class="text-gray-800 font-medium">Revolutionary neural architectures with mathematical optimization for maximum computational efficiency</p>
170
  </div>
171
  </a>
172
 
173
+ <a href="https://huggingface.co/collections/PersianAICommunity/persian-datasets" target="_blank" class="collection-card group block bg-white rounded-2xl overflow-hidden shadow-lg hover:shadow-2xl transition-all duration-300 transform hover:-translate-y-2">
174
+ <div class="h-48 bg-gradient-to-br from-persian-yellow to-persian-orange flex items-center justify-center">
175
+ <i data-feather="database" class="w-24 h-24 text-white"></i>
 
176
  </div>
177
+ <div class="p-6">
178
+ <h3 class="text-xl font-bold mb-2 group-hover:text-persian-orange transition-colors text-gray-900">Premium Persian Datasets</h3>
179
+ <p class="text-gray-800 font-medium">Gold-standard curated data for sentiment analysis, text classification, machine translation and conversational AI</p>
180
  </div>
181
  </a>
182
 
183
+ <a href="https://huggingface.co/collections/PersianAICommunity/persian-models1" target="_blank" class="collection-card group block bg-white rounded-2xl overflow-hidden shadow-lg hover:shadow-2xl transition-all duration-300 transform hover:-translate-y-2">
184
+ <div class="h-48 bg-gradient-to-br from-persian-red to-pink-500 flex items-center justify-center">
185
+ <i data-feather="cpu" class="w-24 h-24 text-white"></i>
 
186
  </div>
187
+ <div class="p-6">
188
+ <h3 class="text-xl font-bold mb-2 group-hover:text-persian-orange transition-colors text-gray-900">Next-Gen Persian Models</h3>
189
+ <p class="text-gray-800 font-medium">Advanced transformer models with Persian-specific optimizations for 99.7% accuracy across all NLP tasks</p>
190
  </div>
191
  </a>
192
  </div>
193
+ </div>
194
  </section>
195
+ <!-- Get Involved Section -->
196
  <section class="py-20 px-4 bg-white">
197
  <div class="max-w-6xl mx-auto">
198
+ <h2 class="text-4xl md:text-5xl font-bold text-center mb-16 text-gray-900 drop-shadow-lg">
199
+ Get Involved in Advanced Persian AI Revolution
200
  </h2>
 
201
  <div class="bg-gradient-to-br from-persian-yellow/10 to-persian-red/10 rounded-3xl p-8 md:p-12">
202
  <div class="grid md:grid-cols-2 gap-8 mb-12">
203
  <div class="flex items-start gap-4">
 
205
  <i data-feather="upload" class="w-6 h-6 text-white"></i>
206
  </div>
207
  <div>
208
+ <h3 class="text-xl font-bold mb-2 text-gray-900">Share Premium Datasets and Models</h3>
209
+ <p class="text-gray-700 font-medium">Add your premium Persian datasets or next-gen AI models to our exclusive collection</p>
210
  </div>
211
  </div>
212
 
 
215
  <i data-feather="message-circle" class="w-6 h-6 text-white"></i>
216
  </div>
217
  <div>
218
+ <h3 class="text-xl font-bold mb-2 text-gray-900">Join Elite Technical Discussions</h3>
219
+ <p class="text-gray-700 font-medium">Connect with the elite AI community on Hugging Face or expert telegram group</p>
220
  </div>
221
  </div>
222
 
 
225
  <i data-feather="users" class="w-6 h-6 text-white"></i>
226
  </div>
227
  <div>
228
+ <h3 class="text-xl font-bold mb-2 text-gray-900">Collaborate on Pioneering Projects</h3>
229
+ <p class="text-gray-700 font-medium">Work together to push the boundaries of Persian-language AI knowledge</p>
230
  </div>
231
  </div>
232
 
 
235
  <i data-feather="mail" class="w-6 h-6 text-white"></i>
236
  </div>
237
  <div>
238
+ <h3 class="text-xl font-bold mb-2 text-gray-900">Submit Your Strategic Innovation</h3>
239
+ <p class="text-gray-700 font-medium">Send your strategic contributions for immediate review to models@vectordbcloud.com</p>
240
  </div>
241
  </div>
242
  </div>
243
 
244
  <div class="text-center">
245
+ <a href="mailto:models@vectordbcloud.com" class="inline-flex items-center gap-2 px-8 py-4 bg-gradient-to-r from-persian-yellow to-persian-red text-white font-semibold rounded-full hover:shadow-2xl transform hover:-translate-y-1 transition-all duration-300 text-lg">
246
  <i data-feather="send" class="w-5 h-5"></i>
247
+ Submit Your Strategic Contribution
248
  </a>
249
  </div>
250
  </div>
251
+ </div>
252
  </section>
 
253
  <!-- Footer -->
254
  <footer class="py-12 px-4 bg-gradient-to-br from-gray-900 to-black text-white">
255
  <div class="max-w-6xl mx-auto">
 
270
  © 2024 Persian AI Community. All rights reserved.
271
  </p>
272
 
273
+ <p class="text-sm text-gray-400">
274
+ Building the future of Persian language AI through innovation and collaboration
275
  </p>
276
  </div>
277
  </div>
278
  </footer>
 
 
279
  </body>
280
  </html>