حرفه ایی تر و جذاب ترش کن و زبان و کشور کاربر رو برساس user agent تشخیص بده طراحی اون با کتابخونه های حرفه ایی مدرن جذاب و سبک باشه خیلی حرفه اییش کن
887b497 verified | <html lang="fa" dir="rtl"> | |
| <head> | |
| <meta charset="UTF-8"> | |
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | |
| <title>در حال ساخت | Persian Optimizer</title> | |
| <link rel="stylesheet" href="style.css"> | |
| <link rel="manifest" href="/manifest.json"> | |
| <script src="https://cdn.tailwindcss.com"></script> | |
| <script src="https://cdn.jsdelivr.net/npm/feather-icons/dist/feather.min.js"></script> | |
| <script src="https://unpkg.com/feather-icons"></script> | |
| <script src="https://unpkg.com/detect-browser"></script> | |
| <script src="https://cdnjs.cloudflare.com/ajax/libs/animejs/3.2.1/anime.min.js"></script> | |
| <script src="https://unpkg.com/aos@2.3.1/dist/aos.js"></script> | |
| <style> | |
| [dir="rtl"] * { | |
| font-family: 'Vazir', sans-serif; | |
| } | |
| </style> | |
| </head> | |
| <body class="bg-gray-900 text-white"> | |
| <custom-navbar></custom-navbar> | |
| <main class="min-h-screen flex items-center justify-center"> | |
| <div class="glass-container backdrop-blur-lg rounded-3xl overflow-hidden border border-white/10 max-w-4xl mx-auto"> | |
| <div class="p-12 text-center"> | |
| <div class="mb-12"> | |
| <div class="inline-block relative"> | |
| <div class="absolute inset-0 bg-indigo-600/30 blur-2xl rounded-full animate-pulse"></div> | |
| <h1 class="text-5xl md:text-6xl font-bold relative z-10 bg-clip-text text-transparent bg-gradient-to-r from-indigo-300 to-purple-300 mb-4"> | |
| در حال ساخت | |
| </h1> | |
| </div> | |
| <p class="text-xl text-gray-300 max-w-2xl mx-auto leading-relaxed"> | |
| ما در حال ایجاد یک تجربه استثنایی هستیم. لطفاً برای به روزرسانی‌ها با ما در ارتباط باشید. | |
| </p> | |
| </div> | |
| <div class="grid md:grid-cols-3 gap-8 mb-12"> | |
| <div class="glass-card p-8 rounded-xl hover:scale-105 transition-transform duration-300"> | |
| <div class="w-16 h-16 mx-auto mb-6 rounded-full bg-indigo-600/20 flex items-center justify-center"> | |
| <i data-feather="zap" class="w-8 h-8 text-indigo-300"></i> | |
| </div> | |
| <h3 class="text-xl font-semibold mb-3">عملکرد خارق‌العاده</h3> | |
| <p class="text-gray-300">بهینه‌سازی شده برای سریع‌ترین تجربه ممکن</p> | |
| </div> | |
| <div class="glass-card p-8 rounded-xl hover:scale-105 transition-transform duration-300"> | |
| <div class="w-16 h-16 mx-auto mb-6 rounded-full bg-purple-600/20 flex items-center justify-center"> | |
| <i data-feather="eye" class="w-8 h-8 text-purple-300"></i> | |
| </div> | |
| <h3 class="text-xl font-semibold mb-3">طراحی مدرن</h3> | |
| <p class="text-gray-300">با آخرین استانداردهای طراحی وب</p> | |
| </div> | |
| <div class="glass-card p-8 rounded-xl hover:scale-105 transition-transform duration-300"> | |
| <div class="w-16 h-16 mx-auto mb-6 rounded-full bg-pink-600/20 flex items-center justify-center"> | |
| <i data-feather="clock" class="w-8 h-8 text-pink-300"></i> | |
| </div> | |
| <h3 class="text-xl font-semibold mb-3">به زودی</h3> | |
| <p class="text-gray-300">در حال آماده‌سازی نسخه نهایی</p> | |
| </div> | |
| </div> | |
| <div class="max-w-md mx-auto"> | |
| <div class="glass-card p-1 rounded-xl inline-block"> | |
| <div class="flex items-center"> | |
| <input type="email" placeholder="ایمیل شما" class="bg-transparent border-0 focus:ring-0 text-white placeholder-gray-400 px-4 py-3 w-64"> | |
| <button class="bg-gradient-to-r from-indigo-500 to-purple-500 rounded-lg px-6 py-3 hover:opacity-90 transition-opacity"> | |
| اطلاع‌رسانی | |
| </button> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </main> | |
| <div class="fixed inset-0 -z-10 overflow-hidden"> | |
| <div class="absolute inset-0 bg-gradient-to-br from-gray-900 via-purple-900 to-gray-900 opacity-90"></div> | |
| <div class="absolute inset-0 bg-[url('https://grainy-gradients.vercel.app/noise.svg')] opacity-10"></div> | |
| <div class="absolute top-1/4 left-1/4 w-64 h-64 rounded-full bg-purple-600/20 blur-3xl animate-pulse"></div> | |
| <div class="absolute bottom-1/4 right-1/4 w-64 h-64 rounded-full bg-indigo-600/20 blur-3xl animate-pulse delay-500"></div> | |
| </div> | |
| <custom-footer></custom-footer> | |
| <script src="components/navbar.js"></script> | |
| <script src="components/footer.js"></script> | |
| <script src="script.js"></script> | |
| <script> | |
| feather.replace(); | |
| const link = document.createElement('link'); | |
| link.href = 'https://cdn.jsdelivr.net/gh/rastikerdar/vazir-font@v30.1.0/dist/font-face.css'; | |
| link.rel = 'stylesheet'; | |
| document.head.appendChild(link); | |
| </script> | |
| </body> | |
| </html> | |