code_sandbox_light_2/error.php at main · AlexWorkTeam/code_sandbox_light_2 · GitHub

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
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
<!DOCTYPE html>
<html lang="ru">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="robots" content="noindex, nofollow">
    <title>Вы уже оставляли заявку | Cordoba Legal Group</title>

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

    <!-- Font Awesome -->
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@fortawesome/fontawesome-free@6.4.0/css/all.min.css">

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

    <style>
        body {
            font-family: 'Inter', sans-serif;
        }

        .gradient-bg {
            background: linear-gradient(135deg, #f0f9ff 0%, #e0f2fe 100%);
        }

        .check-animation {
            animation: scaleIn 0.5s ease-out;
        }

        @keyframes scaleIn {
            0% {
                transform: scale(0);
                opacity: 0;
            }
            50% {
                transform: scale(1.1);
            }
            100% {
                transform: scale(1);
                opacity: 1;
            }
        }

        .fade-in {
            animation: fadeIn 0.8s ease-out;
        }

        @keyframes fadeIn {
            from {
                opacity: 0;
                transform: translateY(20px);
            }
            to {
                opacity: 1;
                transform: translateY(0);
            }
        }

        .pulse-animation {
            animation: pulse 2s infinite;
        }

        @keyframes pulse {
            0%, 100% {
                transform: scale(1);
            }
            50% {
                transform: scale(1.05);
            }
        }
    </style>
</head>
<body class="bg-gray-50">

    <!-- Header -->
    <header class="bg-white shadow-sm">
        <div class="max-w-5xl mx-auto px-4 py-4">
            <a href="index.html" class="flex items-center">
                <img src="https://page.gensparksite.com/v1/base64_upload/1cf7a01430bbb0d0b97b6f7e07422f8f"
                     alt="Cordoba Legal Group"
                     class="h-10 md:h-12 w-auto">
            </a>
        </div>
    </header>

    <!-- Main Content -->
    <main class="py-12 md:py-20">
        <div class="max-w-4xl mx-auto px-4">

            <!-- Warning Icon -->
            <div class="text-center mb-8">
                <div class="inline-flex items-center justify-center w-24 h-24 bg-yellow-100 rounded-full check-animation mb-6">
                    <i class="fas fa-exclamation-triangle text-yellow-600 text-5xl"></i>
                </div>

                <h1 class="text-3xl md:text-4xl lg:text-5xl font-bold text-gray-800 mb-4 fade-in">
                    Вы уже оставляли заявку!
                </h1>

                <p class="text-xl text-gray-600 mb-8 fade-in">
                    Мы уже получили вашу заявку ранее. Наш менеджер свяжется с вами в ближайшее время.
                </p>
            </div>

            <!-- Info Card -->
            <div id="info-card" class="bg-white rounded-2xl shadow-xl p-6 md:p-8 mb-8 fade-in">
                <div class="border-l-4 border-yellow-600 pl-6 mb-6">
                    <h2 class="text-2xl md:text-3xl font-bold text-gray-800 mb-2">
                        <i class="fas fa-info-circle text-yellow-600 mr-3"></i>Информация о вашей заявке
                    </h2>
                    <p class="text-gray-600">Ваша заявка уже в обработке</p>
                </div>

                <!-- Duplicate Info -->
                <div class="space-y-4">
                    <div class="bg-yellow-50 border-l-4 border-yellow-500 p-4 rounded-r-lg mb-4">
                        <h3 class="font-bold text-lg text-gray-800 mb-2">Ваша заявка уже в обработке</h3>
                        <p class="text-gray-700">Мы получили вашу заявку ранее и она находится в работе. Повторная отправка не требуется.</p>
                    </div>

                    <div class="space-y-3">
                        <h4 class="font-bold text-gray-800 flex items-center">
                            <i class="fas fa-clock text-blue-600 mr-2"></i>
                            Что происходит с вашей заявкой:
                        </h4>
                        <ul class="space-y-2">
                            <li class="flex items-start">
                                <i class="fas fa-check-circle text-green-500 mt-1 mr-3 flex-shrink-0"></i>
                                <span class="text-gray-700">Ваши данные находятся в нашей системе</span>
                            </li>
                            <li class="flex items-start">
                                <i class="fas fa-check-circle text-green-500 mt-1 mr-3 flex-shrink-0"></i>
                                <span class="text-gray-700">Наши специалисты уже работают над вашим делом</span>
                            </li>
                            <li class="flex items-start">
                                <i class="fas fa-check-circle text-green-500 mt-1 mr-3 flex-shrink-0"></i>
                                <span class="text-gray-700">Мы свяжемся с вами в ближайшее время</span>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>

            <!-- Next Steps -->
            <div class="bg-white rounded-2xl shadow-xl p-6 md:p-8 mb-8 border-2 border-blue-100 fade-in">
                <h2 class="text-2xl md:text-3xl font-bold mb-6 text-gray-800">
                    <i class="fas fa-list-check mr-3 text-blue-600"></i>Что будет дальше?
                </h2>

                <div class="space-y-6">
                    <div class="flex items-start space-x-4">
                        <div class="flex-shrink-0">
                            <div class="bg-blue-600 text-white rounded-full w-12 h-12 flex items-center justify-center font-bold text-xl shadow-lg">
                                1
                            </div>
                        </div>
                        <div class="flex-1">
                            <h3 class="font-bold text-lg mb-2 text-gray-800">В течение 15 минут</h3>
                            <p class="text-gray-600 leading-relaxed">Наш менеджер свяжется с вами для уточнения деталей и подтверждения информации</p>
                        </div>
                    </div>

                    <div class="flex items-start space-x-4">
                        <div class="flex-shrink-0">
                            <div class="bg-green-600 text-white rounded-full w-12 h-12 flex items-center justify-center font-bold text-xl shadow-lg">
                                2
                            </div>
                        </div>
                        <div class="flex-1">
                            <h3 class="font-bold text-lg mb-2 text-gray-800">В течение 24 часов</h3>
                            <p class="text-gray-600 leading-relaxed">Наши юристы проведут глубокий анализ вашей ситуации и подготовят детальное заключение</p>
                        </div>
                    </div>

                    <div class="flex items-start space-x-4">
                        <div class="flex-shrink-0">
                            <div class="bg-amber-500 text-white rounded-full w-12 h-12 flex items-center justify-center font-bold text-xl shadow-lg">
                                3
                            </div>
                        </div>
                        <div class="flex-1">
                            <h3 class="font-bold text-lg mb-2 text-gray-800">После консультации</h3>
                            <p class="text-gray-600 leading-relaxed">При положительном прогнозе мы предложим вам план действий и обсудим условия сотрудничества</p>
                        </div>
                    </div>
                </div>
            </div>

            <!-- Contact Info -->
            <div class="bg-white rounded-2xl shadow-xl p-6 md:p-8 fade-in">
                <h2 class="text-2xl font-bold text-gray-800 mb-6 text-center">
                    <i class="fas fa-phone-alt text-blue-600 mr-2"></i>Остались вопросы?
                </h2>

                <div class="text-center space-y-4">
                    <p class="text-gray-600">Вы можете связаться с нами прямо сейчас:</p>

                    <div class="flex flex-col md:flex-row justify-center gap-4">
                        <a href="tel:+4912345678" class="inline-flex items-center justify-center px-6 py-3 bg-blue-600 hover:bg-blue-700 text-white font-semibold rounded-lg transition">
                            <i class="fas fa-phone mr-2"></i>
                            +49 (0) 123 456 78
                        </a>

                        <a href="mailto:info@cordoba-legal.com" class="inline-flex items-center justify-center px-6 py-3 bg-gray-800 hover:bg-gray-900 text-white font-semibold rounded-lg transition">
                            <i class="fas fa-envelope mr-2"></i>
                            info@cordoba-legal.com
                        </a>
                    </div>

                    <div class="pt-6 border-t border-gray-200 mt-6">
                        <a href="index.html" class="text-blue-600 hover:text-blue-700 font-semibold">
                            <i class="fas fa-arrow-left mr-2"></i>
                            Вернуться на главную страницу
                        </a>
                    </div>
                </div>
            </div>

        </div>
    </main>

    <!-- Footer -->
    <footer class="bg-gray-800 text-white py-8 mt-12">
        <div class="max-w-5xl mx-auto px-4 text-center">
            <p class="text-gray-400 text-sm">
                © 2024 Cordoba Legal Group. Все права защищены.
            </p>
            <div class="mt-4 space-x-6">
                <a href="privacy-policy.html" class="text-gray-400 hover:text-white text-sm">Политика конфиденциальности</a>
                <a href="terms-of-use.html" class="text-gray-400 hover:text-white text-sm">Условия использования</a>
                <a href="disclaimer.html" class="text-gray-400 hover:text-white text-sm">Отказ от ответственности</a>
            </div>
        </div>
    </footer>


</body>
</html>