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>درباره ما - LinkWeaver AI</title> | |
| <link rel="icon" type="image/x-icon" href="/static/favicon.ico"> | |
| <script src="https://cdn.tailwindcss.com"></script> | |
| <script src="https://unpkg.com/feather-icons"></script> | |
| <link href="https://cdn.jsdelivr.net/gh/rastikerdar/vazir-font@v30.1.0/dist/font-face.css" rel="stylesheet" type="text/css"> | |
| <script> | |
| tailwind.config = { | |
| theme: { | |
| fontFamily: { | |
| sans: ['Vazir', 'sans-serif'], | |
| }, | |
| extend: { | |
| colors: { | |
| primary: { | |
| 500: '#6366f1', | |
| 600: '#4f46e5', | |
| }, | |
| secondary: { | |
| 500: '#f59e0b', | |
| 600: '#d97706', | |
| } | |
| } | |
| } | |
| } | |
| } | |
| </script> | |
| <style> | |
| body { | |
| font-family: 'Vazir', sans-serif; | |
| } | |
| .feature-card:hover { | |
| transform: translateY(-5px); | |
| box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1); | |
| } | |
| </style> | |
| </head> | |
| <body class="bg-gray-50 min-h-screen flex flex-col"> | |
| <!-- Header --> | |
| <header class="bg-white shadow-sm"> | |
| <div class="container mx-auto px-4 py-4 flex justify-between items-center"> | |
| <div class="flex items-center space-x-2 space-x-reverse"> | |
| <div class="w-10 h-10 bg-primary-500 rounded-full flex items-center justify-center text-white"> | |
| <i data-feather="link"></i> | |
| </div> | |
| <h1 class="text-xl font-bold text-gray-800">LinkWeaver AI</h1> | |
| </div> | |
| <nav class="hidden md:flex space-x-8 space-x-reverse"> | |
| <a href="index.html" class="text-gray-600 hover:text-primary-500">خانه</a> | |
| <a href="#" class="text-primary-500 font-medium">درباره ما</a> | |
| <a href="#" class="text-gray-600 hover:text-primary-500">مستندات</a> | |
| <a href="#" class="text-gray-600 hover:text-primary-500">تماس با ما</a> | |
| </nav> | |
| <button class="md:hidden text-gray-600"> | |
| <i data-feather="menu"></i> | |
| </button> | |
| </div> | |
| </header> | |
| <!-- Main Content --> | |
| <main class="flex-grow container mx-auto px-4 py-12"> | |
| <div class="max-w-4xl mx-auto"> | |
| <!-- About Section --> | |
| <div class="bg-white rounded-xl shadow-md overflow-hidden mb-12"> | |
| <div class="md:flex"> | |
| <div class="md:flex-shrink-0 md:w-1/3 bg-gradient-to-b from-primary-500 to-primary-600 flex items-center justify-center p-8"> | |
| <i data-feather="link" class="text-white w-20 h-20"></i> | |
| </div> | |
| <div class="p-8 md:w-2/3"> | |
| <h2 class="text-2xl font-bold text-gray-800 mb-4">درباره LinkWeaver AI</h2> | |
| <p class="text-gray-600 mb-6"> | |
| LinkWeaver AI یک سرویس پیشرفته تولید لینک هوشمند است که از قوی‌ترین مدل‌های هوش مصنوعی برای ایجاد لینک‌های بهینه شده استفاده می‌کند. ما به کاربران خود این امکان را می‌دهیم که به سادگی و با چند کلیک، لینک‌های اختصاصی خود را ایجاد کنند. | |
| </p> | |
| <div class="flex items-center"> | |
| <div class="w-12 h-12 bg-primary-100 rounded-full flex items-center justify-center text-primary-500 mr-3"> | |
| <i data-feather="zap"></i> | |
| </div> | |
| <div> | |
| <h4 class="font-medium text-gray-800">سریع و کارآمد</h4> | |
| <p class="text-sm text-gray-500">تولید لینک در کمترین زمان ممکن</p> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| <!-- Features Section --> | |
| <h2 class="text-2xl font-bold text-gray-800 mb-8 text-center">چرا LinkWeaver AI را انتخاب کنید؟</h2> | |
| <div class="grid md:grid-cols-3 gap-6 mb-12"> | |
| <div class="feature-card bg-white rounded-lg shadow-md p-6 border border-gray-200 transition duration-300"> | |
| <div class="w-12 h-12 bg-primary-100 rounded-full flex items-center justify-center text-primary-500 mb-4"> | |
| <i data-feather="cpu"></i> | |
| </div> | |
| <h3 class="font-bold text-gray-800 mb-2">هوش مصنوعی پیشرفته</h3> | |
| <p class="text-gray-600 text-sm">استفاده از جدیدترین مدل‌های هوش مصنوعی برای تولید لینک‌های هوشمند</p> | |
| </div> | |
| <div class="feature-card bg-white rounded-lg shadow-md p-6 border border-gray-200 transition duration-300"> | |
| <div class="w-12 h-12 bg-primary-100 rounded-full flex items-center justify-center text-primary-500 mb-4"> | |
| <i data-feather="lock"></i> | |
| </div> | |
| <h3 class="font-bold text-gray-800 mb-2">امنیت بالا</h3> | |
| <p class="text-gray-600 text-sm">حفظ حریم خصوصی و امنیت داده‌های شما با استانداردهای جهانی</p> | |
| </div> | |
| <div class="feature-card bg-white rounded-lg shadow-md p-6 border border-gray-200 transition duration-300"> | |
| <div class="w-12 h-12 bg-primary-100 rounded-full flex items-center justify-center text-primary-500 mb-4"> | |
| <i data-feather="bar-chart-2"></i> | |
| </div> | |
| <h3 class="font-bold text-gray-800 mb-2">آنالیز پیشرفته</h3> | |
| <p class="text-gray-600 text-sm">ارائه آمار و تحلیل‌های دقیق از لینک‌های تولید شده</p> | |
| </div> | |
| </div> | |
| <!-- Team Section --> | |
| <h2 class="text-2xl font-bold text-gray-800 mb-8 text-center">تیم ما</h2> | |
| <div class="grid md:grid-cols-3 gap-6"> | |
| <div class="bg-white rounded-lg shadow-md overflow-hidden"> | |
| <img src="http://static.photos/people/640x360/1" alt="تیم توسعه" class="w-full h-48 object-cover"> | |
| <div class="p-6"> | |
| <h3 class="font-bold text-gray-800 mb-1">علی محمدی</h3> | |
| <p class="text-sm text-primary-500 mb-3">مدیر فنی</p> | |
| <p class="text-gray-600 text-sm">متخصص در زمینه هوش مصنوعی و یادگیری ماشین با بیش از 8 سال سابقه کاری</p> | |
| </div> | |
| </div> | |
| <div class="bg-white rounded-lg shadow-md overflow-hidden"> | |
| <img src="http://static.photos/people/640x360/2" alt="تیم توسعه" class="w-full h-48 object-cover"> | |
| <div class="p-6"> | |
| <h3 class="font-bold text-gray-800 mb-1">سارا احمدی</h3> | |
| <p class="text-sm text-primary-500 mb-3">طراح رابط کاربری</p> | |
| <p class="text-gray-600 text-sm">متخصص در طراحی تجربه کاربری با تمرکز بر سادگی و کارایی</p> | |
| </div> | |
| </div> | |
| <div class="bg-white rounded-lg shadow-md overflow-hidden"> | |
| <img src="http://static.photos/people/640x360/3" alt="تیم توسعه" class="w-full h-48 object-cover"> | |
| <div class="p-6"> | |
| <h3 class="font-bold text-gray-800 mb-1">رضا حسینی</h3> | |
| <p class="text-sm text-primary-500 mb-3">توسعه دهنده بک‌اند</p> | |
| <p class="text-gray-600 text-sm">متخصص در توسعه سیستم‌های توزیع شده و مقیاس‌پذیر</p> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </main> | |
| <!-- Footer --> | |
| <footer class="bg-white border-t border-gray-200 py-8"> | |
| <div class="container mx-auto px-4"> | |
| <div class="flex flex-col md:flex-row justify-between items-center"> | |
| <div class="flex items-center space-x-2 space-x-reverse mb-4 md:mb-0"> | |
| <div class="w-8 h-8 bg-primary-500 rounded-full flex items-center justify-center text-white"> | |
| <i data-feather="link"></i> | |
| </div> | |
| <span class="font-medium">LinkWeaver AI</span> | |
| </div> | |
| <div class="flex space-x-6 space-x-reverse"> | |
| <a href="#" class="text-gray-600 hover:text-primary-500"> | |
| <i data-feather="github"></i> | |
| </a> | |
| <a href="#" class="text-gray-600 hover:text-primary-500"> | |
| <i data-feather="twitter"></i> | |
| </a> | |
| <a href="#" class="text-gray-600 hover:text-primary-500"> | |
| <i data-feather="instagram"></i> | |
| </a> | |
| </div> | |
| </div> | |
| <div class="border-t border-gray-200 mt-6 pt-6 text-center text-gray-500 text-sm"> | |
| <p>© 2023 LinkWeaver AI. تمامی حقوق محفوظ است.</p> | |
| </div> | |
| </div> | |
| </footer> | |
| <script> | |
| // Initialize feather icons | |
| feather.replace(); | |
| </script> | |
| </body> | |
| </html> | |