Hugging Face's logo

Spaces:
Alexbyapex
/
toning
Running

App Files Community
Alexbyapex commited on
Commit
e1c1b36
·
verified ·
1 Parent(s): 832b5b8

создай сайт Тонировка и антикоррозийное покрытие авто в Минске - Initial Deployment

Browse files
Files changed (3) hide show
  1. README.md +6 -4
  2. index.html +611 -18
  3. prompts.txt +1 -0
README.md CHANGED
@@ -1,10 +1,12 @@
1
  ---
2
- title: Toning
3
- emoji: 🏢
4
  colorFrom: gray
5
- colorTo: red
6
  sdk: static
7
  pinned: false
 
 
8
  ---
9
 
10
- Check out the configuration reference at https://huggingface.co/docs/hub/spaces-config-reference
 
1
  ---
2
+ title: toning
3
+ emoji: 🐳
4
  colorFrom: gray
5
+ colorTo: green
6
  sdk: static
7
  pinned: false
8
+ tags:
9
+ - deepsite
10
  ---
11
 
12
+ Check out the configuration reference at https://huggingface.co/docs/hub/spaces-config-reference
index.html CHANGED
@@ -1,19 +1,612 @@
1
- <!doctype html>
2
- <html>
3
- <head>
4
- <meta charset="utf-8" />
5
- <meta name="viewport" content="width=device-width" />
6
- <title>My static Space</title>
7
- <link rel="stylesheet" href="style.css" />
8
- </head>
9
- <body>
10
- <div class="card">
11
- <h1>Welcome to your static Space!</h1>
12
- <p>You can modify this app directly by editing <i>index.html</i> in the Files and versions tab.</p>
13
- <p>
14
- Also don't forget to check the
15
- <a href="https://huggingface.co/docs/hub/spaces" target="_blank">Spaces documentation</a>.
16
- </p>
17
- </div>
18
- </body>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
19
  </html>
 
1
+ <!DOCTYPE html>
2
+ <html lang="ru">
3
+ <head>
4
+ <meta charset="UTF-8">
5
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
6
+ <title>Тонировка и антикоррозийное покрытие авто в Минске</title>
7
+ <meta name="description" content="Профессиональная тонировка и антикоррозийная обработка автомобилей в Минске. Качественные материалы, гарантия на работы.">
8
+ <script src="https://cdn.tailwindcss.com"></script>
9
+ <link href="https://unpkg.com/aos@2.3.1/dist/aos.css" rel="stylesheet">
10
+ <script src="https://unpkg.com/aos@2.3.1/dist/aos.js"></script>
11
+ <script src="https://unpkg.com/feather-icons"></script>
12
+ <script src="https://cdn.jsdelivr.net/npm/feather-icons/dist/feather.min.js"></script>
13
+ <script src="https://cdn.jsdelivr.net/npm/vanta@latest/dist/vanta.net.min.js"></script>
14
+ <style>
15
+ .hero-bg {
16
+ background: linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)), url('http://static.photos/automotive/1200x630/1');
17
+ background-size: cover;
18
+ background-position: center;
19
+ }
20
+ .service-card:hover {
21
+ transform: translateY(-10px);
22
+ transition: all 0.3s ease;
23
+ }
24
+ .btn-primary {
25
+ background: linear-gradient(45deg, #3b82f6, #1d4ed8);
26
+ }
27
+ .btn-primary:hover {
28
+ background: linear-gradient(45deg, #1d4ed8, #3b82f6);
29
+ }
30
+ </style>
31
+ </head>
32
+ <body class="font-sans bg-gray-100">
33
+ <div id="vanta-bg" class="fixed top-0 left-0 w-full h-full -z-10"></div>
34
+
35
+ <!-- Header -->
36
+ <header class="bg-black bg-opacity-90 text-white sticky top-0 z-50">
37
+ <div class="container mx-auto px-4 py-4 flex justify-between items-center">
38
+ <a href="#" class="text-2xl font-bold flex items-center">
39
+ <i data-feather="car" class="mr-2"></i>
40
+ <span>AutoProtect</span>
41
+ </a>
42
+ <nav class="hidden md:flex space-x-8">
43
+ <a href="#services" class="hover:text-blue-400 transition">Услуги</a>
44
+ <a href="#about" class="hover:text-blue-400 transition">О нас</a>
45
+ <a href="#portfolio" class="hover:text-blue-400 transition">Портфолио</a>
46
+ <a href="#pricing" class="hover:text-blue-400 transition">Цены</a>
47
+ <a href="#contacts" class="hover:text-blue-400 transition">Контакты</a>
48
+ </nav>
49
+ <div class="flex items-center space-x-4">
50
+ <a href="tel:+375291234567" class="flex items-center hover:text-blue-400">
51
+ <i data-feather="phone" class="mr-1"></i>
52
+ <span class="hidden md:inline">+375 (29) 123-45-67</span>
53
+ </a>
54
+ <button class="md:hidden" id="menu-toggle">
55
+ <i data-feather="menu"></i>
56
+ </button>
57
+ </div>
58
+ </div>
59
+ <!-- Mobile menu -->
60
+ <div id="mobile-menu" class="hidden md:hidden bg-black bg-opacity-95 px-4 py-2">
61
+ <a href="#services" class="block py-2 hover:text-blue-400">Услуги</a>
62
+ <a href="#about" class="block py-2 hover:text-blue-400">О нас</a>
63
+ <a href="#portfolio" class="block py-2 hover:text-blue-400">Портфолио</a>
64
+ <a href="#pricing" class="block py-2 hover:text-blue-400">Цены</a>
65
+ <a href="#contacts" class="block py-2 hover:text-blue-400">Контакты</a>
66
+ </div>
67
+ </header>
68
+
69
+ <!-- Hero Section -->
70
+ <section class="hero-bg text-white py-24 md:py-32">
71
+ <div class="container mx-auto px-4 text-center" data-aos="fade-up">
72
+ <h1 class="text-4xl md:text-6xl font-bold mb-6">Профессиональная защита вашего авто</h1>
73
+ <p class="text-xl md:text-2xl mb-8 max-w-3xl mx-auto">Тонировка и антикоррозийное покрытие в Минске с гарантией качества</p>
74
+ <div class="flex flex-col sm:flex-row justify-center gap-4">
75
+ <a href="#contacts" class="btn-primary text-white px-8 py-3 rounded-full font-semibold shadow-lg">Записаться</a>
76
+ <a href="#pricing" class="bg-white text-gray-800 px-8 py-3 rounded-full font-semibold shadow-lg hover:bg-gray-200">Узн��ть цены</a>
77
+ </div>
78
+ </div>
79
+ </section>
80
+
81
+ <!-- Services Section -->
82
+ <section id="services" class="py-16 bg-white">
83
+ <div class="container mx-auto px-4">
84
+ <h2 class="text-3xl font-bold text-center mb-12" data-aos="fade-up">Наши услуги</h2>
85
+ <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8">
86
+ <!-- Service 1 -->
87
+ <div class="service-card bg-gray-50 rounded-xl p-6 shadow-lg hover:shadow-xl transition" data-aos="fade-up" data-aos-delay="100">
88
+ <div class="text-blue-500 mb-4">
89
+ <i data-feather="sun" class="w-10 h-10"></i>
90
+ </div>
91
+ <h3 class="text-xl font-bold mb-3">Тонировка стекол</h3>
92
+ <p class="text-gray-600 mb-4">Профессиональная тонировка любой сложности с использованием качественных пленок премиум-класса</p>
93
+ <ul class="space-y-2 mb-4">
94
+ <li class="flex items-center">
95
+ <i data-feather="check" class="w-4 h-4 mr-2 text-green-500"></i>
96
+ Защита от солнца и УФ-лучей
97
+ </li>
98
+ <li class="flex items-center">
99
+ <i data-feather="check" class="w-4 h-4 mr-2 text-green-500"></i>
100
+ Повышенная приватность
101
+ </li>
102
+ <li class="flex items-center">
103
+ <i data-feather="check" class="w-4 h-4 mr-2 text-green-500"></i>
104
+ Гарантия 5 лет
105
+ </li>
106
+ </ul>
107
+ <a href="#contacts" class="text-blue-500 font-semibold hover:text-blue-700 flex items-center">Подробнее <i data-feather="arrow-right" class="w-4 h-4 ml-1"></i></a>
108
+ </div>
109
+
110
+ <!-- Service 2 -->
111
+ <div class="service-card bg-gray-50 rounded-xl p-6 shadow-lg hover:shadow-xl transition" data-aos="fade-up" data-aos-delay="200">
112
+ <div class="text-blue-500 mb-4">
113
+ <i data-feather="shield" class="w-10 h-10"></i>
114
+ </div>
115
+ <h3 class="text-xl font-bold mb-3">Антикоррозийная обработка</h3>
116
+ <p class="text-gray-600 mb-4">Комплексная защита кузова от коррозии с использованием современных материалов</p>
117
+ <ul class="space-y-2 mb-4">
118
+ <li class="flex items-center">
119
+ <i data-feather="check" class="w-4 h-4 mr-2 text-green-500"></i>
120
+ Обработка скрытых полостей
121
+ </li>
122
+ <li class="flex items-center">
123
+ <i data-feather="check" class="w-4 h-4 mr-2 text-green-500"></i>
124
+ Защита днища и арок
125
+ </li>
126
+ <li class="flex items-center">
127
+ <i data-feather="check" class="w-4 h-4 mr-2 text-green-500"></i>
128
+ Гарантия 3 года
129
+ </li>
130
+ </ul>
131
+ <a href="#contacts" class="text-blue-500 font-semibold hover:text-blue-700 flex items-center">Подробнее <i data-feather="arrow-right" class="w-4 h-4 ml-1"></i></a>
132
+ </div>
133
+
134
+ <!-- Service 3 -->
135
+ <div class="service-card bg-gray-50 rounded-xl p-6 shadow-lg hover:shadow-xl transition" data-aos="fade-up" data-aos-delay="300">
136
+ <div class="text-blue-500 mb-4">
137
+ <i data-feather="droplet" class="w-10 h-10"></i>
138
+ </div>
139
+ <h3 class="text-xl font-bold mb-3">Жидкое стекло</h3>
140
+ <p class="text-gray-600 mb-4">Нанесение защитного покрытия "жидкое стекло" для сохранения блеска и защиты ЛКП</p>
141
+ <ul class="space-y-2 mb-4">
142
+ <li class="flex items-center">
143
+ <i data-feather="check" class="w-4 h-4 mr-2 text-green-500"></i>
144
+ Гидрофобный эффект
145
+ </li>
146
+ <li class="flex items-center">
147
+ <i data-feather="check" class="w-4 h-4 mr-2 text-green-500"></i>
148
+ Защита от царапин
149
+ </li>
150
+ <li class="flex items-center">
151
+ <i data-feather="check" class="w-4 h-4 mr-2 text-green-500"></i>
152
+ Гарантия 2 года
153
+ </li>
154
+ </ul>
155
+ <a href="#contacts" class="text-blue-500 font-semibold hover:text-blue-700 flex items-center">Подробнее <i data-feather="arrow-right" class="w-4 h-4 ml-1"></i></a>
156
+ </div>
157
+ </div>
158
+ </div>
159
+ </section>
160
+
161
+ <!-- About Section -->
162
+ <section id="about" class="py-16 bg-gray-100">
163
+ <div class="container mx-auto px-4">
164
+ <div class="flex flex-col lg:flex-row items-center">
165
+ <div class="lg:w-1/2 mb-8 lg:mb-0 lg:pr-8" data-aos="fade-right">
166
+ <h2 class="text-3xl font-bold mb-6">Почему выбирают нас</h2>
167
+ <p class="text-gray-600 mb-4">Мы работаем на рынке автоуслуг Минска более 10 лет, предлагая только качественные решения для защиты вашего автомобиля.</p>
168
+ <p class="text-gray-600 mb-6">Наши специалисты проходят регулярное обучение и используют только проверенные материалы от ведущих мировых производителей.</p>
169
+ <div class="grid grid-cols-2 gap-4">
170
+ <div class="bg-white p-4 rounded-lg shadow">
171
+ <div class="text-blue-500 mb-2">
172
+ <i data-feather="award" class="w-6 h-6"></i>
173
+ </div>
174
+ <h4 class="font-bold">10+ лет опыта</h4>
175
+ </div>
176
+ <div class="bg-white p-4 rounded-lg shadow">
177
+ <div class="text-blue-500 mb-2">
178
+ <i data-feather="users" class="w-6 h-6"></i>
179
+ </div>
180
+ <h4 class="font-bold">1000+ клиентов</h4>
181
+ </div>
182
+ <div class="bg-white p-4 rounded-lg shadow">
183
+ <div class="text-blue-500 mb-2">
184
+ <i data-feather="shield" class="w-6 h-6"></i>
185
+ </div>
186
+ <h4 class="font-bold">Гарантия качества</h4>
187
+ </div>
188
+ <div class="bg-white p-4 rounded-lg shadow">
189
+ <div class="text-blue-500 mb-2">
190
+ <i data-feather="clock" class="w-6 h-6"></i>
191
+ </div>
192
+ <h4 class="font-bold">Быстрое выполнение</h4>
193
+ </div>
194
+ </div>
195
+ </div>
196
+ <div class="lg:w-1/2" data-aos="fade-left">
197
+ <div class="bg-white p-2 rounded-xl shadow-xl">
198
+ <img src="http://static.photos/automotive/640x360/2" alt="Наш автосервис" class="rounded-lg w-full">
199
+ </div>
200
+ </div>
201
+ </div>
202
+ </div>
203
+ </section>
204
+
205
+ <!-- Portfolio Section -->
206
+ <section id="portfolio" class="py-16 bg-white">
207
+ <div class="container mx-auto px-4">
208
+ <h2 class="text-3xl font-bold text-center mb-12" data-aos="fade-up">Наши работы</h2>
209
+ <div class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-6">
210
+ <div class="overflow-hidden rounded-xl shadow-lg" data-aos="zoom-in">
211
+ <img src="http://static.photos/automotive/640x360/3" alt="Тонировка автомобиля" class="w-full h-64 object-cover transition hover:scale-105">
212
+ <div class="p-4 bg-gray-50">
213
+ <h3 class="font-bold">Тонировка Mercedes-Benz</h3>
214
+ <p class="text-gray-600 text-sm">Пленка Llumar 35%</p>
215
+ </div>
216
+ </div>
217
+ <div class="overflow-hidden rounded-xl shadow-lg" data-aos="zoom-in" data-aos-delay="100">
218
+ <img src="http://static.photos/automotive/640x360/4" alt="Антикоррозийная обработка" class="w-full h-64 object-cover transition hover:scale-105">
219
+ <div class="p-4 bg-gray-50">
220
+ <h3 class="font-bold">Антикор BMW X5</h3>
221
+ <p class="text-gray-600 text-sm">Материал Dinitrol</p>
222
+ </div>
223
+ </div>
224
+ <div class="overflow-hidden rounded-xl shadow-lg" data-aos="zoom-in" data-aos-delay="200">
225
+ <img src="http://static.photos/automotive/640x360/5" alt="Жидкое стекло" class="w-full h-64 object-cover transition hover:scale-105">
226
+ <div class="p-4 bg-gray-50">
227
+ <h3 class="font-bold">Жидкое стекло Audi</h3>
228
+ <p class="text-gray-600 text-sm">Покрытие Gyeon</p>
229
+ </div>
230
+ </div>
231
+ </div>
232
+ <div class="text-center mt-10">
233
+ <a href="#" class="inline-flex items-center text-blue-500 font-semibold hover:text-blue-700">
234
+ Смотреть все работы <i data-feather="arrow-right" class="w-4 h-4 ml-1"></i>
235
+ </a>
236
+ </div>
237
+ </div>
238
+ </section>
239
+
240
+ <!-- Pricing Section -->
241
+ <section id="pricing" class="py-16 bg-gray-100">
242
+ <div class="container mx-auto px-4">
243
+ <h2 class="text-3xl font-bold text-center mb-12" data-aos="fade-up">Наши цены</h2>
244
+ <div class="grid grid-cols-1 md:grid-cols-3 gap-8">
245
+ <!-- Pricing Card 1 -->
246
+ <div class="bg-white rounded-xl overflow-hidden shadow-lg" data-aos="fade-up" data-aos-delay="100">
247
+ <div class="bg-blue-500 text-white p-6 text-center">
248
+ <h3 class="text-xl font-bold">Тонировка</h3>
249
+ </div>
250
+ <div class="p-6">
251
+ <div class="text-center mb-6">
252
+ <span class="text-4xl font-bold">от 100</span>
253
+ <span class="text-xl">руб.</span>
254
+ </div>
255
+ <ul class="space-y-3 mb-6">
256
+ <li class="flex items-center">
257
+ <i data-feather="check" class="w-4 h-4 mr-2 text-green-500"></i>
258
+ Передние стекла
259
+ </li>
260
+ <li class="flex items-center">
261
+ <i data-feather="check" class="w-4 h-4 mr-2 text-green-500"></i>
262
+ Задние стекла
263
+ </li>
264
+ <li class="flex items-center">
265
+ <i data-feather="check" class="w-4 h-4 mr-2 text-green-500"></i>
266
+ Боковые стекла
267
+ </li>
268
+ <li class="flex items-center">
269
+ <i data-feather="check" class="w-4 h-4 mr-2 text-green-500"></i>
270
+ Разные степени затемнения
271
+ </li>
272
+ </ul>
273
+ <a href="#contacts" class="block text-center bg-blue-500 text-white py-3 rounded-lg font-semibold hover:bg-blue-600">Заказать</a>
274
+ </div>
275
+ </div>
276
+
277
+ <!-- Pricing Card 2 -->
278
+ <div class="bg-white rounded-xl overflow-hidden shadow-lg transform scale-105" data-aos="fade-up">
279
+ <div class="bg-blue-600 text-white p-6 text-center">
280
+ <h3 class="text-xl font-bold">Антикор</h3>
281
+ <div class="mt-2 text-sm font-medium">Популярный выбор</div>
282
+ </div>
283
+ <div class="p-6">
284
+ <div class="text-center mb-6">
285
+ <span class="text-4xl font-bold">от 250</span>
286
+ <span class="text-xl">руб.</span>
287
+ </div>
288
+ <ul class="space-y-3 mb-6">
289
+ <li class="flex items-center">
290
+ <i data-feather="check" class="w-4 h-4 mr-2 text-green-500"></i>
291
+ Обработка днища
292
+ </li>
293
+ <li class="flex items-center">
294
+ <i data-feather="check" class="w-4 h-4 mr-2 text-green-500"></i>
295
+ Обработка арок
296
+ </li>
297
+ <li class="flex items-center">
298
+ <i data-feather="check" class="w-4 h-4 mr-2 text-green-500"></i>
299
+ Скрытые полости
300
+ </li>
301
+ <li class="flex items-center">
302
+ <i data-feather="check" class="w-4 h-4 mr-2 text-green-500"></i>
303
+ Гарантия 3 года
304
+ </li>
305
+ </ul>
306
+ <a href="#contacts" class="block text-center bg-blue-600 text-white py-3 rounded-lg font-semibold hover:bg-blue-700">Заказать</a>
307
+ </div>
308
+ </div>
309
+
310
+ <!-- Pricing Card 3 -->
311
+ <div class="bg-white rounded-xl overflow-hidden shadow-lg" data-aos="fade-up" data-aos-delay="100">
312
+ <div class="bg-blue-500 text-white p-6 text-center">
313
+ <h3 class="text-xl font-bold">Жидкое стекло</h3>
314
+ </div>
315
+ <div class="p-6">
316
+ <div class="text-center mb-6">
317
+ <span class="text-4xl font-bold">от 300</span>
318
+ <span class="text-xl">руб.</span>
319
+ </div>
320
+ <ul class="space-y-3 mb-6">
321
+ <li class="flex items-center">
322
+ <i data-feather="check" class="w-4 h-4 mr-2 text-green-500"></i>
323
+ Нанесение покрытия
324
+ </li>
325
+ <li class="flex items-center">
326
+ <i data-feather="check" class="w-4 h-4 mr-2 text-green-500"></i>
327
+ Полировка кузова
328
+ </li>
329
+ <li class="flex items-center">
330
+ <i data-feather="check" class="w-4 h-4 mr-2 text-green-500"></i>
331
+ Гидрофобный эффект
332
+ </li>
333
+ <li class="flex items-center">
334
+ <i data-feather="check" class="w-4 h-4 mr-2 text-green-500"></i>
335
+ Гарантия 2 года
336
+ </li>
337
+ </ul>
338
+ <a href="#contacts" class="block text-center bg-blue-500 text-white py-3 rounded-lg font-semibold hover:bg-blue-600">Заказать</a>
339
+ </div>
340
+ </div>
341
+ </div>
342
+ </div>
343
+ </section>
344
+
345
+ <!-- Testimonials -->
346
+ <section class="py-16 bg-white">
347
+ <div class="container mx-auto px-4">
348
+ <h2 class="text-3xl font-bold text-center mb-12" data-aos="fade-up">Отзывы клиентов</h2>
349
+ <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8">
350
+ <!-- Testimonial 1 -->
351
+ <div class="bg-gray-50 p-6 rounded-xl shadow" data-aos="fade-up" data-aos-delay="100">
352
+ <div class="flex items-center mb-4">
353
+ <div class="w-12 h-12 rounded-full bg-blue-100 flex items-center justify-center text-blue-500 font-bold mr-4">
354
+ ИП
355
+ </div>
356
+ <div>
357
+ <h4 class="font-bold">Иван Петров</h4>
358
+ <div class="flex text-yellow-400">
359
+ <i data-feather="star" class="w-4 h-4 fill-current"></i>
360
+ <i data-feather="star" class="w-4 h-4 fill-current"></i>
361
+ <i data-feather="star" class="w-4 h-4 fill-current"></i>
362
+ <i data-feather="star" class="w-4 h-4 fill-current"></i>
363
+ <i data-feather="star" class="w-4 h-4 fill-current"></i>
364
+ </div>
365
+ </div>
366
+ </div>
367
+ <p class="text-gray-600">"Сделали тонировку на моем BMW, работа выполнена идеально, без пузырей и точно в срок. Рекомендую!"</p>
368
+ </div>
369
+
370
+ <!-- Testimonial 2 -->
371
+ <div class="bg-gray-50 p-6 rounded-xl shadow" data-aos="fade-up" data-aos-delay="200">
372
+ <div class="flex items-center mb-4">
373
+ <div class="w-12 h-12 rounded-full bg-blue-100 flex items-center justify-center text-blue-500 font-bold mr-4">
374
+ АС
375
+ </div>
376
+ <div>
377
+ <h4 class="font-bold">Анна Сидорова</h4>
378
+ <div class="flex text-yellow-400">
379
+ <i data-feather="star" class="w-4 h-4 fill-current"></i>
380
+ <i data-feather="star" class="w-4 h-4 fill-current"></i>
381
+ <i data-feather="star" class="w-4 h-4 fill-current"></i>
382
+ <i data-feather="star" class="w-4 h-4 fill-current"></i>
383
+ <i data-feather="star" class="w-4 h-4 fill-current"></i>
384
+ </div>
385
+ </div>
386
+ </div>
387
+ <p class="text-gray-600">"После антикора на своей Skoda чувствую себя спокойнее зимой. Обработка сделана качественно, весь процесс занял немного времени."</p>
388
+ </div>
389
+
390
+ <!-- Testimonial 3 -->
391
+ <div class="bg-gray-50 p-6 rounded-xl shadow" data-aos="fade-up" data-aos-delay="300">
392
+ <div class="flex items-center mb-4">
393
+ <div class="w-12 h-12 rounded-full bg-blue-100 flex items-center justify-center text-blue-500 font-bold mr-4">
394
+ ДК
395
+ </div>
396
+ <div>
397
+ <h4 class="font-bold">Дмитрий Ковалев</h4>
398
+ <div class="flex text-yellow-400">
399
+ <i data-feather="star" class="w-4 h-4 fill-current"></i>
400
+ <i data-feather="star" class="w-4 h-4 fill-current"></i>
401
+ <i data-feather="star" class="w-4 h-4 fill-current"></i>
402
+ <i data-feather="star" class="w-4 h-4 fill-current"></i>
403
+ <i data-feather="star" class="w-4 h-4 fill-current"></i>
404
+ </div>
405
+ </div>
406
+ </div>
407
+ <p class="text-gray-600">"Нанесение жидкого стекла превзошло мои ожидания. Автомобиль блестит как новый уже полгода. Отличная работа!"</p>
408
+ </div>
409
+ </div>
410
+ </div>
411
+ </section>
412
+
413
+ <!-- CTA Section -->
414
+ <section class="py-16 bg-blue-600 text-white">
415
+ <div class="container mx-auto px-4 text-center">
416
+ <h2 class="text-3xl font-bold mb-6" data-aos="fade-up">Готовы защитить свой автомобиль?</h2>
417
+ <p class="text-xl mb-8 max-w-2xl mx-auto" data-aos="fade-up" data-aos-delay="100">Запишитесь на бесплатную консультацию и получите индивидуальное предложение</p>
418
+ <div data-aos="fade-up" data-aos-delay="200">
419
+ <a href="#contacts" class="inline-block bg-white text-blue-600 px-8 py-3 rounded-full font-semibold shadow-lg hover:bg-gray-100">Записаться сейчас</a>
420
+ </div>
421
+ </div>
422
+ </section>
423
+
424
+ <!-- Contacts Section -->
425
+ <section id="contacts" class="py-16 bg-white">
426
+ <div class="container mx-auto px-4">
427
+ <h2 class="text-3xl font-bold text-center mb-12" data-aos="fade-up">Контакты</h2>
428
+ <div class="flex flex-col lg:flex-row gap-12">
429
+ <div class="lg:w-1/2" data-aos="fade-right">
430
+ <div class="bg-gray-50 rounded-xl p-6 shadow-lg">
431
+ <h3 class="text-xl font-bold mb-6">Наши контакты</h3>
432
+ <div class="space-y-6">
433
+ <div class="flex items-start">
434
+ <div class="text-blue-500 mr-4">
435
+ <i data-feather="map-pin" class="w-6 h-6"></i>
436
+ </div>
437
+ <div>
438
+ <h4 class="font-bold mb-1">Адрес</h4>
439
+ <p class="text-gray-600">г. Минск, ул. Автозаводская, 23</p>
440
+ </div>
441
+ </div>
442
+ <div class="flex items-start">
443
+ <div class="text-blue-500 mr-4">
444
+ <i data-feather="phone" class="w-6 h-6"></i>
445
+ </div>
446
+ <div>
447
+ <h4 class="font-bold mb-1">Телефон</h4>
448
+ <p class="text-gray-600">+375 (29) 123-45-67</p>
449
+ <p class="text-gray-600">+375 (33) 765-43-21</p>
450
+ </div>
451
+ </div>
452
+ <div class="flex items-start">
453
+ <div class="text-blue-500 mr-4">
454
+ <i data-feather="mail" class="w-6 h-6"></i>
455
+ </div>
456
+ <div>
457
+ <h4 class="font-bold mb-1">Email</h4>
458
+ <p class="text-gray-600">info@autoprotect.by</p>
459
+ </div>
460
+ </div>
461
+ <div class="flex items-start">
462
+ <div class="text-blue-500 mr-4">
463
+ <i data-feather="clock" class="w-6 h-6"></i>
464
+ </div>
465
+ <div>
466
+ <h4 class="font-bold mb-1">Часы работы</h4>
467
+ <p class="text-gray-600">Пн-Пт: 9:00 - 19:00</p>
468
+ <p class="text-gray-600">Сб: 10:00 - 16:00</p>
469
+ <p class="text-gray-600">Вс: выходной</p>
470
+ </div>
471
+ </div>
472
+ </div>
473
+ <div class="mt-8 flex space-x-4">
474
+ <a href="#" class="text-blue-500 hover:text-blue-700">
475
+ <i data-feather="facebook" class="w-6 h-6"></i>
476
+ </a>
477
+ <a href="#" class="text-blue-500 hover:text-blue-700">
478
+ <i data-feather="instagram" class="w-6 h-6"></i>
479
+ </a>
480
+ <a href="#" class="text-blue-500 hover:text-blue-700">
481
+ <i data-feather="youtube" class="w-6 h-6"></i>
482
+ </a>
483
+ </div>
484
+ </div>
485
+ </div>
486
+ <div class="lg:w-1/2" data-aos="fade-left">
487
+ <div class="bg-gray-50 rounded-xl p-6 shadow-lg">
488
+ <h3 class="text-xl font-bold mb-6">Записаться на услугу</h3>
489
+ <form class="space-y-4">
490
+ <div>
491
+ <label for="name" class="block mb-1 font-medium">Ваше имя</label>
492
+ <input type="text" id="name" class="w-full px-4 py-2 border border-gray-300 rounded-lg focus:outline-none focus:ring-2 focus:ring-blue-500">
493
+ </div>
494
+ <div>
495
+ <label for="phone" class="block mb-1 font-medium">Телефон</label>
496
+ <input type="tel" id="phone" class="w-full px-4 py-2 border border-gray-300 rounded-lg focus:outline-none focus:ring-2 focus:ring-blue-500">
497
+ </div>
498
+ <div>
499
+ <label for="service" class="block mb-1 font-medium">Услуга</label>
500
+ <select id="service" class="w-full px-4 py-2 border border-gray-300 rounded-lg focus:outline-none focus:ring-2 focus:ring-blue-500">
501
+ <option value="">Выберите услугу</option>
502
+ <option value="toning">Тонировка</option>
503
+ <option value="anticor">Антикоррозийная обработка</option>
504
+ <option value="glass">Жидкое стекло</option>
505
+ <option value="other">Другое</option>
506
+ </select>
507
+ </div>
508
+ <div>
509
+ <label for="message" class="block mb-1 font-medium">Сообщение</label>
510
+ <textarea id="message" rows="4" class="w-full px-4 py-2 border border-gray-300 rounded-lg focus:outline-none focus:ring-2 focus:ring-blue-500"></textarea>
511
+ </div>
512
+ <button type="submit" class="w-full bg-blue-500 text-white py-3 rounded-lg font-semibold hover:bg-blue-600">Отправить заявку</button>
513
+ </form>
514
+ </div>
515
+ </div>
516
+ </div>
517
+ </div>
518
+ </section>
519
+
520
+ <!-- Map -->
521
+ <div class="h-96 w-full">
522
+ <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d2350.809719850586!2d27.65105241585964!3d53.90133298009888!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x46dbcf9e3f7e9f0f%3A0x7e2b1f6b6e3f9e9d!2z0YPQuy4g0JDQstGC0L7Qv9C-0LvQvtCy0LAg0JHQvtC70YzRiNCw0Y8gMjMsINCc0LjQvdGB0Lo!5e0!3m2!1sru!2sby!4v1620000000000!5m2!1sru!2sby" width="100%" height="100%" style="border:0;" allowfullscreen="" loading="lazy"></iframe>
523
+ </div>
524
+
525
+ <!-- Footer -->
526
+ <footer class="bg-gray-900 text-white py-12">
527
+ <div class="container mx-auto px-4">
528
+ <div class="grid grid-cols-1 md:grid-cols-4 gap-8">
529
+ <div>
530
+ <h3 class="text-xl font-bold mb-4 flex items-center">
531
+ <i data-feather="car" class="mr-2"></i>
532
+ AutoProtect
533
+ </h3>
534
+ <p class="text-gray-400">Профессиональная защита вашего автомобиля в Минске.</p>
535
+ </div>
536
+ <div>
537
+ <h4 class="font-bold mb-4">Услуги</h4>
538
+ <ul class="space-y-2">
539
+ <li><a href="#" class="text-gray-400 hover:text-white">Тонировка</a></li>
540
+ <li><a href="#" class="text-gray-400 hover:text-white">Антикор</a></li>
541
+ <li><a href="#" class="text-gray-400 hover:text-white">Жидкое стекло</a></li>
542
+ <li><a href="#" class="text-gray-400 hover:text-white">Другие услуги</a></li>
543
+ </ul>
544
+ </div>
545
+ <div>
546
+ <h4 class="font-bold mb-4">Компания</h4>
547
+ <ul class="space-y-2">
548
+ <li><a href="#" class="text-gray-400 hover:text-white">О нас</a></li>
549
+ <li><a href="#" class="text-gray-400 hover:text-white">Портфолио</a></li>
550
+ <li><a href="#" class="text-gray-400 hover:text-white">Отзывы</a></li>
551
+ <li><a href="#" class="text-gray-400 hover:text-white">Контакты</a></li>
552
+ </ul>
553
+ </div>
554
+ <div>
555
+ <h4 class="font-bold mb-4">Контакты</h4>
556
+ <ul class="space-y-2">
557
+ <li class="flex items-center">
558
+ <i data-feather="map-pin" class="w-4 h-4 mr-2"></i>
559
+ <span class="text-gray-400">г. Минск, ул. Автозаводская, 23</span>
560
+ </li>
561
+ <li class="flex items-center">
562
+ <i data-feather="phone" class="w-4 h-4 mr-2"></i>
563
+ <span class="text-gray-400">+375 (29) 123-45-67</span>
564
+ </li>
565
+ <li class="flex items-center">
566
+ <i data-feather="mail" class="w-4 h-4 mr-2"></i>
567
+ <span class="text-gray-400">info@autoprotect.by</span>
568
+ </li>
569
+ </ul>
570
+ </div>
571
+ </div>
572
+ <div class="border-t border-gray-800 mt-8 pt-8 text-center text-gray-400">
573
+ <p>&copy; 2023 AutoProtect. Все права защищены.</p>
574
+ </div>
575
+ </div>
576
+ </footer>
577
+
578
+ <script>
579
+ // Mobile menu toggle
580
+ document.getElementById('menu-toggle').addEventListener('click', function() {
581
+ document.getElementById('mobile-menu').classList.toggle('hidden');
582
+ });
583
+
584
+ // Vanta.js background
585
+ VANTA.NET({
586
+ el: "#vanta-bg",
587
+ mouseControls: true,
588
+ touchControls: true,
589
+ gyroControls: false,
590
+ minHeight: 200.00,
591
+ minWidth: 200.00,
592
+ scale: 1.00,
593
+ scaleMobile: 1.00,
594
+ color: 0x3b82f6,
595
+ backgroundColor: 0x111827,
596
+ points: 10.00,
597
+ maxDistance: 20.00,
598
+ spacing: 15.00
599
+ });
600
+
601
+ // Initialize AOS and Feather Icons
602
+ document.addEventListener('DOMContentLoaded', function() {
603
+ AOS.init({
604
+ duration: 800,
605
+ easing: 'ease-in-out',
606
+ once: true
607
+ });
608
+ feather.replace();
609
+ });
610
+ </script>
611
+ </body>
612
  </html>
prompts.txt ADDED
@@ -0,0 +1 @@
 
 
1
+ создай сайт Тонировка и антикоррозийное покрытие авто в Минске