Первые 2 МБ HTML-кода — именно это видят ИИ-боты на вашей странице
<!DOCTYPE html> <html lang="ru"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <!-- 1.0 поменял на 1 --> <meta name="yandex-verification" content="3f9c0a75eb335a5c" /> <title>Разработка сайтов в Воронеже и по всей России | Веб-студия Гусева</title> <!-- Yandex.Metrica counter перенесён в includes/footer.php 10.10.2026. Причина: счётчик стоял только здесь, из-за чего трафик на блог, товары и кейсы не учитывался вовсе. В подвале он работает на всех страницах. --> <!-- Основной description для поисковых систем --> <meta name="description" content="Веб-студия в Воронеже: разработка сайтов, SEO и реклама по всей России. Лендинги, корпоративные сайты, магазины. Работаем удалённо. От 10 000 ₽."> <!-- Open Graph --> <meta property="og:type" content="website"> <meta property="og:title" content="Веб-студия Гусева"> <meta property="og:description" content="Создание и продвижение сайтов. Воронежская область, г. Воронеж, ул. пр-кт Революции, д. 3."> <meta property="og:image" content="https://p07.ru/img/preview.png?v=3"> <meta property="og:url" content="https://p07.ru/"> <meta property="og:site_name" content="Веб-студия Гусева"> <link rel="canonical" href="https://p07.ru/"> <!-- Для Telegram и мобильных --> <meta name="twitter:card" content="summary_large_image"> <meta name="twitter:title" content="Веб-студия Гусева"> <meta name="twitter:description" content="Создание и продвижение сайтов."> <meta name="twitter:image" content="https://p07.ru/img/preview.png?v=3"> <link rel="icon" href="https://p07.ru/favicon.svg" type="image/svg+xml"> <link href="https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@500;600;700&family=Montserrat:wght@300;400;500&display=swap" rel="stylesheet"> <link rel="stylesheet" href="style.css?v=15"> <link rel="stylesheet" href="/css/libs/swiper-bundle.min.css"> <!--<Библиотека иконок для блока услуг--> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.0/css/all.min.css">
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "Organization",
"name": "P07 — студия веб-разработки",
"url": "https://p07.ru",
"logo": "https://p07.ru/favicon.svg",
"description": "Создание сайтов, SEO-продвижение, интернет-реклама, поддержка и доработка проектов.",
"contactPoint": {
"@type": "ContactPoint",
"telephone": "+7 (908) 144-85-23",
"contactType": "customer service",
"availableLanguage": "Russian"
},
"address": {
"@type": "PostalAddress",
"streetAddress": "г. Воронеж, ул. пр-кт Революции, д. 3",
"addressLocality": "Воронеж",
"addressCountry": "RU"
}
}</script> <style>
/* раскрываемые подробности в карточках услуг — палитра сайта */
.services-grid{align-items:start}
.svc{margin-top:18px;border-top:1px solid rgba(255,255,255,.06);padding-top:14px}
.svc>summary{cursor:pointer;list-style:none;display:flex;align-items:center;justify-content:space-between;gap:12px; font:500 14px/1.4 'Montserrat',sans-serif;color:#3b82f6;user-select:none;transition:color .25s}
.svc>summary::-webkit-details-marker{display:none}
.svc>summary:hover{color:#00f0ff}
.svc>summary i{font-size:11px;flex:0 0 auto;transition:transform .25s}
.svc[open]>summary i{transform:rotate(180deg)}
.svc dl{margin:16px 0 2px;font:400 14px/1.7 'Montserrat',sans-serif;color:#94a3b8}
.svc dt{color:#e2e8f0;font-weight:500;margin-top:14px}
.svc dt:first-child{margin-top:0}
.svc dd{margin:3px 0 0}
</style></head> <body> <!-- Подключаем шапку --> <nav class="header">
<a href="/index.php" class="logo">
<span class="logo-top">Веб-студия</span>
<span class="logo-main">
<span>Г</span><span>у</span><span>с</span><span>е</span><span>в</span><span>а</span>
</span>
</a>
<div class="nav-right">
<div class="nav-links">
<a href="/index.php#services">Услуги</a>
<a href="/index.php#portfolio">Портфолио</a>
<a href="/index.php#products">Программные продукты</a>
<a href="/news.php">Статьи</a>
<a href="/voprosy.php" title="Частые вопросы">FAQ</a>
<a href="/index.php#contacts">Контакты</a>
</div>
<a href="tel:+79081448523" class="nav-phone">
<i class="fas fa-phone"></i> +7 (908) 144-85-23
</a>
<div class="social-icons">
<div class="telegram-wrapper">
<a href="https://t.me/ipgusevp" target="_blank" id="telegramIcon">
<svg width="22" height="22" viewBox="0 0 24 24" fill="#3b82f6">
<path d="M9.993 15.326 9.64 20.15c.463 0 .664-.2.905-.44l2.17-2.08 4.5 3.29c.825.456 1.412.217 1.635-.764l2.965-13.9c.26-1.217-.44-1.693-1.243-1.39L1.64 9.44c-1.187.463-1.17 1.125-.202 1.424l4.94 1.54 11.47-7.23c.54-.34 1.03-.152.625.188"/>
</svg>
</a>
<!-- волны -->
<span class="telegram-wave"></span>
<span class="telegram-wave"></span>
</div>
</div>
</div>
<button class="burger-menu-btn">
<span class="burger-line"></span>
<span class="burger-line"></span>
<span class="burger-line"></span>
</button>
</nav> <!-- Главная секция --> <section class="hero"> <div class="hero-grid"></div> <canvas id="particles"></canvas> <div class="hero-scan-horizontal"></div> <div class="hero-scan-vertical"></div> <div class="hero-container"> <div class="hero-text"> <h1>Создаём "космические" сайты<br> под ключ и продвигаем их</h1> <div style="min-height: 80px;"> <p class="hero-subtitle" id="typingTarget"></p><span class="cursor" id="cursor"></span> </div> <div class="hero-buttons"> <a href="https://p07.ru/index.php#contacts" id="startHero" class="btn btn-primary">Заказать</a> <a href="https://p07.ru/index.php#portfolio" class="btn btn-secondary" id="portfolioBtn">Смотреть портфолио</a> </div> <div class="hero-stats"> <div class="stat"> <strong>20+</strong> <span>лет опыта</span> </div> <div class="stat"> <strong>250+</strong> <span>проектов</span> </div> </div> </div> </div> <!--*Добавляем скролл индикатор на главную --> <div class="scroll-indicator"> <span></span> </div> </section> <!-- Блок услуги и программные продукты --> <section class="services" id="services"> <div class="container"> <!-- Блок Услуги --> <h2 class="section-title">Наши услуги</h2> <p class="services-subtitle">Создаём сайты, продвигаем их и автоматизируем бизнес</p> <div class="services-grid"> <div class="service-card"> <div class="service-icon"><i class="fas fa-code-branch"></i></div> <h3>Программные решения</h3> <p>Боты, интеграции с CRM и 1С, личные кабинеты и дашборды под ваш процесс.</p> <details class="svc"> <summary>Что автоматизируем<i class="fas fa-chevron-down"></i></summary> <dl> <dt>Задачи</dt> <dd>приём заявок, обработка документов, обмен данными, отчётность, напоминания</dd> <dt>Сроки</dt> <dd>простая задача — 2–4 недели, сложная интеграция — 1,5–3 месяца</dd> <dt>Данные</dt> <dd>остаются у вас: работаем поверх вашей системы, а не заменяем её</dd> <dt>Оценка</dt> <dd>бесплатно, за 2 рабочих дня</dd> </dl> </details> </div> <div class="service-card"> <div class="service-icon"><i class="fas fa-laptop-code"></i></div> <h3>Создание сайтов</h3> <p>Лендинги, корпоративные сайты и магазины под ключ. Срок — от 5 дней до 4 недель.</p> <details class="svc"> <summary>Что входит и что нужно от вас<i class="fas fa-chevron-down"></i></summary> <dl> <dt>Что входит</dt> <dd>проектирование, дизайн, вёрстка, домен и хостинг, формы, аналитика, обучение</dd> <dt>Что нужно от вас</dt> <dd>материалы и тексты либо задача «сделать с нуля», домен и доступ к хостингу</dd> <dt>Стоимость</dt> <dd>от 10 000 ₽ за самую простую задачу, полный сайт — по смете после брифа за 1 рабочий день</dd> </dl> </details> </div> <div class="service-card"> <div class="service-icon"><i class="fas fa-chart-line"></i></div> <h3>Продвижение и реклама</h3> <p>SEO в Яндексе и Google плюс реклама в Директе и Ads. Первые изменения — через 2–4 недели.</p> <details class="svc"> <summary>Как мы работаем<i class="fas fa-chevron-down"></i></summary> <dl> <dt>С чего начинаем</dt> <dd>аудит сайта и разбор конкурентов — что у них работает и что можно взять дешевле</dd> <dt>Что делаем</dt> <dd>технические правки, тексты, структура, ссылки, скорость, мобильная версия, реклама</dd> <dt>Честно</dt> <dd>если реклама не окупается — говорим прямо и предлагаем переключиться на SEO</dd> <dt>Оценка</dt> <dd>аудит и план работ бесплатно за 3 дня</dd> </dl> </details> </div> <div class="service-card"> <div class="service-icon"><i class="fas fa-tools"></i></div> <h3>Доработки и поддержка сайтов</h3> <p>Точечные правки, обновления, безопасность и бэкапы. Отвечаем в течение рабочего дня.</p> <details class="svc"> <summary>Что входит<i class="fas fa-chevron-down"></i></summary> <dl> <dt>Разовые задачи</dt> <dd>правки текста, вёрстки, блоков, добавление разделов и форм</dd> <dt>Регулярно</dt> <dd>обновления CMS и плагинов, резервные копии, слежение за ошибками</dd> <dt>Как</dt> <dd>пишем в мессенджер, вы подтверждаете — делаем</dd> <dt>Стоимость</dt> <dd>разовые задачи — от 10 000 ₽, помесячное обслуживание — по договору. Не нужно — передаём исходники и обучаем вашего человека</dd> </dl> </details> </div> </div> <!-- Разделительный отступ --> <div style="height: 70px;"></div> <!-- Блок Решения --> <h2 class="section-title" id="products">Решения для бизнеса</h2> <p class="services-subtitle">Готовые решения и программные продукты, которые экономят время и деньги</p> <div class="services-grid"> <a href="products/product1-1.php" class="card-link" style="text-decoration: none; color: inherit; display: block;"> <div class="service-card"> <div class="service-icon"><i class="fas fa-cubes"></i></div> <h3>Отраслевые решения</h3> <p>CRM, ERP и учётные системы для медицины, логистики, образования, строительства и др.</p> </div> </a> <a href="/products/product2-1.php" class="card-link" style="text-decoration: none; color: inherit; display: block;"> <div class="service-card"> <div class="service-icon"><i class="fas fa-puzzle-piece"></i></div> <h3>Плагины и расширения</h3> <p>Модули для WordPress, 1C‑Битрикс, WooCommerce, Tilda и других CMS.</p> </div> </a> <a href="/products/product3-1.php" class="card-link" style="text-decoration: none; color: inherit; display: block;"> <div class="service-card"> <div class="service-icon"><i class="fas fa-code-branch"></i></div> <h3>Интеграционные модули</h3> <p>API‑шлюзы, синхронизация с CRM, платежными системами и маркетплейсами.</p> </div> </a> <a href="/products/product4-1.php" class="card-link" style="text-decoration: none; color: inherit; display: block;"> <div class="service-card"> <div class="service-icon"><i class="fas fa-terminal"></i></div> <h3>Скрипты и утилиты</h3> <p>Автоматизация рутины, парсеры, конвертеры данных, генераторы отчётов.</p> </div> </a> <a href="/products/product5-1.php" class="card-link" style="text-decoration: none; color: inherit; display: block;"> <div class="service-card"> <div class="service-icon"><i class="fab fa-telegram-plane"></i></div> <h3>Боты для Telegram, MAX</h3> <p>Чат‑боты для продаж, уведомлений, рассылок, поддержки и игр.</p> </div> </a> <a href="/products/product6-1.php" class="card-link" style="text-decoration: none; color: inherit; display: block;"> <div class="service-card"> <div class="service-icon"><i class="fas fa-magic"></i></div> <h3>Smart‑виджеты</h3> <p>Калькуляторы цен, виджеты записи, обратного звонка, онлайн‑чаты под ключ.</p> </div> </a> <a href="/products/product7-1.php" class="card-link" style="text-decoration: none; color: inherit; display: block;"> <div class="service-card"> <div class="service-icon"><i class="fas fa-mobile-alt"></i></div> <h3>Мобильные приложения</h3> <p>Нативные и кроссплатформенные приложения для iOS/Android. Интеграция с вашим сайтом или CRM.</p> </div> </a> <a href="/products/product8-1.php" class="card-link" style="text-decoration: none; color: inherit; display: block;"> <div class="service-card"> <div class="service-icon"><i class="fas fa-chart-simple"></i></div> <h3>Дашборды и аналитика</h3> <p>Интерактивные панели, BI‑отчёты, визуализация данных из любых источников.</p> </div> </a> </div> <div class="tech"> <p>Работаем с технологиями</p> <div class="tech-icons"> <i class="fab fa-wordpress"></i> <i class="fab fa-php"></i> <i class="fab fa-js"></i> <i class="fab fa-html5"></i> <i class="fab fa-css3"></i> </div> <div class="services-btn"> <a href="#contacts" class="main-btn">Обсудить проект</a> </div> </div> </div> </section> <!-- Портфолио --> <section class="portfolio" id="portfolio"> <div class="container"> <h2 class="section-title">Портфолио</h2> <div class="portfolio-grid"> <div class="portfolio-item"> <img src="img/project1.jpg" alt="Проект" loading="lazy" width="1588" height="736"> <div class="portfolio-overlay"> <h3>Сайт ресторана Бульваръ</h3> <a href="https://p07.ru/portfolio/portfolio1.php" class="portfolio-btn">Смотреть проект</a> </div> </div> <div class="portfolio-item"> <img src="img/project2.jpg" alt="Проект" loading="lazy" width="1204" height="692"> <div class="portfolio-overlay"> <h3>Сайт печати и штампы</h3> <a href="https://p07.ru/portfolio/portfolio2.php" class="portfolio-btn">Смотреть проект</a> </div> </div> <div class="portfolio-item"> <img src="img/project3.jpg" alt="Проект" loading="lazy" width="1204" height="832"> <div class="portfolio-overlay"> <h3>Технофлекс</h3> <a href="https://p07.ru/portfolio/portfolio3.php" class="portfolio-btn">Смотреть проект</a> </div> </div> <div class="portfolio-item"> <img src="img/project4.jpg" alt="Проект" loading="lazy" width="1140" height="876"> <div class="portfolio-overlay"> <h3>Адыгейская соль</h3> <a href="https://p07.ru/portfolio/portfolio4.php" class="portfolio-btn">Смотреть проект</a> </div> </div> <div class="portfolio-item"> <img src="img/project5.jpg" alt="Fire-Hazard" loading="lazy" width="864" height="575"> <div class="portfolio-overlay"> <h3>PIVAS</h3> <a href="https://p07.ru/portfolio/portfolio5.php" class="portfolio-btn">Смотреть проект</a> </div> </div> <div class="portfolio-item"> <img src="img/project6.jpg" alt="Fire-Hazard" loading="lazy" width="1263" height="768"> <div class="portfolio-overlay"> <h3 text align="center">Создание политики конфиденциальности для агентства недвижимости "Вертикаль"</h3> <a href="https://p07.ru/portfolio/portfolio6.php" class="portfolio-btn">Смотреть проект</a> </div> </div> <div class="portfolio-item"> <img src="img/project7.jpg" alt="Разработка ТЗ и скрипта" loading="lazy" width="929" height="610"> <div class="portfolio-overlay"> <h3 text align="center">Разработка ТЗ и скрипта автоматического подсчета рейтингов участников соревнований для клуба FullHouse</h3> <a href="https://p07.ru/portfolio/portfolio7.php" class="portfolio-btn">Смотреть проект</a> </div> </div>
<div class="portfolio-item">
<img src="img/project8.webp" alt="Сайт санатория «Воробьёво»" loading="lazy" width="1602" height="822">
<div class="portfolio-overlay">
<h3>Сайт санатория «Воробьёво»</h3>
<a href="https://p07.ru/portfolio/portfolio8.php" class="portfolio-btn">Смотреть проект</a>
</div>
</div>
<div class="portfolio-item">
<img src="img/project9.webp" alt="Знайка — развивающие игры для детей" loading="lazy" width="1200" height="630">
<div class="portfolio-overlay">
<h3>Знайка — развивающие игры для детей</h3>
<a href="https://p07.ru/portfolio/portfolio9.php" class="portfolio-btn">Смотреть проект</a>
</div>
</div>
<div class="portfolio-item">
<img src="img/lupin-glavnaya.webp" alt="Сайт мастерской ландшафтного дизайна «ЛЮПИН»" loading="lazy" width="1400" height="630">
<div class="portfolio-overlay">
<h3>Сайт мастерской «ЛЮПИН»</h3>
<a href="https://p07.ru/portfolio/portfolio10.php" class="portfolio-btn">Смотреть проект</a>
</div>
</div> </div> </div> </section> <section class="reviews-section fade-in" id="reviews"> <div class="container"> <h2 style="text-align:center;margin-bottom:60px">Отзывы</h2> <div class="swiper-container reviews-slider"> <div class="swiper-wrapper"> <!-- Review 1 --> <div class="swiper-slide"> <div class="review-card"> <div class="review-stars"> <i class="fas fa-star"></i><i class="fas fa-star"></i><i class="fas fa-star"></i><i class="fas fa-star"></i><i class="fas fa-star"></i> </div> <p class="review-text">"Заказывали разработку интернет-магазина. Всё сделали быстро, помогли с настройкой оплаты и доставки. Сайт работает стабильно, уже через месяц пошли первые продажи."</p> <h3 class="review-author">— Алексей Смирнов, директор интернет-магазина</h3> </div> </div> <!-- Review 2 --> <div class="swiper-slide"> <div class="review-card"> <div class="review-stars"> <i class="fas fa-star"></i><i class="fas fa-star"></i><i class="fas fa-star"></i><i class="fas fa-star"></i><i class="fas fa-star"></i> </div> <p class="review-text">"Сделали интернет-магазин на CMS. Удобно добавлять товары и управлять заказами. Всё работает отлично."</p> <h3 class="review-author">— Мария Соколова, владелец магазина одежды, владелец салона красоты</h3> </div> </div> <!-- Review 3 --> <div class="swiper-slide"> <div class="review-card"> <div class="review-stars"> <i class="fas fa-star"></i><i class="fas fa-star"></i><i class="fas fa-star"></i><i class="fas fa-star"></i><i class="fas fa-star"></i> </div> <p class="review-text">"Нужен был корпоративный сайт. Всё сделали профессионально: дизайн, структура, удобная админка. Сайт выглядит современно и вызывает доверие у клиентов."</p> <h3 class="review-author">— Дмитрий Орлов, руководитель строительной компании</h3> </div> </div> <!-- Review 4 --> <div class="swiper-slide"> <div class="review-card"> <div class="review-stars"> <i class="fas fa-star"></i><i class="fas fa-star"></i><i class="fas fa-star"></i><i class="fas fa-star"></i><i class="fas fa-star"></i> </div> <p class="review-text">"Отличная работа. Помогли не только с сайтом, но и подсказали по SEO и рекламе. Видно, что ребята понимают, как сайт должен работать для бизнеса."</p> <h3 class="review-author">— Ольга Романова, аркетолог</h3> </div> </div> <!-- Review 5 --> <div class="swiper-slide"> <div class="review-card"> <div class="review-stars"> <i class="fas fa-star"></i><i class="fas fa-star"></i><i class="fas fa-star"></i><i class="fas fa-star"></i><i class="fas fa-star"></i> </div> <p class="review-text">"Обратились за разработкой сайта для нашего кафе. Сделали меню, галерею и онлайн-бронь. Клиенты теперь чаще находят нас в интернете."</p> <h3 class="review-author">— Сергей Громов, владелец кафе</h3> </div> </div> <!-- Review 6 --> <div class="swiper-slide"> <div class="review-card"> <div class="review-stars"> <i class="fas fa-star"></i><i class="fas fa-star"></i><i class="fas fa-star"></i><i class="fas fa-star"></i><i class="fas fa-star"></i> </div> <p class="review-text">"Очень понравился подход к работе. Всё объясняют, предлагают решения. Сайт сделали аккуратный и удобный."</p> <h3 class="review-author">— Наталья Лебедева, директор учебного центра</h3> </div> </div> <!-- Review 7 --> <div class="swiper-slide"> <div class="review-card"> <div class="review-stars"> <i class="fas fa-star"></i><i class="fas fa-star"></i><i class="fas fa-star"></i><i class="fas fa-star"></i><i class="fas fa-star"></i> </div> <p class="review-text">"Заказывал лендинг для рекламы. Сделали быстро и качественно. Конверсия стала намного выше, чем на старой странице."</p> <h3 class="review-author">— Андрей Беляев, предприниматель</h3> </div> </div> </div> <!-- Add Pagination --> <div class="swiper-pagination"></div> <!-- Add Navigation --> <div class="swiper-button-next"></div> <div class="swiper-button-prev"></div> </div> </div> </section> <section class="home-news"> <div class="container"> <h2 class="section-title">Новости и статьи</h2> <div class="home-news-grid"> <a href="/news/integraciya-sajta-s-1s" class="home-news-card" style="background-image:url('https://images.unsplash.com/photo-1460925895917-afdab827c52f')"> <div class="home-news-overlay"> <h3>Интеграция сайта с 1С: зачем нужна и как работает</h3> <p>🔄 Интеграция сайта с 1С: автоматический обмен товарами, ценами, остатками и заказами. Зачем нужна и как её сделать.</p> <span>Подробнее</span> </div> </a> <a href="/news/vnedrenie-crm" class="home-news-card" style="background-image:url('https://images.unsplash.com/photo-1552664730-d307ca884978')"> <div class="home-news-overlay"> <h3>Внедрение CRM: зачем бизнесу и как выбрать</h3> <p>🗂️ Зачем бизнесу CRM и как её внедрить: как выбрать систему, этапы внедрения и типичные ошибки.</p> <span>Подробнее</span> </div> </a> <a href="/news/avtomatizaciya-biznesa" class="home-news-card" style="background-image:url('https://images.unsplash.com/photo-1521737604893-d14cc237f11d')"> <div class="home-news-overlay"> <h3>Автоматизация бизнеса: что это и с чего начать</h3> <p>⚙️ Как автоматизация бизнеса экономит время и деньги: что автоматизировать в первую очередь, примеры и с чего начать.</p> <span>Подробнее</span> </div> </a> <a href="/news/obnovlenie-sajta-sanatoriya-vorobevo" class="home-news-card" style="background-image:url('/img/vorob-screenshot.webp')"> <div class="home-news-overlay"> <h3>Обновление сайта санатория «Воробьёво» — кейс студии</h3> <p>🏥 Как мы обновили сайт санатория «Воробьёво»: новый дизайн, перенос со старой CMS и сохранение поискового трафика.</p> <span>Подробнее</span> </div> </a> <a href="/news/razrabotka-mobilnogo-prilozheniya" class="home-news-card" style="background-image:url('https://images.unsplash.com/photo-1512941937669-90a1b58e7e9c')"> <div class="home-news-overlay"> <h3>Разработка мобильного приложения: этапы, стоимость и как заказать</h3> <p>📱 Как разрабатывается мобильное приложение: этапы, сроки, стоимость и что влияет на цену. Разработка под ключ для бизнеса.</p> <span>Подробнее</span> </div> </a> <a href="/news/prodvizhenie-sajta-v-voronezhe" class="home-news-card" style="background-image:url('https://images.unsplash.com/photo-1507209696998-3c532be9b2b1')"> <div class="home-news-overlay"> <h3>Продвижение сайта в Воронеже</h3> <p>Как продвигать сайт по воронежским запросам: локальные факторы, работа с картами и отзывами без офиса, что реально влияет на позиции в городе.</p> <span>Подробнее</span> </div> </a> </div> <div class="home-news-all"> <a href="/news.php" class="gold-btn">Все новости</a> </div> </div> </section> <script src="/js/typewriter.js" defer></script> <script src="/js/particles.js?v=24"></script> <script src="/js/libs/swiper-bundle.min.js" defer></script> <script src="/js/main.js?v=15" defer></script> <script src="/js/logo-effects.js" defer></script> <script src="/js/back-to-top.js" defer></script> <!-- Кнопка Наверх современная --> <a href="#" id="back-to-top" title="Наверх"> <svg width="24" height="24" viewBox="0 0 24 24" fill="#ffffff" xmlns="http://www.w3.org/2000/svg"> <path d="M12 4l-8 8h5v8h6v-8h5l-8-8z"/> </svg> </a> <style>
/* Контакты поверх фоновых слоёв: карта и текст выше сетки, частиц и сканеров */
.contacts-section{isolation:isolate} /* секция сама создаёт свой слой - ни сетка, ни частицы её не заденут */
.contacts-section .contact-map{
position:relative; z-index:100;
box-sizing:border-box; /* убирает вылет на 37px вбок на телефоне */
border-radius:12px; overflow:hidden;
box-shadow:0 10px 40px rgba(0,0,0,.55);
}
.contacts-section .contact-map iframe{
position:relative; z-index:101; width:100%; height:450px; border:0; display:block;
}
/* Весь текст контактов — выше фоновых слоёв и контрастнее */
.contacts-section .contacts-grid{position:relative; z-index:100}
.contacts-section .contact-info{position:relative; z-index:101}
.contacts-section .contact-info h2,
.contacts-section .contact-info h3,
.contacts-section .contact-item p,
.contacts-section .contact-item h3 a,
.contacts-section .contact-socials h3,
.contacts-section .contact-socials h3 a{color:#f8fafc}
.contacts-section .contact-info h2{
color:#fff; letter-spacing:.5px; text-shadow:0 2px 12px rgba(0,0,0,.8);
}
.contacts-section .contact-item p{opacity:1; color:#e2e8f0}
.contacts-section .contact-item h3{color:#fff; margin:0 0 4px}
.contacts-section .contact-item h3 a,
.contacts-section .contact-socials h3 a{color:#7dd3fc}
.contacts-section .contact-item:hover h3{color:#00f0ff}
.contacts-section .contact-socials h3{color:#fff}
/* иконки телефонов, скрепок, часов — заметнее */
.contacts-section .contact-item > i{color:#3b82f6; z-index:6; position:relative}
@media (max-width:768px){
.contacts-section .contact-map iframe{height:320px}
}
</style>
<footer>
<section class="contacts-section" id="contacts">
<div class="container">
<div class="contacts-grid">
<div class="contact-info">
<h2>Наши контакты</h2>
<div class="contact-item">
<a href="tel:+79081448523" target="_blank" title="+7(908)1448523">
<i class="fas fa-phone-alt"></i>
<div>
<h3>Номер телефона</h3>
<p><a href="tel:+79081448523">+7 (908) 144-85-23</a> - для заказа сайта</p>
</div>
<div class="social-icons">
<div class="telegram-wrapper">
<a href="https://t.me/+79081448523" target="_blank" id="telegramIcon">
<svg width="22" height="22" viewBox="0 0 24 24" fill="#3b82f6">
<path d="M9.993 15.326 9.64 20.15c.463 0 .664-.2.905-.44l2.17-2.08 4.5 3.29c.825.456 1.412.217 1.635-.764l2.965-13.9c.26-1.217-.44-1.693-1.243-1.39L1.64 9.44c-1.187.463-1.17 1.125-.202 1.424l4.94 1.54 11.47-7.23c.54-.34 1.03-.152.625.188"/>
</svg>
</a>
<!-- волны -->
<span class="telegram-wave"></span>
<span class="telegram-wave"></span>
</div>
</div>
</div>
<div class="contact-item">
<i class="fas fa-map-marker-alt"></i>
<div>
<h3>Адрес</h3>
<p>Воронежская область, г. Воронеж, ул. пр-кт Революции, д. 3</p>
</div>
</div>
<div class="contact-item">
<i class="fas fa-clock"></i>
<div>
<h3>Режим работы</h3>
<p>ПНД-ЧТВ 08:00–23:00</p>
<p>Пятница 08:00–22:00</p>
<p>СБ-ВС 10:00–21:00</p>
</div>
</div>
<div class="contact-socials">
<a href="https://t.me/ipgusevp" target="_blank" title="Telegram"><i class="fab fa-telegram"></i></a>
<div>
<h3><a href="https://t.me/ipgusevp" target="_blank" title="Telegram">Telegram</a></h3>
</div>
<!-- Добавляем для Max -->
<a href="https://max.ru/u/f9LHodD0cOIL5flN5b4GVOK1tXa3VgRR7hxXUFlHmoYUUSIrMwQGq2BmQgc" target="_blank" title="Max"><i class="fas fa-comment"></i></a>
<div>
<h3><a href="https://max.ru/u/f9LHodD0cOIL5flN5b4GVOK1tXa3VgRR7hxXUFlHmoYUUSIrMwQGq2BmQgc" target="_blank" title="Max">Max</a></h3>
</div>
</div>
</div>
<div class="contact-map">
<iframe src="https://yandex.ru/map-widget/v1/?um=constructor%3A5b467e1a794c1d9fdf12ba95047bfbef148c425cd8ec231c6ac8fc2917c0c278&source=constructor" width="500" height="400" frameborder="0"></iframe>
</div>
</div>
</div>
</section>
<p align="right">
<a href="https://p07.ru/voprosy.php" title="Частые вопросы">Частые вопросы</a> |
<a href="https://p07.ru/privacy-policy.php" target="_blank" title="privacy-policy">Политика конфиденциальности</a>
<p><br>
© 2026 Веб-студия Гусева
<p>
<a href="https://t.me/ipgusevp" target="_blank" title="Telegram" style="color: #3b82f6;">Создание и продвижение сайта<i class="fab fa-telegram"></i></a>
<p>
<!-- Yandex.Metrica counter. Добавлен 10.10.2026: раньше счётчик стоял только
в index.php, из-за чего трафик на блог, товары и кейсы не учитывался вовсе.
Подвал подключается на всех страницах сайта. -->
<script type="text/javascript">
(function(m,e,t,r,i,k,a){
m[i]=m[i]||function(){(m[i].a=m[i].a||[]).push(arguments)};
m[i].l=1*new Date();
for (var j = 0; j < document.scripts.length; j++) {if (document.scripts[j].src === r) { return; }}
k=e.createElement(t),a=e.getElementsByTagName(t)[0],k.async=1,k.src=r,a.parentNode.insertBefore(k,a)
})(window, document,'script','https://mc.yandex.ru/metrika/tag.js?id=107194299', 'ym');
ym(107194299, 'init', {ssr:true, webvisor:true, clickmap:true, ecommerce:"dataLayer", referrer: document.referrer, url: location.href, accurateTrackBounce:true, trackLinks:true});
</script>
<noscript><div><img src="https://mc.yandex.ru/watch/107194299" style="position:absolute; left:-9999px;" alt="" /></div></noscript>
<!-- /Yandex.Metrica counter -->
<!-- Google tag (gtag.js) — Google Analytics 4, Measurement ID G-EFJEGKR54R
Добавлен 10.10.2026. Стоит здесь же, где Метрика: подвал подключается
на всех страницах сайта, поэтому обе системы считают одинаково.
Идентификатор не является секретом — он виден в исходном коде сайта. -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-EFJEGKR54R"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'G-EFJEGKR54R');
</script>
</footer>
<script src="/js/swiper-custom.js" defer></script> <!-- Плашка cookie с ссылкой на Политику --> <div id="cookie-banner" style="display:none; position:fixed; bottom:0; left:0; right:0; background:#111; color:#3b82f6; padding:15px 20px; z-index:9999; border-top:2px solid #3b82f6; text-align:center; font-family:Arial, sans-serif; box-shadow:0 -4px 10px rgba(0,0,0,0.6);"> <p style="margin:0; font-size:15px; display:inline-block; margin-right:20px; color:#3b82f6;"> Мы используем файлы cookie для сбора статистики посещаемости. Продолжая использовать сайт, вы соглашаетесь с <a href="/privacy-policy.php" target="_blank" style="color:#3b82f6; text-decoration:underline; font-weight:bold;">Политикой конфиденциальности</a>. </p> <button id="cookie-accept" style="background:#3b82f6; color:#111; border:none; padding:10px 30px; border-radius:40px; font-weight:bold; cursor:pointer; font-size:15px; transition:background 0.3s;"> Ок </button> </div> <script> document.addEventListener('DOMContentLoaded', function() { if (localStorage.getItem('cookieAccepted') === 'true') return; var banner = document.getElementById('cookie-banner'); banner.style.display = 'block'; document.getElementById('cookie-accept').addEventListener('click', function() { localStorage.setItem('cookieAccepted', 'true'); banner.style.display = 'none'; }); }); </script> </body> </html>