Spaces:
Running
Running
| <html lang="fa" dir="rtl"> | |
| <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="پیشبرد هوش مصنوعی فارسی با مجموعه داده‌ها، مدل‌ها و تحقیقات مشترک"> | |
| <!-- TTF Persian Fonts --> | |
| <link rel="preconnect" href="https://cdn.jsdelivr.net"> | |
| <link href="https://cdn.jsdelivr.net/gh/rastikerdar/[email protected]/Vazirmatn-font-face.css" rel="stylesheet" /> | |
| <link href="https://cdn.jsdelivr.net/gh/rastikerdar/[email protected]/Samim-font-face.css" 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-fa bg-gray-50"> | |
| <!-- Language Toggle --> | |
| <div class="fixed top-4 left-4 z-50"> | |
| <a href="index.html" class="inline-block px-4 py-2 rounded-full bg-[#FF6B00] text-white shadow-lg hover:shadow-xl hover:bg-[#E55A00] transition-all duration-300 text-sm font-medium" style="font-family: 'Vazirmatn', sans-serif;"> | |
| English | |
| </a> | |
| </div> | |
| <!-- Hero Section --> | |
| <section class="min-h-screen flex items-center justify-center relative overflow-hidden bg-gradient-to-br from-[#FFEEE4] via-[#F9F5FF] to-[#E8F4FD]"> | |
| <!-- Background Pattern similar to Hugging Face --> | |
| <div class="absolute inset-0 opacity-5"> | |
| <div class="absolute inset-0" style="background-image: repeating-linear-gradient(45deg, transparent, transparent 35px, rgba(59,130,246,0.1) 35px, rgba(59,130,246,0.1) 70px);"></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-24 h-24 bg-gradient-to-br from-[#FF6B00] to-[#FF8E53] rounded-2xl mb-6 shadow-lg"> | |
| <i data-feather="cpu" class="w-12 h-12 text-white"></i> | |
| </div> | |
| </div> | |
| <h1 class="text-5xl md:text-6xl font-bold mb-6 bg-gradient-to-r from-[#FF6B00] to-[#3B82F6] bg-clip-text text-transparent" style="font-weight: 700;"> | |
| جامعه هوش مصنوعی فارسی | |
| </h1> | |
| <p class="fa-subtitle text-xl md:text-2xl text-gray-600 mb-8 max-w-3xl mx-auto leading-relaxed"> | |
| پیشبرد هوش مصنوعی فارسی از طریق مجموعه داده‌ها، مدل‌ها و تحقیقات مشترک | |
| </p> | |
| <div class="flex flex-wrap gap-4 justify-center mb-12"> | |
| <a href="https://huggingface.co/PersianAICommunity" target="_blank" class="inline-flex items-center gap-2 px-6 py-3 bg-[#FF6B00] hover:bg-[#E55A00] text-white font-medium rounded-lg shadow-md hover:shadow-lg transition-all duration-200"> | |
| <i data-feather="home" class="w-4 h-4"></i> | |
| مشاهده در Hugging Face | |
| </a> | |
| <a href="#collections" class="inline-flex items-center gap-2 px-6 py-3 bg-white text-[#FF6B00] border border-[#FF6B00] font-medium rounded-lg hover:bg-[#FFF8F5] transition-all duration-200"> | |
| <i data-feather="grid" class="w-4 h-4"></i> | |
| کاوش مجموعه‌ها | |
| </a> | |
| </div> | |
| <!-- Stats --> | |
| <div class="grid grid-cols-1 md:grid-cols-3 gap-6 mt-12"> | |
| <div class="stat-card bg-white rounded-lg p-6 hover:shadow-lg transition-all duration-300 border border-gray-200"> | |
| <div class="text-2xl font-bold text-gray-900 mb-1"> | |
| <i data-feather="database" class="w-8 h-8 mx-auto mb-2 text-[#3B82F6]"></i> | |
| </div> | |
| <div class="text-3xl font-bold text-gray-900">۵۰+</div> | |
| <div class="text-md text-gray-700 font-semibold">مجموعه داده</div> | |
| <div class="text-sm text-gray-500">با کیفیت بالا</div> | |
| </div> | |
| <div class="stat-card bg-white rounded-lg p-6 hover:shadow-lg transition-all duration-300 border border-gray-200"> | |
| <div class="text-2xl font-bold text-gray-900 mb-1"> | |
| <i data-feather="box" class="w-8 h-8 mx-auto mb-2 text-[#10B981]"></i> | |
| </div> | |
| <div class="text-3xl font-bold text-gray-900">۱۰۰+</div> | |
| <div class="fa-text font-fa text-md text-gray-700 font-semibold">مدل‌ها</div> | |
| <div class="fa-text font-fa text-sm text-gray-500">پیشرفته</div> | |
| </div> | |
| <div class="stat-card bg-white rounded-lg p-6 hover:shadow-lg transition-all duration-300 border border-gray-200"> | |
| <div class="text-2xl font-bold text-gray-900 mb-1"> | |
| <i data-feather="users" class="w-8 h-8 mx-auto mb-2 text-[#F59E0B]"></i> | |
| </div> | |
| <div class="text-3xl font-bold text-gray-900">۱۰۰۰+</div> | |
| <div class="fa-text font-fa text-md text-gray-700 font-semibold">کاربران</div> | |
| <div class="fa-text font-fa text-sm text-gray-500">فعال</div> | |
| </div> | |
| </div> | |
| </div> | |
| </section> | |
| <!-- Mission Section --> | |
| <section class="py-20 px-4 bg-gray-50"> | |
| <div class="max-w-6xl mx-auto"> | |
| <h2 class="section-title text-4xl md:text-5xl font-bold text-center mb-16 text-gray-900"> | |
| مأموریت ما | |
| </h2> | |
| <div class="grid md:grid-cols-3 gap-8"> | |
| <div class="mission-card text-center p-8 rounded-xl bg-white hover:shadow-lg transition-all duration-200 border border-gray-200"> | |
| <div class="w-16 h-16 mx-auto mb-6 bg-gradient-to-br from-[#3B82F6] to-[#1E40AF] rounded-xl flex items-center justify-center"> | |
| <i data-feather="trending-up" class="w-8 h-8 text-white"></i> | |
| </div> | |
| <h3 class="fa-text text-xl font-bold mb-4 text-gray-900">توسعه هوش مصنوعی فارسی</h3> | |
| <p class="fa-text text-gray-600 leading-relaxed">توسعه مدل‌ها و تحقیقات نوین در زمینه پردازش زبان فارسی</p> | |
| </div> | |
| <div class="mission-card text-center p-8 rounded-xl bg-white hover:shadow-lg transition-all duration-200 border border-gray-200"> | |
| <div class="w-16 h-16 mx-auto mb-6 bg-gradient-to-br from-[#10B981] to-[#047857] rounded-xl flex items-center justify-center"> | |
| <i data-feather="unlock" class="w-8 h-8 text-white"></i> | |
| </div> | |
| <h3 class="fa-text text-xl font-bold mb-4 text-gray-900">دسترسی آزاد</h3> | |
| <p class="fa-text text-gray-600">در دسترس قرار دادن مجموعه داده‌ها و مدل‌های باکیفیت برای همه</p> | |
| </div> | |
| <div class="mission-card text-center p-8 rounded-xl bg-white hover:shadow-lg transition-all duration-200 border border-gray-200"> | |
| <div class="w-16 h-16 mx-auto mb-6 bg-gradient-to-br from-[#F59E0B] to-[#D97706] rounded-xl flex items-center justify-center"> | |
| <i data-feather="users" class="w-8 h-8 text-white"></i> | |
| </div> | |
| <h3 class="fa-text text-xl font-bold mb-4 text-gray-900">جامعه محور</h3> | |
| <p class="fa-text text-gray-600">ایجاد شبکه‌ای از محققان و توسعه‌دهندگان هوش مصنوعی فارسی</p> | |
| </div> | |
| </div> | |
| </div> | |
| </section> | |
| <!-- Collections Section --> | |
| <section id="collections" 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 text-gray-900"> | |
| مجموعه‌های محبوب | |
| </h2> | |
| <div class="grid md:grid-cols-3 gap-6"> | |
| <a href="https://huggingface.co/collections/PersianAICommunity/fibonacci-ai" target="_blank" class="collection-card group block bg-white rounded-xl overflow-hidden border border-gray-200 hover:shadow-lg transition-all duration-200"> | |
| <div class="h-32 bg-gradient-to-br from-[#8B5CF6] to-[#EC4899] flex items-center justify-center"> | |
| <i data-feather="git-branch" class="w-16 h-16 text-white"></i> | |
| </div> | |
| <div class="p-5"> | |
| <h3 class="text-lg font-semibold mb-2 text-gray-900 group-hover:text-[#FF6B00]">سری فیبوناچی AI</h3> | |
| <p class="fa-text text-sm text-gray-600">معماری‌های عصبی پیشرفته با بهینه‌سازی ریاضی</p> | |
| <div class="mt-3 text-[#3B82F6] text-sm">۸ مدل →</div> | |
| </div> | |
| </a> | |
| <a href="https://huggingface.co/collections/PersianAICommunity/persian-datasets" target="_blank" class="collection-card group block bg-white rounded-xl overflow-hidden border border-gray-200 hover:shadow-lg transition-all duration-200"> | |
| <div class="h-32 bg-gradient-to-br from-[#3B82F6] to-[#60A5FA] flex items-center justify-center"> | |
| <i data-feather="database" class="w-16 h-16 text-white"></i> | |
| </div> | |
| <div class="p-5"> | |
| <h3 class="text-lg font-semibold mb-2 text-gray-900 group-hover:text-[#FF6B00]">مجموعه داده‌های فارسی</h3> | |
| <p class="fa-text text-sm text-gray-600">داده‌های منتخب برای تحلیل احساسات و ترجمه ماشین</p> | |
| <div class="mt-3 text-[#3B82F6] text-sm">۱۵ مجموعه داده ←</div> | |
| </div> | |
| </a> | |
| <a href="https://huggingface.co/collections/PersianAICommunity/persian-models1" target="_blank" class="collection-card group block bg-white rounded-xl overflow-hidden border border-gray-200 hover:shadow-lg transition-all duration-200"> | |
| <div class="h-32 bg-gradient-to-br from-[#10B981] to-[#34D399] flex items-center justify-center"> | |
| <i data-feather="cpu" class="w-16 h-16 text-white"></i> | |
| </div> | |
| <div class="p-5"> | |
| <h3 class="text-lg font-semibold mb-2 text-gray-900 group-hover:text-[#FF6B00]">مدل‌های فارسی</h3> | |
| <p class="fa-text text-sm text-gray-600">مدل‌های ترانسفورمر با بهینه‌سازی ویژه زبان فارسی</p> | |
| <div class="mt-3 text-[#3B82F6] text-sm">۱۲ مدل ←</div> | |
| </div> | |
| </a> | |
| </div> | |
| </div> | |
| </section> | |
| <!-- Get Involved 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 text-gray-900 drop-shadow-lg"> | |
| در انقلاب هوش مصنوعی فارسی پیشرفته مشارکت کنید | |
| </h2> | |
| <div class="bg-gradient-to-br from-persian-yellow/10 to-persian-red/10 rounded-3xl p-8 md:p-12"> | |
| <div class="grid md:grid-cols-2 gap-8 mb-12"> | |
| <div class="flex items-start gap-4"> | |
| <div class="flex-shrink-0 w-12 h-12 bg-persian-yellow rounded-full flex items-center justify-center"> | |
| <i data-feather="upload" class="w-6 h-6 text-white"></i> | |
| </div> | |
| <div> | |
| <h3 class="fa-text text-xl font-bold mb-2 text-gray-900">اشتراک‌گذاری مجموعه داده‌ها و مدل‌های ناب</h3> | |
| <p class="fa-text text-gray-700 font-medium">مجموعه داده‌ها یا مدل‌های فارسی خود را به مجموعه ممتاز ما اضافه کنید</p> | |
| </div> | |
| </div> | |
| <div class="flex items-start gap-4"> | |
| <div class="flex-shrink-0 w-12 h-12 bg-persian-orange rounded-full flex items-center justify-center"> | |
| <i data-feather="message-circle" class="w-6 h-6 text-white"></i> | |
| </div> | |
| <div> | |
| <h3 class="fa-text text-xl font-bold mb-2 text-gray-900">شرکت در بحث‌های تخصصی</h3> | |
| <p class="fa-text text-gray-700 font-medium">در جامعه Hugging Face یا گروه تلگرام تخصصی ما ارتباط برقرار کنید</p> | |
| </div> | |
| </div> | |
| <div class="flex items-start gap-4"> | |
| <div class="flex-shrink-0 w-12 h-12 bg-persian-red rounded-full flex items-center justify-center"> | |
| <i data-feather="users" class="w-6 h-6 text-white"></i> | |
| </div> | |
| <div> | |
| <h3 class="fa-text text-xl font-bold mb-2 text-gray-900">همکاری در پروژه‌های پیشگام</h3> | |
| <p class="fa-text text-gray-700 font-medium">برای پیشبرد مرزهای دانش هوش مصنوعی فارسی با هم کار کنید</p> | |
| </div> | |
| </div> | |
| <div class="flex items-start gap-4"> | |
| <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"> | |
| <i data-feather="mail" class="w-6 h-6 text-white"></i> | |
| </div> | |
| <div> | |
| <h3 class="fa-text text-xl font-bold mb-2 text-gray-900">ارسال نوآوری‌های خود</h3> | |
| <p class="fa-text text-gray-700 font-medium">مشارکت‌های راهبردی خود را برای بررسی فوری به [email protected] ارسال کنید</p> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="text-center"> | |
| <a href="mailto:[email protected]" class="inline-block 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"> | |
| <i data-feather="send" class="w-5 h-5"></i> | |
| ارسال مشارکت راهبردی شما | |
| </a> | |
| </div> | |
| </div> | |
| </div> | |
| </section> | |
| <!-- Footer --> | |
| <footer class="py-12 px-4 bg-gradient-to-br from-gray-900 to-black text-white"> | |
| <div class="max-w-6xl mx-auto"> | |
| <div class="text-center"> | |
| <div class="flex justify-center gap-6 mb-8"> | |
| <a href="https://huggingface.co/PersianAICommunity" target="_blank" class="hover:text-persian-yellow transition-colors"> | |
| <i data-feather="home" class="w-6 h-6"></i> | |
| </a> | |
| <a href="https://t.me/persianaichannel" target="_blank" class="hover:text-persian-yellow transition-colors"> | |
| <i data-feather="send" class="w-6 h-6"></i> | |
| </a> | |
| <a href="mailto:[email protected]" class="hover:text-persian-yellow transition-colors"> | |
| <i data-feather="mail" class="w-6 h-6"></i> | |
| </a> | |
| </div> | |
| <p class="text-gray-400 mb-4"> | |
| © ۲۰۲۴ جامعه هوش مصنوعی فارسی. همه حقوق محفوظ است. | |
| </p> | |
| <p class="text-sm text-gray-400"> | |
| ساخت آینده هوش مصنوعی زبان فارسی از طریق نوآوری و همکاری | |
| </p> | |
| </div> | |
| </div> | |
| </footer> | |
| </body> | |
| </html> |