Spaces:
Running
Running
Add 2 files
Browse files- index.html +311 -1
- prompts.txt +1 -0
index.html
CHANGED
|
@@ -31,6 +31,26 @@
|
|
| 31 |
background-color: #3B82F6;
|
| 32 |
color: white;
|
| 33 |
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 34 |
</style>
|
| 35 |
</head>
|
| 36 |
<body class="font-sans">
|
|
@@ -43,6 +63,7 @@
|
|
| 43 |
<a href="#portfolio" class="text-gray-700 hover:text-blue-600 transition">Портфолио</a>
|
| 44 |
<a href="#reviews" class="text-gray-700 hover:text-blue-600 transition">Отзывы</a>
|
| 45 |
<a href="#about" class="text-gray-700 hover:text-blue-600 transition">О нас</a>
|
|
|
|
| 46 |
</nav>
|
| 47 |
</div>
|
| 48 |
<div class="flex items-center space-x-4">
|
|
@@ -155,6 +176,39 @@
|
|
| 155 |
</div>
|
| 156 |
</div>
|
| 157 |
</div>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 158 |
</div>
|
| 159 |
</section>
|
| 160 |
|
|
@@ -307,5 +361,261 @@
|
|
| 307 |
</div>
|
| 308 |
|
| 309 |
<div class="text-center mt-12">
|
| 310 |
-
<button class="bg-blue-600 text-white px-8 py-3 rounded-md hover:bg
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 311 |
</html>
|
|
|
|
| 31 |
background-color: #3B82F6;
|
| 32 |
color: white;
|
| 33 |
}
|
| 34 |
+
.review-card {
|
| 35 |
+
transition: all 0.3s ease;
|
| 36 |
+
}
|
| 37 |
+
.review-card:hover {
|
| 38 |
+
transform: scale(1.02);
|
| 39 |
+
box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1);
|
| 40 |
+
}
|
| 41 |
+
.floating-button {
|
| 42 |
+
position: fixed;
|
| 43 |
+
bottom: 30px;
|
| 44 |
+
right: 30px;
|
| 45 |
+
z-index: 100;
|
| 46 |
+
box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.3);
|
| 47 |
+
}
|
| 48 |
+
.parallax-section {
|
| 49 |
+
background-attachment: fixed;
|
| 50 |
+
background-position: center;
|
| 51 |
+
background-repeat: no-repeat;
|
| 52 |
+
background-size: cover;
|
| 53 |
+
}
|
| 54 |
</style>
|
| 55 |
</head>
|
| 56 |
<body class="font-sans">
|
|
|
|
| 63 |
<a href="#portfolio" class="text-gray-700 hover:text-blue-600 transition">Портфолио</a>
|
| 64 |
<a href="#reviews" class="text-gray-700 hover:text-blue-600 transition">Отзывы</a>
|
| 65 |
<a href="#about" class="text-gray-700 hover:text-blue-600 transition">О нас</a>
|
| 66 |
+
<a href="#faq" class="text-gray-700 hover:text-blue-600 transition">Вопросы</a>
|
| 67 |
</nav>
|
| 68 |
</div>
|
| 69 |
<div class="flex items-center space-x-4">
|
|
|
|
| 176 |
</div>
|
| 177 |
</div>
|
| 178 |
</div>
|
| 179 |
+
<div class="grid md:grid-cols-2 gap-8 mt-8">
|
| 180 |
+
<div class="project-card bg-white rounded-lg overflow-hidden shadow-lg">
|
| 181 |
+
<img src="https://images.unsplash.com/photo-1600121848594-d8644e57abab?ixlib=rb-1.2.1&auto=format&fit=crop&w=1350&q=80" alt="Лофт стиль" class="w-full h-64 object-cover">
|
| 182 |
+
<div class="p-6">
|
| 183 |
+
<h3 class="text-2xl font-bold mb-3">Лофт</h3>
|
| 184 |
+
<p class="text-gray-600 mb-4">Грубые фактуры, кирпичные стены, открытые коммуникации и индустриальные элементы. Для смелых и креативных.</p>
|
| 185 |
+
<div class="flex justify-between items-center">
|
| 186 |
+
<span class="text-lg font-semibold">от 35 000 ₽/м²</span>
|
| 187 |
+
<button class="bg-blue-600 text-white px-6 py-2 rounded-md hover:bg-blue-700 transition">
|
| 188 |
+
Подробнее
|
| 189 |
+
</button>
|
| 190 |
+
</div>
|
| 191 |
+
</div>
|
| 192 |
+
</div>
|
| 193 |
+
<div class="project-card bg-white rounded-lg overflow-hidden shadow-lg">
|
| 194 |
+
<img src="https://images.unsplash.com/photo-1617806118233-18e1de247200?ixlib=rb-1.2.1&auto=format&fit=crop&w=1350&q=80" alt="Классический стиль" class="w-full h-64 object-cover">
|
| 195 |
+
<div class="p-6">
|
| 196 |
+
<h3 class="text-2xl font-bold mb-3">Классический</h3>
|
| 197 |
+
<p class="text-gray-600 mb-4">Роскошные материалы, симметрия, лепнина и благородные цвета. Для ценителей традиционного стиля и элегантности.</p>
|
| 198 |
+
<div class="flex justify-between items-center">
|
| 199 |
+
<span class="text-lg font-semibold">от 38 000 ₽/м²</span>
|
| 200 |
+
<button class="bg-blue-600 text-white px-6 py-2 rounded-md hover:bg-blue-700 transition">
|
| 201 |
+
Подробнее
|
| 202 |
+
</button>
|
| 203 |
+
</div>
|
| 204 |
+
</div>
|
| 205 |
+
</div>
|
| 206 |
+
</div>
|
| 207 |
+
<div class="text-center mt-12">
|
| 208 |
+
<button class="bg-blue-600 text-white px-8 py-3 rounded-md hover:bg-blue-700 transition font-semibold">
|
| 209 |
+
Посмотреть все проекты (12+)
|
| 210 |
+
</button>
|
| 211 |
+
</div>
|
| 212 |
</div>
|
| 213 |
</section>
|
| 214 |
|
|
|
|
| 361 |
</div>
|
| 362 |
|
| 363 |
<div class="text-center mt-12">
|
| 364 |
+
<button class="bg-blue-600 text-white px-8 py-3 rounded-md hover:bg-blue-700 transition font-semibold">
|
| 365 |
+
Скачать презентацию с примерами работ
|
| 366 |
+
</button>
|
| 367 |
+
</div>
|
| 368 |
+
</div>
|
| 369 |
+
</div>
|
| 370 |
+
</section>
|
| 371 |
+
|
| 372 |
+
<!-- Отзывы клиентов -->
|
| 373 |
+
<section id="reviews" class="py-16 bg-white">
|
| 374 |
+
<div class="container mx-auto px-4">
|
| 375 |
+
<h2 class="text-3xl font-bold text-center mb-12">ОТЗЫВЫ НАШИХ КЛИЕНТОВ</h2>
|
| 376 |
+
<div class="grid md:grid-cols-2 lg:grid-cols-3 gap-8">
|
| 377 |
+
<div class="review-card bg-gray-50 p-6 rounded-lg shadow-md">
|
| 378 |
+
<div class="flex items-center mb-4">
|
| 379 |
+
<div class="w-12 h-12 rounded-full bg-blue-100 flex items-center justify-center text-blue-600 font-bold mr-4">АС</div>
|
| 380 |
+
<div>
|
| 381 |
+
<h4 class="font-semibold">Александр Смирнов</h4>
|
| 382 |
+
<div class="flex text-yellow-400">
|
| 383 |
+
<i class="fas fa-star"></i>
|
| 384 |
+
<i class="fas fa-star"></i>
|
| 385 |
+
<i class="fas fa-star"></i>
|
| 386 |
+
<i class="fas fa-star"></i>
|
| 387 |
+
<i class="fas fa-star"></i>
|
| 388 |
+
</div>
|
| 389 |
+
</div>
|
| 390 |
+
</div>
|
| 391 |
+
<p class="text-gray-600 mb-4">"Делали ремонт в новостройке в скандинавском стиле. Все сделали в срок, качественно, без нареканий. Особенно порадовало, что не было никаких скрытых платежей - все как в договоре."</p>
|
| 392 |
+
<div class="text-sm text-gray-500">Москва, 45 м², июнь 2023</div>
|
| 393 |
+
</div>
|
| 394 |
+
|
| 395 |
+
<div class="review-card bg-gray-50 p-6 rounded-lg shadow-md">
|
| 396 |
+
<div class="flex items-center mb-4">
|
| 397 |
+
<div class="w-12 h-12 rounded-full bg-blue-100 flex items-center justify-center text-blue-600 font-bold mr-4">ЕК</div>
|
| 398 |
+
<div>
|
| 399 |
+
<h4 class="font-semibold">Екатерина Ковалева</h4>
|
| 400 |
+
<div class="flex text-yellow-400">
|
| 401 |
+
<i class="fas fa-star"></i>
|
| 402 |
+
<i class="fas fa-star"></i>
|
| 403 |
+
<i class="fas fa-star"></i>
|
| 404 |
+
<i class="fas fa-star"></i>
|
| 405 |
+
<i class="fas fa-star"></i>
|
| 406 |
+
</div>
|
| 407 |
+
</div>
|
| 408 |
+
</div>
|
| 409 |
+
<p class="text-gray-600 mb-4">"Очень довольна результатом! Ремонт в классическом стиле получился именно таким, как я хотела. Все материалы качественные, бригада работала аккуратно. Рекомендую!"</p>
|
| 410 |
+
<div class="text-sm text-gray-500">Москва, 68 м², март 2023</div>
|
| 411 |
+
</div>
|
| 412 |
+
|
| 413 |
+
<div class="review-card bg-gray-50 p-6 rounded-lg shadow-md">
|
| 414 |
+
<div class="flex items-center mb-4">
|
| 415 |
+
<div class="w-12 h-12 rounded-full bg-blue-100 flex items-center justify-center text-blue-600 font-bold mr-4">ДМ</div>
|
| 416 |
+
<div>
|
| 417 |
+
<h4 class="font-semibold">Дмитрий Морозов</h4>
|
| 418 |
+
<div class="flex text-yellow-400">
|
| 419 |
+
<i class="fas fa-star"></i>
|
| 420 |
+
<i class="fas fa-star"></i>
|
| 421 |
+
<i class="fas fa-star"></i>
|
| 422 |
+
<i class="fas fa-star"></i>
|
| 423 |
+
<i class="fas fa-star-half-alt"></i>
|
| 424 |
+
</div>
|
| 425 |
+
</div>
|
| 426 |
+
</div>
|
| 427 |
+
<p class="text-gray-600 mb-4">"Выбрали лофт стиль для ремонта. Получилось круто! Были небольшие задержки с материалами, но в итоге все сделали качественно. Гарантию дали на 3 года, что очень приятно."</p>
|
| 428 |
+
<div class="text-sm text-gray-500">Москва, 85 м², январь 2023</div>
|
| 429 |
+
</div>
|
| 430 |
+
</div>
|
| 431 |
+
|
| 432 |
+
<div class="mt-12 text-center">
|
| 433 |
+
<button class="bg-white border-2 border-blue-600 text-blue-600 px-8 py-3 rounded-md hover:bg-blue-50 transition font-semibold">
|
| 434 |
+
Читать все отзывы (87+)
|
| 435 |
+
</button>
|
| 436 |
+
</div>
|
| 437 |
+
</div>
|
| 438 |
+
</section>
|
| 439 |
+
|
| 440 |
+
<!-- Параллакс секция -->
|
| 441 |
+
<section class="parallax-section py-32 text-white" style="background-image: linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)), url('https://images.unsplash.com/photo-1556911220-bff31c812dba?ixlib=rb-1.2.1&auto=format&fit=crop&w=1350&q=80')">
|
| 442 |
+
<div class="container mx-auto px-4 text-center">
|
| 443 |
+
<h2 class="text-3xl md:text-4xl font-bold mb-6">ХОТИТЕ УЗНАТЬ ТОЧНУЮ СТОИМОСТЬ РЕМОНТА ВАШЕЙ КВАРТИРЫ?</h2>
|
| 444 |
+
<p class="text-xl mb-8 max-w-2xl mx-auto">Оставьте заявку и получите бесплатный расчет стоимости ремонта с учетом всех ваших пожеланий</p>
|
| 445 |
+
<form class="max-w-md mx-auto">
|
| 446 |
+
<div class="mb-4">
|
| 447 |
+
<input type="text" placeholder="Ваше имя" class="w-full px-4 py-3 rounded-md bg-white bg-opacity-20 border border-white border-opacity-50 focus:outline-none focus:ring-2 focus:ring-blue-500">
|
| 448 |
+
</div>
|
| 449 |
+
<div class="mb-4">
|
| 450 |
+
<input type="tel" placeholder="Телефон" class="w-full px-4 py-3 rounded-md bg-white bg-opacity-20 border border-white border-opacity-50 focus:outline-none focus:ring-2 focus:ring-blue-500">
|
| 451 |
+
</div>
|
| 452 |
+
<button type="submit" class="w-full bg-blue-600 text-white py-3 rounded-md hover:bg-blue-700 transition font-semibold">
|
| 453 |
+
Получить расчет
|
| 454 |
+
</button>
|
| 455 |
+
</form>
|
| 456 |
+
</div>
|
| 457 |
+
</section>
|
| 458 |
+
|
| 459 |
+
<!-- Частые вопросы -->
|
| 460 |
+
<section id="faq" class="py-16 bg-gray-50">
|
| 461 |
+
<div class="container mx-auto px-4">
|
| 462 |
+
<h2 class="text-3xl font-bold text-center mb-12">ЧАСТО ЗАДАВАЕМЫЕ ВОПРОСЫ</h2>
|
| 463 |
+
<div class="max-w-3xl mx-auto">
|
| 464 |
+
<div class="mb-4 border-b border-gray-200 pb-4">
|
| 465 |
+
<button class="accordion-btn flex justify-between items-center w-full text-left font-semibold text-lg">
|
| 466 |
+
<span>Какова гарантия на выполненные работы?</span>
|
| 467 |
+
<i class="fas fa-chevron-down transition-transform duration-300"></i>
|
| 468 |
+
</button>
|
| 469 |
+
<div class="accordion-content mt-2 text-gray-600">
|
| 470 |
+
<p>Мы предоставляем гарантию 3 года на все выполненные работы. В течение этого срока бесплатно устраняем любые недостатки, которые могут возникнуть по нашей вине. На электромонтажные работы гарантия 5 лет.</p>
|
| 471 |
+
</div>
|
| 472 |
+
</div>
|
| 473 |
+
|
| 474 |
+
<div class="mb-4 border-b border-gray-200 pb-4">
|
| 475 |
+
<button class="accordion-btn flex justify-between items-center w-full text-left font-semibold text-lg">
|
| 476 |
+
<span>Можно ли внести изменения в готовый проект?</span>
|
| 477 |
+
<i class="fas fa-chevron-down transition-transform duration-300"></i>
|
| 478 |
+
</button>
|
| 479 |
+
<div class="accordion-content mt-2 text-gray-600">
|
| 480 |
+
<p>Да, мы можем адаптировать готовый проект под ваши пожелания. Вы можете изменить цветовую гамму, материалы отделки, планировку (если это позволяет конструктив здания). Все изменения согласовываются с дизайнером и инженером.</p>
|
| 481 |
+
</div>
|
| 482 |
+
</div>
|
| 483 |
+
|
| 484 |
+
<div class="mb-4 border-b border-gray-200 pb-4">
|
| 485 |
+
<button class="accordion-btn flex justify-between items-center w-full text-left font-semibold text-lg">
|
| 486 |
+
<span>Как происходит оплата?</span>
|
| 487 |
+
<i class="fas fa-chevron-down transition-transform duration-300"></i>
|
| 488 |
+
</button>
|
| 489 |
+
<div class="accordion-content mt-2 text-gray-600">
|
| 490 |
+
<p>Оплата происходит поэтапно: 30% предоплата при заключении договора, 40% после завершения черновых работ, 30% после полного завершения ремонта и подписания акта сдачи-приемки. Возможен индивидуальный график платежей.</p>
|
| 491 |
+
</div>
|
| 492 |
+
</div>
|
| 493 |
+
|
| 494 |
+
<div class="mb-4 border-b border-gray-200 pb-4">
|
| 495 |
+
<button class="accordion-btn flex justify-between items-center w-full text-left font-semibold text-lg">
|
| 496 |
+
<span>Кто закупает материалы?</span>
|
| 497 |
+
<i class="fas fa-chevron-down transition-transform duration-300"></i>
|
| 498 |
+
</button>
|
| 499 |
+
<div class="accordion-content mt-2 text-gray-600">
|
| 500 |
+
<p>Мы берем на себя полную ответственность за закупку всех материалов согласно проекту. Это позволяет гарантировать их качество и соответствие заявленным характеристикам. Все материалы поставляются с сертификатами и чеками.</p>
|
| 501 |
+
</div>
|
| 502 |
+
</div>
|
| 503 |
+
|
| 504 |
+
<div class="mb-4 border-b border-gray-200 pb-4">
|
| 505 |
+
<button class="accordion-btn flex justify-between items-center w-full text-left font-semibold text-lg">
|
| 506 |
+
<span>Можно ли сделать ремонт быстрее 60 дней?</span>
|
| 507 |
+
<i class="fas fa-chevron-down transition-transform duration-300"></i>
|
| 508 |
+
</button>
|
| 509 |
+
<div class="accordion-content mt-2 text-gray-600">
|
| 510 |
+
<p>Да, для небольших квартир (до 50 м²) возможно выполнение ремонта за 45 дней. Также мы предлагаем услугу "Ускоренный ремонт" с увеличением количества рабочих, но это потребует дополнительной оплаты.</p>
|
| 511 |
+
</div>
|
| 512 |
+
</div>
|
| 513 |
+
</div>
|
| 514 |
+
|
| 515 |
+
<div class="text-center mt-12">
|
| 516 |
+
<button class="bg-blue-600 text-white px-8 py-3 rounded-md hover:bg-blue-700 transition font-semibold">
|
| 517 |
+
Задать свой вопрос
|
| 518 |
+
</button>
|
| 519 |
+
</div>
|
| 520 |
+
</div>
|
| 521 |
+
</section>
|
| 522 |
+
|
| 523 |
+
<!-- О компании -->
|
| 524 |
+
<section id="about" class="py-16 bg-white">
|
| 525 |
+
<div class="container mx-auto px-4">
|
| 526 |
+
<div class="flex flex-col lg:flex-row items-center">
|
| 527 |
+
<div class="lg:w-1/2 mb-8 lg:mb-0 lg:pr-12">
|
| 528 |
+
<h2 class="text-3xl font-bold mb-6">О КОМПАНИИ</h2>
|
| 529 |
+
<p class="text-gray-600 mb-4">Компания "РемонтКвартир" работает на рынке ремонтных услуг с 2018 года. За это время мы выполнили более 1000 ремонтов квартир в Москве и Московской области.</p>
|
| 530 |
+
<p class="text-gray-600 mb-4">Наша команда - это профессионалы с опытом работы от 7 лет. Мы постоянно обучаемся новым технологиям и следим за тенденциями в дизайне интерьеров.</p>
|
| 531 |
+
<p class="text-gray-600 mb-6">Мы работаем только с проверенными поставщиками материалов, что позволяет гарантировать их качество и долговечность. Все наши объекты застрахованы.</p>
|
| 532 |
+
<div class="flex flex-wrap gap-4">
|
| 533 |
+
<div class="bg-blue-100 text-blue-800 px-4 py-2 rounded-full font-medium">Лицензия №123456</div>
|
| 534 |
+
<div class="bg-blue-100 text-blue-800 px-4 py-2 rounded-full font-medium">СРО №654321</div>
|
| 535 |
+
<div class="bg-blue-100 text-blue-800 px-4 py-2 rounded-full font-medium">Страхование</div>
|
| 536 |
+
</div>
|
| 537 |
+
</div>
|
| 538 |
+
<div class="lg:w-1/2">
|
| 539 |
+
<div class="grid grid-cols-2 gap-4">
|
| 540 |
+
<div class="bg-gray-100 rounded-lg overflow-hidden">
|
| 541 |
+
<img src="https://images.unsplash.com/photo-1582268611958-ebfd161ef9cf?ixlib=rb-1.2.1&auto=format&fit=crop&w=1350&q=80" alt="Наша команда" class="w-full h-full object-cover">
|
| 542 |
+
</div>
|
| 543 |
+
<div class="bg-gray-100 rounded-lg overflow-hidden">
|
| 544 |
+
<img src="https://images.unsplash.com/photo-1600607687920-4e2a09cf159d?ixlib=rb-1.2.1&auto=format&fit=crop&w=1350&q=80" alt="Рабочий процесс" class="w-full h-full object-cover">
|
| 545 |
+
</div>
|
| 546 |
+
<div class="bg-gray-100 rounded-lg overflow-hidden">
|
| 547 |
+
<img src="https://images.unsplash.com/photo-1600566753190-17f0baa2a6c3?ixlib=rb-1.2.1&auto=format&fit=crop&w=1350&q=80" alt="Материалы" class="w-full h-full object-cover">
|
| 548 |
+
</div>
|
| 549 |
+
<div class="bg-gray-100 rounded-lg overflow-hidden">
|
| 550 |
+
<img src="https://images.unsplash.com/photo-1600607688969-a5bfcd646554?ixlib=rb-1.2.1&auto=format&fit=crop&w=1350&q=80" alt="Готовый проект" class="w-full h-full object-cover">
|
| 551 |
+
</div>
|
| 552 |
+
</div>
|
| 553 |
+
</div>
|
| 554 |
+
</div>
|
| 555 |
+
</div>
|
| 556 |
+
</section>
|
| 557 |
+
|
| 558 |
+
<!-- Контакты -->
|
| 559 |
+
<section class="py-16 bg-gray-50">
|
| 560 |
+
<div class="container mx-auto px-4">
|
| 561 |
+
<h2 class="text-3xl font-bold text-center mb-12">КОНТАКТЫ</h2>
|
| 562 |
+
<div class="grid md:grid-cols-2 gap-8 max-w-4xl mx-auto">
|
| 563 |
+
<div class="bg-white p-6 rounded-lg shadow-md">
|
| 564 |
+
<h3 class="text-xl font-semibold mb-4">Наш офис</h3>
|
| 565 |
+
<div class="flex items-start mb-4">
|
| 566 |
+
<i class="fas fa-map-marker-alt text-blue-600 mt-1 mr-3"></i>
|
| 567 |
+
<div>
|
| 568 |
+
<p class="font-medium">г. Москва, ул. Строителей, 15</p>
|
| 569 |
+
<p class="text-gray-600 text-sm">Бизнес-центр "СтройГрад", офис 405</p>
|
| 570 |
+
</div>
|
| 571 |
+
</div>
|
| 572 |
+
<div class="flex items-start mb-4">
|
| 573 |
+
<i class="fas fa-clock text-blue-600 mt-1 mr-3"></i>
|
| 574 |
+
<div>
|
| 575 |
+
<p class="font-medium">Режим работы:</p>
|
| 576 |
+
<p class="text-gray-600 text-sm">Пн-Пт: 9:00-19:00, Сб: 10:00-16:00</p>
|
| 577 |
+
</div>
|
| 578 |
+
</div>
|
| 579 |
+
<div class="flex items-start">
|
| 580 |
+
<i class="fas fa-subway text-blue-600 mt-1 mr-3"></i>
|
| 581 |
+
<div>
|
| 582 |
+
<p class="font-medium">Как добраться:</p>
|
| 583 |
+
<p class="text-gray-600 text-sm">5 минут пешком от м. Строгино</p>
|
| 584 |
+
</div>
|
| 585 |
+
</div>
|
| 586 |
+
</div>
|
| 587 |
+
|
| 588 |
+
<div class="bg-white p-6 rounded-lg shadow-md">
|
| 589 |
+
<h3 class="text-xl font-semibold mb-4">Свяжитесь с нами</h3>
|
| 590 |
+
<div class="flex items-center mb-4">
|
| 591 |
+
<i class="fas fa-phone text-blue-600 mr-3"></i>
|
| 592 |
+
<a href="tel:+79991234567" class="font-medium hover:text-blue-600 transition">+7 (999) 123-45-67</a>
|
| 593 |
+
</div>
|
| 594 |
+
<div class="flex items-center mb-4">
|
| 595 |
+
<i class="fas fa-envelope text-blue-600 mr-3"></i>
|
| 596 |
+
<a href="mailto:info@remontkvartir.ru" class="font-medium hover:text-blue-600 transition">info@remontkvartir.ru</a>
|
| 597 |
+
</div>
|
| 598 |
+
<div class="flex items-center mb-6">
|
| 599 |
+
<i class="fas fa-globe text-blue-600 mr-3"></i>
|
| 600 |
+
<a href="#" class="font-medium hover:text-blue-600 transition">www.remontkvartir.ru</a>
|
| 601 |
+
</div>
|
| 602 |
+
<div class="flex space-x-4">
|
| 603 |
+
<a href="#" class="bg-blue-100 text-blue-600 w-10 h-10 rounded-full flex items-center justify-center hover:bg-blue-200 transition">
|
| 604 |
+
<i class="fab fa-telegram"></i>
|
| 605 |
+
</a>
|
| 606 |
+
<a href="#" class="bg-blue-100 text-blue-600 w-10 h-10 rounded-full flex items-center justify-center hover:bg-blue-200 transition">
|
| 607 |
+
<i class="fab fa-whatsapp"></i>
|
| 608 |
+
</a>
|
| 609 |
+
<a href="#" class="bg-blue-100 text-blue-600 w-10 h-10 rounded-full flex items-center justify-center hover:bg-blue-200 transition">
|
| 610 |
+
<i class="fab fa-vk"></i>
|
| 611 |
+
</a>
|
| 612 |
+
<a href="#" class="bg-blue-100 text-blue-600 w-10 h-10 rounded-full flex items-center justify-center hover:bg-blue-200 transition">
|
| 613 |
+
<i class="fab fa-instagram"></i>
|
| 614 |
+
</a>
|
| 615 |
+
</div>
|
| 616 |
+
</div>
|
| 617 |
+
</div>
|
| 618 |
+
|
| 619 |
+
<div class="mt-12 bg-white rounded-lg shadow-md overflow-hidden">
|
| 620 |
+
<iframe src="https://yandex.ru/map-widget/v1/?um=constructor%3A8a3a1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1e1
|
| 621 |
</html>
|
prompts.txt
CHANGED
|
@@ -0,0 +1 @@
|
|
|
|
|
|
|
| 1 |
+
Добавь продолжение сайта:
|