Hugging Face's logo

Spaces:
PersianAICommunity
/
landing
Running

App Files Community
masoudmarandi commited on
Commit
64d1a05
·
verified ·
1 Parent(s): faa3da4

create a modern landing page one in persian (persian lang, rtl, ttf fonts) one in english, both linked via language toggle: <!DOCTYPE html>

Browse files

<html lang="en" dir="ltr">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Persian AI Community | جامعه هوش مصنوعی فارسی</title>
<meta name="description" content="Advancing Persian AI through collaborative datasets, models, and research">

<!-- Fonts -->
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&family=Vazirmatn:wght@300;400;500;600;700;800;900&display=swap" rel="stylesheet">

<!-- Tailwind -->
<script src="https://cdn.tailwindcss.com"></script>

<!-- Feather Icons -->
<script src="https://cdn.jsdelivr.net/npm/feather-icons/dist/feather.min.js"></script>
<script src="https://unpkg.com/feather-icons"></script>

<!-- Custom Styles -->
<link rel="stylesheet" href="style.css">

<!-- Tailwind Config -->
<script>
tailwind.config = {
theme: {
extend: {
fontFamily: {
'en': ['Inter', 'sans-serif'],
'fa': ['Vazirmatn', 'sans-serif'],
},
colors: {
'persian-yellow': '#FCD34D',
'persian-orange': '#FB923C',
'persian-red': '#EF4444',
}
}
}
}
</script>
</head>
<body class="font-en">
<!-- Language Toggle -->
<div class="fixed top-4 right-4 z-50 flex gap-2">
<button onclick="setLanguage('en')" class="lang-btn px-4 py-2 rounded-full bg-white shadow-lg hover:shadow-xl transition-all duration-300 text-sm font-medium" data-lang="en">
English
</button>
<button onclick="setLanguage('fa')" class="lang-btn px-4 py-2 rounded-full bg-white shadow-lg hover:shadow-xl transition-all duration-300 text-sm font-fa" data-lang="fa">
فارسی
</button>
</div>
<!-- Hero Section -->
<section class="min-h-screen flex items-center justify-center relative overflow-hidden bg-gradient-to-br from-yellow-50 via-orange-50 to-red-50">
<!-- Animated Background -->
<div class="absolute inset-0">
<div class="absolute top-20 left-20 w-72 h-72 bg-persian-yellow rounded-full mix-blend-multiply filter blur-xl opacity-70 animate-blob"></div>
<div class="absolute top-40 right-20 w-72 h-72 bg-persian-orange rounded-full mix-blend-multiply filter blur-xl opacity-70 animate-blob animation-delay-2000"></div>
<div class="absolute bottom-20 left-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>
</div>

<!-- Hero Content -->
<div class="relative z-10 text-center px-4 max-w-5xl mx-auto">
<div class="mb-8">
<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">
<div class="w-full h-full rounded-full bg-white flex items-center justify-center">
<i data-feather="cpu" class="w-16 h-16 text-persian-red"></i>
</div>
</div>
</div>

<h1 class="hero-title text-6xl md:text-7xl font-bold mb-6 bg-gradient-to-r from-persian-yellow via-persian-orange to-persian-red bg-clip-text text-transparent">
<span class="en-title">Persian AI Community</span>
<span class="fa-title hidden font-fa">جامعه هوش مصنوعی فارسی</span>
</h1>

<p class="hero-subtitle text-xl md:text-2xl text-gray-700 mb-8 max-w-3xl mx-auto leading-relaxed">
<span class="en-subtitle">
Advancing Persian AI through collaborative datasets, models, and research
</span>
<span class="fa-subtitle hidden font-fa">
پیشبرد هوش مصنوعی فارسی از طریق مجموعه داده‌ها، مدل‌ها و تحقیقات مشترک
</span>
</p>

<div class="flex flex-wrap gap-4 justify-center mb-12">
<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">
<i data-feather="home" class="w-5 h-5"></i>
<span class="en-text">View on HuggingFace</span>
<span class="fa-text hidden font-fa">مشاهده در HuggingFace</span>
<i data-feather="external-link" class="w-4 h-4"></i>
</a>
<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">
<i data-feather="grid" class="w-5 h-5"></i>
<span class="en-text">Explore Collections</span>
<span class="fa-text hidden font-fa">کاوش مجموعه‌ها</span>
</a>
</div>

<!-- Stats -->
<div class="grid grid-cols-1 md:grid-cols-3 gap-8 mt-16">
<div class="stat-card bg-white/80 backdrop-blur-sm rounded-2xl p-6 hover:scale-105 transition-transform duration-300">
<div class="text-4xl font-bold text-persian-orange mb-2">
<i data-feather="database" class="w-10 h-10 mx-auto mb-2"></i>
</div>
<div class="text-2xl font-bold text-gray-800">50+</div>
<div class="en-text text-gray-600">Datasets</div>
<div class="fa-text hidden font-fa text-gray-600">مجموعه داده</div>
</div>
<div class="stat-card bg-white/80 backdrop-blur-sm rounded-2xl p-6 hover:scale-105 transition-transform duration-300">
<div class="text-4xl font-bold text-persian-red mb-2">
<i data-feather="box" class="w-10 h-10 mx-auto mb-2"></i>
</div>
<div class="text-2xl font-bold text-gray-800">100+</div>
<div class="en-text text-gray-600">Models</div>
<div class="fa-text hidden font-fa text-gray-600">مدل‌ها</div>
</div>
<div class="stat-card bg-white/80 backdrop-blur-sm rounded-2xl p-6 hover:scale-105 transition-transform duration-300">
<div class="text-4xl font-bold text-persian-yellow mb-2">
<i data-feather="users" class="w-10 h-10 mx-auto mb-2"></i>
</div>
<div class="text-2xl font-bold text-gray-800">1000+</div>
<div class="en-text text-gray-600">Contributors</div>
<div class="fa-text hidden font-fa text-gray-600">مشارکت‌کنندگان</div>
</div>
</div>
</div>

<!-- Scroll Indicator -->
<div class="absolute bottom-8 left-1/2 transform -translate-x-1/2 animate-bounce">
<i data-feather="chevron-down" class="w-8 h-8 text-gray-400"></i>
</div>
</section>

<!-- Mission Section -->
<section class="py-20 px-4 bg-white">
<div class="max-w-6xl mx-auto">
<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">
<span class="en-text">Our Mission</span>
<span class="fa-text hidden font-fa">مأموریت ما</span>
</h2>

<div class="grid md:grid-cols-3 gap-8">
<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">
<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">
<i data-feather="trending-up" class="w-10 h-10 text-white"></i>
</div>
<h3 class="en-text text-xl font-bold mb-4">Advance Farsi AI</h3>
<h3 class="fa-text hidden font-fa text-xl font-bold mb-4">پیشبرد هوش مصنوعی فارسی</h3>
<p class="en-text text-gray-600 leading-relaxed">Develop and refine models and datasets for the Persian language.</p>
<p class="fa-text hidden font-fa text-gray-600 leading-relaxed">توسعه و بهبود مدل‌ها و مجموعه داده‌ها برای زبان فارسی.</p>
</div>

<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">
<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">
<i data-feather="unlock" class="w-10 h-10 text-white"></i>
</div>
<h3 class="en-text text-xl font-bold mb-4">Increase Accessibility</h3>
<h3 class="fa-text hidden font-fa text-xl font-bold mb-4">افزایش دسترسی</h3>
<p class="en-text text-gray-600 leading-relaxed">Make Farsi datasets, NLP models, and AI tools widely available.</p>
<p class="fa-text hidden font-fa text-gray-600 leading-relaxed">د

Files changed (3) hide show
  1. README.md +8 -5
  2. index-fa.html +292 -0
  3. index.html +292 -19
README.md CHANGED
@@ -1,10 +1,13 @@
1
  ---
2
- title: Persiaai Twin Hub
3
- emoji: 📉
4
- colorFrom: gray
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: PersiaAI Twin Hub 🚀
3
+ colorFrom: pink
4
+ colorTo: pink
5
+ emoji: 🐳
6
  sdk: static
7
  pinned: false
8
+ tags:
9
+ - deepsite-v3
10
  ---
11
 
12
+ # Welcome to your new DeepSite project!
13
+ This project was created with [DeepSite](https://huggingface.co/deepsite).
index-fa.html ADDED
@@ -0,0 +1,292 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ <!DOCTYPE html>
2
+ <html lang="fa" dir="rtl">
3
+ <head>
4
+ <meta charset="UTF-8">
5
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
6
+ <title>جامعه هوش مصنوعی فارسی | Persian AI Community</title>
7
+ <meta name="description" content="پیشبرد هوش مصنوعی فارسی با مجموعه داده‌ها، مدل‌ها و تحقیقات مشترک">
8
+
9
+ <!-- TTF Persian Fonts -->
10
+ <link rel="preconnect" href="https://cdn.jsdelivr.net">
11
+ <link href="https://cdn.jsdelivr.net/gh/rastikerdar/[email protected]/Vazirmatn-font-face.css" rel="stylesheet" />
12
+ <link href="https://cdn.jsdelivr.net/gh/rastikerdar/[email protected]/Samim-font-face.css" rel="stylesheet" />
13
+
14
+ <!-- Tailwind -->
15
+ <script src="https://cdn.tailwindcss.com"></script>
16
+
17
+ <!-- Feather Icons -->
18
+ <script src="https://cdn.jsdelivr.net/npm/feather-icons/dist/feather.min.js"></script>
19
+ <script src="https://unpkg.com/feather-icons"></script>
20
+
21
+ <!-- Custom Styles -->
22
+ <link rel="stylesheet" href="style.css">
23
+
24
+ <!-- Tailwind Config -->
25
+ <script>
26
+ tailwind.config = {
27
+ theme: {
28
+ extend: {
29
+ fontFamily: {
30
+ 'en': ['Inter', 'sans-serif'],
31
+ 'fa': ['Vazirmatn', 'sans-serif'],
32
+ },
33
+ colors: {
34
+ 'persian-yellow': '#FCD34D',
35
+ 'persian-orange': '#FB923C',
36
+ 'persian-red': '#EF4444',
37
+ }
38
+ }
39
+ }
40
+ }
41
+ </script>
42
+ </head>
43
+ <body class="font-fa bg-gray-50">
44
+ <!-- Language Toggle -->
45
+ <div class="fixed top-4 left-4 z-50 flex gap-2">
46
+ <button onclick="location.href='index.html'" class="px-4 py-2 rounded-full bg-white shadow-lg hover:shadow-xl transition-all duration-300 text-sm font-medium">
47
+ English
48
+ </button>
49
+ <button class="px-4 py-2 rounded-full bg-persian-orange text-white shadow-lg transition-all duration-300 text-sm font-fa cursor-default">
50
+ فارسی
51
+ </button>
52
+ </div>
53
+
54
+ <!-- Hero Section -->
55
+ <section class="min-h-screen flex items-center justify-center relative overflow-hidden bg-gradient-to-br from-yellow-50 via-orange-50 to-red-50">
56
+ <!-- Animated Background -->
57
+ <div class="absolute inset-0">
58
+ <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>
59
+ <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>
60
+ <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>
61
+ </div>
62
+
63
+ <!-- Hero Content -->
64
+ <div class="relative z-10 text-center px-4 max-w-5xl mx-auto">
65
+ <div class="mb-8">
66
+ <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">
67
+ <div class="w-full h-full rounded-full bg-white flex items-center justify-center">
68
+ <i data-feather="cpu" class="w-16 h-16 text-persian-red"></i>
69
+ </div>
70
+ </div>
71
+ </div>
72
+
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
+ جامعه هوش مصنوعی فارسی
75
+ </h1>
76
+
77
+ <p class="fa-subtitle text-xl md:text-2xl text-gray-700 mb-8 max-w-3xl mx-auto leading-relaxed">
78
+ پیشبرد هوش مصنوعی فارسی از طریق مجموعه داده‌ها، مدل‌ها و تحقیقات مشترک
79
+ </p>
80
+
81
+ <div class="flex flex-wrap gap-4 justify-center mb-12">
82
+ <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">
83
+ <i data-feather="home" class="w-5 h-5"></i>
84
+ مشاهده در HuggingFace
85
+ <i data-feather="external-link" class="w-4 h-4"></i>
86
+ </a>
87
+ <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">
88
+ <i data-feather="grid" class="w-5 h-5"></i>
89
+ کاوش مجموعه‌ها
90
+ </a>
91
+ </div>
92
+
93
+ <!-- Stats -->
94
+ <div class="grid grid-cols-1 md:grid-cols-3 gap-8 mt-16">
95
+ <div class="stat-card bg-white/80 backdrop-blur-sm rounded-2xl p-6 hover:scale-105 transition-transform duration-300">
96
+ <div class="text-4xl font-bold text-persian-orange mb-2">
97
+ <i data-feather="database" class="w-10 h-10 mx-auto mb-2"></i>
98
+ </div>
99
+ <div class="text-2xl font-bold text-gray-800">۵۰+</div>
100
+ <div class="text-gray-600">مجموعه داده</div>
101
+ </div>
102
+ <div class="stat-card bg-white/80 backdrop-blur-sm rounded-2xl p-6 hover:scale-105 transition-transform duration-300">
103
+ <div class="text-4xl font-bold text-persian-red mb-2">
104
+ <i data-feather="box" class="w-10 h-10 mx-auto mb-2"></i>
105
+ </div>
106
+ <div class="text-2xl font-bold text-gray-800">۱۰۰+</div>
107
+ <div class="fa-text font-fa text-gray-600">مدل‌ها</div>
108
+ </div>
109
+ <div class="stat-card bg-white/80 backdrop-blur-sm rounded-2xl p-6 hover:scale-105 transition-transform duration-300">
110
+ <div class="text-4xl font-bold text-persian-yellow mb-2">
111
+ <i data-feather="users" class="w-10 h-10 mx-auto mb-2"></i>
112
+ </div>
113
+ <div class="text-2xl font-bold text-gray-800">۱۰۰۰+</div>
114
+ <div class="fa-text font-fa text-gray-600">مشارکت‌کنندگان</div>
115
+ </div>
116
+ </div>
117
+ </div>
118
+
119
+ <!-- Scroll Indicator -->
120
+ <div class="absolute bottom-8 left-1/2 transform -translate-x-1/2 animate-bounce">
121
+ <i data-feather="chevron-down" class="w-8 h-8 text-gray-400"></i>
122
+ </div>
123
+ </section>
124
+
125
+ <!-- Mission Section -->
126
+ <section class="py-20 px-4 bg-white">
127
+ <div class="max-w-6xl mx-auto">
128
+ <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">
129
+ مأموریت ما
130
+ </h2>
131
+
132
+ <div class="grid md:grid-cols-3 gap-8">
133
+ <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">
134
+ <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">
135
+ <i data-feather="trending-up" class="w-10 h-10 text-white"></i>
136
+ </div>
137
+ <h3 class="fa-text text-xl font-bold mb-4">پیشبرد هوش مصنوعی فارسی</h3>
138
+ <p class="fa-text text-gray-600 leading-relaxed">توسعه و بهبود مدل‌ها و مجموعه داده‌ها برای زبان فارسی.</p>
139
+ </div>
140
+
141
+ <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">
142
+ <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">
143
+ <i data-feather="unlock" class="w-10 h-10 text-white"></i>
144
+ </div>
145
+ <h3 class="fa-text text-xl font-bold mb-4">افزایش دسترسی</h3>
146
+ <p class="fa-text text-gray-600 leading-relaxed">دسترس‌پذیرتر کردن مجموعه داده‌ها و مدل‌های پردازش زبان طبیعی فارسی.</p>
147
+ </div>
148
+
149
+ <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">
150
+ <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">
151
+ <i data-feather="users" class="w-10 h-10 text-white"></i>
152
+ </div>
153
+ <h3 class="fa-text text-xl font-bold mb-4">تقویت همکاری</h3>
154
+ <p class="fa-text text-gray-600 leading-relaxed">ارتباط و همکاری بین کارشناسان و علاقه‌مندان هوش مصنوعی فارسی.</p>
155
+ </div>
156
+ </div>
157
+ </div>
158
+ </section>
159
+
160
+ <!-- Collections Section -->
161
+ <section id="collections" class="py-20 px-4 bg-gradient-to-br from-gray-50 to-gray-100">
162
+ <div class="max-w-6xl mx-auto">
163
+ <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">
164
+ مجموعه‌های برجسته
165
+ </h2>
166
+
167
+ <div class="grid md:grid-cols-3 gap-8">
168
+ <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">
169
+ <div class="h-48 bg-gradient-to-br from-purple-500 to-pink-500 flex items-center justify-center">
170
+ <i data-feather="git-branch" class="w-24 h-24 text-white"></i>
171
+ </div>
172
+ <div class="p-6">
173
+ <h3 class="text-xl font-bold mb-2 group-hover:text-persian-orange transition-colors">فیبوناچی AI</h3>
174
+ <p class="fa-text text-gray-600">مدل‌های پیشرفته هوش مصنوعی با معماری‌های الهام‌گرفته از فیبوناچی</p>
175
+ </div>
176
+ </a>
177
+
178
+ <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">
179
+ <div class="h-48 bg-gradient-to-br from-persian-yellow to-persian-orange flex items-center justify-center">
180
+ <i data-feather="database" class="w-24 h-24 text-white"></i>
181
+ </div>
182
+ <div class="p-6">
183
+ <h3 class="text-xl font-bold mb-2 group-hover:text-persian-orange transition-colors">مجموعه داده‌های فارسی</h3>
184
+ <p class="fa-text text-gray-600">مجموعه داده‌های جامع برای پردازش زبان فارسی</p>
185
+ </div>
186
+ </a>
187
+
188
+ <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">
189
+ <div class="h-48 bg-gradient-to-br from-persian-red to-pink-500 flex items-center justify-center">
190
+ <i data-feather="cpu" class="w-24 h-24 text-white"></i>
191
+ </div>
192
+ <div class="p-6">
193
+ <h3 class="text-xl font-bold mb-2 group-hover:text-persian-orange transition-colors">مدل‌های فارسی</h3>
194
+ <p class="fa-text text-gray-600">مدل‌های پیشرفته بهینه‌سازی شده برای زبان فارسی</p>
195
+ </div>
196
+ </a>
197
+ </div>
198
+ </div>
199
+ </section>
200
+
201
+ <!-- Get Involved Section -->
202
+ <section class="py-20 px-4 bg-white">
203
+ <div class="max-w-6xl mx-auto">
204
+ <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">
205
+ مشارکت کنید
206
+ </h2>
207
+
208
+ <div class="bg-gradient-to-br from-persian-yellow/10 to-persian-red/10 rounded-3xl p-8 md:p-12">
209
+ <div class="grid md:grid-cols-2 gap-8 mb-12">
210
+ <div class="flex items-start gap-4">
211
+ <div class="flex-shrink-0 w-12 h-12 bg-persian-yellow rounded-full flex items-center justify-center">
212
+ <i data-feather="upload" class="w-6 h-6 text-white"></i>
213
+ </div>
214
+ <div>
215
+ <h3 class="fa-text text-xl font-bold mb-2">اشتراک‌گذاری مجموعه داده‌ها و مدل‌ها</h3>
216
+ <p class="fa-text text-gray-600">مجموعه داده‌ها یا مدل‌های فارسی خود را به مجموعه ما اضافه کنید</p>
217
+ </div>
218
+ </div>
219
+
220
+ <div class="flex items-start gap-4">
221
+ <div class="flex-shrink-0 w-12 h-12 bg-persian-orange rounded-full flex items-center justify-center">
222
+ <i data-feather="message-circle" class="w-6 h-6 text-white"></i>
223
+ </div>
224
+ <div>
225
+ <h3 class="fa-text text-xl font-bold mb-2">شرکت در بحث‌ها</h3>
226
+ <p class="fa-text text-gray-600">در جامعه Hugging Face یا گروه چت ما ارتباط برقرار کنید</p>
227
+ </div>
228
+ </div>
229
+
230
+ <div class="flex items-start gap-4">
231
+ <div class="flex-shrink-0 w-12 h-12 bg-persian-red rounded-full flex items-center justify-center">
232
+ <i data-feather="users" class="w-6 h-6 text-white"></i>
233
+ </div>
234
+ <div>
235
+ <h3 class="fa-text text-xl font-bold mb-2">همکاری در پروژه‌ها</h3>
236
+ <p class="fa-text text-gray-600">برای پیشبرد هوش مصنوعی فارسی با هم کار کنید</p>
237
+ </div>
238
+ </div>
239
+
240
+ <div class="flex items-start gap-4">
241
+ <div class="flex-shrink-0 w-12 h-12 bg-gradient-to-br from-persian-yellow to-persian-red rounded-full flex items-center justify-center">
242
+ <i data-feather="mail" class="w-6 h-6 text-white"></i>
243
+ </div>
244
+ <div>
245
+ <h3 class="fa-text text-xl font-bold mb-2">ایمیل بزنید</h3>
246
+ <p class="fa-text text-gray-600">مشارکت‌های خود را به [email protected] ارسال کنید</p>
247
+ </div>
248
+ </div>
249
+ </div>
250
+
251
+ <div class="text-center">
252
+ <a href="mailto:[email protected]" 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">
253
+ <i data-feather="send" class="w-5 h-5"></i>
254
+ ارسال مشارکت شما
255
+ </a>
256
+ </div>
257
+ </div>
258
+ </div>
259
+ </section>
260
+
261
+ <!-- Footer -->
262
+ <footer class="py-12 px-4 bg-gradient-to-br from-gray-900 to-black text-white">
263
+ <div class="max-w-6xl mx-auto">
264
+ <div class="text-center">
265
+ <div class="flex justify-center gap-6 mb-8">
266
+ <a href="https://huggingface.co/PersianAICommunity" target="_blank" class="hover:text-persian-yellow transition-colors">
267
+ <i data-feather="home" class="w-6 h-6"></i>
268
+ </a>
269
+ <a href="https://t.me/persianaichannel" target="_blank" class="hover:text-persian-yellow transition-colors">
270
+ <i data-feather="send" class="w-6 h-6"></i>
271
+ </a>
272
+ <a href="mailto:[email protected]" class="hover:text-persian-yellow transition-colors">
273
+ <i data-feather="mail" class="w-6 h-6"></i>
274
+ </a>
275
+ </div>
276
+
277
+ <p class="text-gray-400 mb-4">
278
+ © ۲۰۲۴ جامعه هوش مصنوعی فارسی. همه حقوق محفوظ است.
279
+ </p>
280
+
281
+ <p class="text-sm text-gray-500">
282
+ با قدرت همکاری جامعه و علاقه به هوش مصنوعی زبان فارسی
283
+ </p>
284
+ </div>
285
+ </div>
286
+ </footer>
287
+
288
+ <script src="script.js"></script>
289
+ <script>feather.replace();</script>
290
+ <script src="https://huggingface.co/deepsite/deepsite-badge.js"></script>
291
+ </body>
292
+ </html>
index.html CHANGED
@@ -1,19 +1,292 @@
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="en" dir="ltr">
3
+ <head>
4
+ <meta charset="UTF-8">
5
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
6
+ <title>Persian AI Community | جامعه هوش مصنوعی فارسی</title>
7
+ <meta name="description" content="Advancing Persian AI through collaborative datasets, models, and research">
8
+
9
+ <!-- Fonts -->
10
+ <link rel="preconnect" href="https://fonts.googleapis.com">
11
+ <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
12
+ <link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&family=Vazirmatn:wght@300;400;500;600;700;800;900&display=swap" rel="stylesheet">
13
+
14
+ <!-- Tailwind -->
15
+ <script src="https://cdn.tailwindcss.com"></script>
16
+
17
+ <!-- Feather Icons -->
18
+ <script src="https://cdn.jsdelivr.net/npm/feather-icons/dist/feather.min.js"></script>
19
+ <script src="https://unpkg.com/feather-icons"></script>
20
+
21
+ <!-- Custom Styles -->
22
+ <link rel="stylesheet" href="style.css">
23
+
24
+ <!-- Tailwind Config -->
25
+ <script>
26
+ tailwind.config = {
27
+ theme: {
28
+ extend: {
29
+ fontFamily: {
30
+ 'en': ['Inter', 'sans-serif'],
31
+ 'fa': ['Vazirmatn', 'sans-serif'],
32
+ },
33
+ colors: {
34
+ 'persian-yellow': '#FCD34D',
35
+ 'persian-orange': '#FB923C',
36
+ 'persian-red': '#EF4444',
37
+ }
38
+ }
39
+ }
40
+ }
41
+ </script>
42
+ </head>
43
+ <body class="font-en">
44
+ <!-- Language Toggle -->
45
+ <div class="fixed top-4 right-4 z-50 flex gap-2">
46
+ <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">
47
+ English
48
+ </button>
49
+ <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">
50
+ فارسی
51
+ </button>
52
+ </div>
53
+ <!-- Hero Section -->
54
+ <section class="min-h-screen flex items-center justify-center relative overflow-hidden bg-gradient-to-br from-yellow-50 via-orange-50 to-red-50">
55
+ <!-- Animated Background -->
56
+ <div class="absolute inset-0">
57
+ <div class="absolute top-20 left-20 w-72 h-72 bg-persian-yellow rounded-full mix-blend-multiply filter blur-xl opacity-70 animate-blob"></div>
58
+ <div class="absolute top-40 right-20 w-72 h-72 bg-persian-orange rounded-full mix-blend-multiply filter blur-xl opacity-70 animate-blob animation-delay-2000"></div>
59
+ <div class="absolute bottom-20 left-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>
60
+ </div>
61
+
62
+ <!-- Hero Content -->
63
+ <div class="relative z-10 text-center px-4 max-w-5xl mx-auto">
64
+ <div class="mb-8">
65
+ <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">
66
+ <div class="w-full h-full rounded-full bg-white flex items-center justify-center">
67
+ <i data-feather="cpu" class="w-16 h-16 text-persian-red"></i>
68
+ </div>
69
+ </div>
70
+ </div>
71
+
72
+ <h1 class="hero-title text-6xl md:text-7xl font-bold mb-6 bg-gradient-to-r from-persian-yellow via-persian-orange to-persian-red bg-clip-text text-transparent">
73
+ Persian AI Community
74
+ </h1>
75
+
76
+ <p class="hero-subtitle 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
+
80
+ <div class="flex flex-wrap gap-4 justify-center mb-12">
81
+ <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">
82
+ <i data-feather="home" class="w-5 h-5"></i>
83
+ View on HuggingFace
84
+ <i data-feather="external-link" class="w-4 h-4"></i>
85
+ </a>
86
+ <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">
87
+ <i data-feather="grid" class="w-5 h-5"></i>
88
+ Explore Collections
89
+ </a>
90
+ </div>
91
+
92
+ <!-- Stats -->
93
+ <div class="grid grid-cols-1 md:grid-cols-3 gap-8 mt-16">
94
+ <div class="stat-card bg-white/80 backdrop-blur-sm rounded-2xl p-6 hover:scale-105 transition-transform duration-300">
95
+ <div class="text-4xl font-bold text-persian-orange mb-2">
96
+ <i data-feather="database" class="w-10 h-10 mx-auto mb-2"></i>
97
+ </div>
98
+ <div class="text-2xl font-bold text-gray-800">50+</div>
99
+ <div class="text-gray-600">Datasets</div>
100
+ </div>
101
+ <div class="stat-card bg-white/80 backdrop-blur-sm rounded-2xl p-6 hover:scale-105 transition-transform duration-300">
102
+ <div class="text-4xl font-bold text-persian-red mb-2">
103
+ <i data-feather="box" class="w-10 h-10 mx-auto mb-2"></i>
104
+ </div>
105
+ <div class="text-2xl font-bold text-gray-800">100+</div>
106
+ <div class="text-gray-600">Models</div>
107
+ </div>
108
+ <div class="stat-card bg-white/80 backdrop-blur-sm rounded-2xl p-6 hover:scale-105 transition-transform duration-300">
109
+ <div class="text-4xl font-bold text-persian-yellow mb-2">
110
+ <i data-feather="users" class="w-10 h-10 mx-auto mb-2"></i>
111
+ </div>
112
+ <div class="text-2xl font-bold text-gray-800">1000+</div>
113
+ <div class="text-gray-600">Contributors</div>
114
+ </div>
115
+ </div>
116
+ </div>
117
+
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
+
124
+ <!-- Mission Section -->
125
+ <section class="py-20 px-4 bg-white">
126
+ <div class="max-w-6xl mx-auto">
127
+ <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">
128
+ Our Mission
129
+ </h2>
130
+
131
+ <div class="grid md:grid-cols-3 gap-8">
132
+ <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">
133
+ <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">
134
+ <i data-feather="trending-up" class="w-10 h-10 text-white"></i>
135
+ </div>
136
+ <h3 class="text-xl font-bold mb-4">Advance Farsi AI</h3>
137
+ <p class="text-gray-600 leading-relaxed">Develop and refine models and datasets for the Persian language.</p>
138
+ </div>
139
+
140
+ <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">
141
+ <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">
142
+ <i data-feather="unlock" class="w-10 h-10 text-white"></i>
143
+ </div>
144
+ <h3 class="text-xl font-bold mb-4">Increase Accessibility</h3>
145
+ <p class="text-gray-600 leading-relaxed">Make Farsi datasets, NLP models, and AI tools widely available.</p>
146
+ </div>
147
+
148
+ <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">
149
+ <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">
150
+ <i data-feather="users" class="w-10 h-10 text-white"></i>
151
+ </div>
152
+ <h3 class="text-xl font-bold mb-4">Foster Collaboration</h3>
153
+ <p class="text-gray-600 leading-relaxed">Connect AI experts, students, and enthusiasts for knowledge sharing.</p>
154
+ </div>
155
+ </div>
156
+ </div>
157
+ </section>
158
+
159
+ <!-- Collections Section -->
160
+ <section id="collections" class="py-20 px-4 bg-gradient-to-br from-gray-50 to-gray-100">
161
+ <div class="max-w-6xl mx-auto">
162
+ <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">
163
+ Featured Collections
164
+ </h2>
165
+
166
+ <div class="grid md:grid-cols-3 gap-8">
167
+ <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">
168
+ <div class="h-48 bg-gradient-to-br from-purple-500 to-pink-500 flex items-center justify-center">
169
+ <i data-feather="git-branch" class="w-24 h-24 text-white"></i>
170
+ </div>
171
+ <div class="p-6">
172
+ <h3 class="text-xl font-bold mb-2 group-hover:text-persian-orange transition-colors">Fibonacci AI</h3>
173
+ <p class="text-gray-600">Advanced AI models with Fibonacci-inspired architectures</p>
174
+ </div>
175
+ </a>
176
+
177
+ <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">
178
+ <div class="h-48 bg-gradient-to-br from-persian-yellow to-persian-orange flex items-center justify-center">
179
+ <i data-feather="database" class="w-24 h-24 text-white"></i>
180
+ </div>
181
+ <div class="p-6">
182
+ <h3 class="text-xl font-bold mb-2 group-hover:text-persian-orange transition-colors">Persian Datasets</h3>
183
+ <p class="text-gray-600">Comprehensive datasets for Persian language processing</p>
184
+ </div>
185
+ </a>
186
+
187
+ <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">
188
+ <div class="h-48 bg-gradient-to-br from-persian-red to-pink-500 flex items-center justify-center">
189
+ <i data-feather="cpu" class="w-24 h-24 text-white"></i>
190
+ </div>
191
+ <div class="p-6">
192
+ <h3 class="text-xl font-bold mb-2 group-hover:text-persian-orange transition-colors">Persian Models</h3>
193
+ <p class="text-gray-600">State-of-the-art models optimized for Persian language</p>
194
+ </div>
195
+ </a>
196
+ </div>
197
+ </div>
198
+ </section>
199
+
200
+ <!-- Get Involved Section -->
201
+ <section class="py-20 px-4 bg-white">
202
+ <div class="max-w-6xl mx-auto">
203
+ <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">
204
+ Get Involved
205
+ </h2>
206
+
207
+ <div class="bg-gradient-to-br from-persian-yellow/10 to-persian-red/10 rounded-3xl p-8 md:p-12">
208
+ <div class="grid md:grid-cols-2 gap-8 mb-12">
209
+ <div class="flex items-start gap-4">
210
+ <div class="flex-shrink-0 w-12 h-12 bg-persian-yellow rounded-full flex items-center justify-center">
211
+ <i data-feather="upload" class="w-6 h-6 text-white"></i>
212
+ </div>
213
+ <div>
214
+ <h3 class="text-xl font-bold mb-2">Share Datasets and Models</h3>
215
+ <p class="text-gray-600">Add your Farsi datasets or AI models to our collection</p>
216
+ </div>
217
+ </div>
218
+
219
+ <div class="flex items-start gap-4">
220
+ <div class="flex-shrink-0 w-12 h-12 bg-persian-orange rounded-full flex items-center justify-center">
221
+ <i data-feather="message-circle" class="w-6 h-6 text-white"></i>
222
+ </div>
223
+ <div>
224
+ <h3 class="text-xl font-bold mb-2">Join Discussions</h3>
225
+ <p class="text-gray-600">Connect with the community on Hugging Face or our chat group</p>
226
+ </div>
227
+ </div>
228
+
229
+ <div class="flex items-start gap-4">
230
+ <div class="flex-shrink-0 w-12 h-12 bg-persian-red rounded-full flex items-center justify-center">
231
+ <i data-feather="users" class="w-6 h-6 text-white"></i>
232
+ </div>
233
+ <div>
234
+ <h3 class="text-xl font-bold mb-2">Collaborate on Projects</h3>
235
+ <p class="text-gray-600">Work together to advance Persian-language AI</p>
236
+ </div>
237
+ </div>
238
+
239
+ <div class="flex items-start gap-4">
240
+ <div class="flex-shrink-0 w-12 h-12 bg-gradient-to-br from-persian-yellow to-persian-red rounded-full flex items-center justify-center">
241
+ <i data-feather="mail" class="w-6 h-6 text-white"></i>
242
+ </div>
243
+ <div>
244
+ <h3 class="text-xl font-bold mb-2">Email Us</h3>
245
+ <p class="text-gray-600">Send your contributions to [email protected]</p>
246
+ </div>
247
+ </div>
248
+ </div>
249
+
250
+ <div class="text-center">
251
+ <a href="mailto:[email protected]" 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">
252
+ <i data-feather="send" class="w-5 h-5"></i>
253
+ Send Your Contribution
254
+ </a>
255
+ </div>
256
+ </div>
257
+ </div>
258
+ </section>
259
+
260
+ <!-- Footer -->
261
+ <footer class="py-12 px-4 bg-gradient-to-br from-gray-900 to-black text-white">
262
+ <div class="max-w-6xl mx-auto">
263
+ <div class="text-center">
264
+ <div class="flex justify-center gap-6 mb-8">
265
+ <a href="https://huggingface.co/PersianAICommunity" target="_blank" class="hover:text-persian-yellow transition-colors">
266
+ <i data-feather="home" class="w-6 h-6"></i>
267
+ </a>
268
+ <a href="https://t.me/persianaichannel" target="_blank" class="hover:text-persian-yellow transition-colors">
269
+ <i data-feather="send" class="w-6 h-6"></i>
270
+ </a>
271
+ <a href="mailto:[email protected]" class="hover:text-persian-yellow transition-colors">
272
+ <i data-feather="mail" class="w-6 h-6"></i>
273
+ </a>
274
+ </div>
275
+
276
+ <p class="text-gray-400 mb-4">
277
+ © 2024 Persian AI Community. All rights reserved.
278
+ </p>
279
+
280
+ <p class="text-sm text-gray-500">
281
+ Powered by community collaboration and love for Persian language AI
282
+ </p>
283
+ </div>
284
+ </div>
285
+ </footer>
286
+
287
+ <script src="script.js"></script>
288
+ <script>feather.replace();</script>
289
+ <script src="https://huggingface.co/deepsite/deepsite-badge.js"></script>
290
+ <script src="https://huggingface.co/deepsite/deepsite-badge.js"></script>
291
+ </body>
292
+ </html>