Hugging Face's logo

Spaces:
memarzade-dev
/
persian-optimizer-delight
Running

App Files Community
persian-optimizer-delight
File size: 5,533 Bytes
07ce319
00f919a
 
 
 
 
07ce319
00f919a
887b497
00f919a
 
 
887b497
 
 
 
00f919a
 
 
 
 
07ce319
00f919a
 
07ce319
 
 
 
 
 
 
 
 
00f919a
07ce319
 
 
00f919a
07ce319
 
 
 
 
 
 
 
 
 
 
 
 
 
 
00f919a
07ce319
 
 
 
 
 
00f919a
 
 
07ce319
 
 
 
 
 
 
 
 
 
00f919a
 
07ce319
 
 
 
 
 
 
 
00f919a
 
 
 
 
 
 
 
 
 
 
 
 
 
07ce319
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99

<!DOCTYPE html>
<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>