Настройка Prerender.io для SEO SPA: nginx, Express
Поисковые боты видят пустую оболочку вашего SPA — и страницы не попадают в выдачу. Мы настраиваем Prerender.io для nginx и Express, чтобы боты получали готовый HTML, а пользователи — быстрый интерфейс. Реализуем проект под ключ: от фильтрации User-Agent до precache sitemap, с последующей поддержкой и стабильной работой.
Разработка и обслуживание любых видов сайтов:
Информационные сайты или веб-приложения
Сайты визитки, landing page, корпоративные сайты, онлайн каталоги, квиз, промо-сайты, блоги, новостные ресурсы, информационные порталы, форумы, агрегаторы
Сайты или веб-приложения электронной коммерции
Интернет-магазины, B2B-порталы, маркетплейсы, онлайн-обменники, кэшбэк-сайты, биржи, дропшиппинг-платформы, парсеры товаров
Веб-приложения для управления бизнес-процессами
CRM-системы, ERP-системы, корпоративные порталы, системы управления производством, парсеры информации
Сайты или веб-приложения электронных услуг
Доски объявлений, онлайн-школы, онлайн-кинотеатры, конструкторы сайтов, порталы предоставления электронных услуг, видеохостинги, тематические порталы
Это лишь некоторые из технических типов сайтов, с которыми мы работаем, и каждый из них может иметь свои специфические особенности и функциональность, а также быть адаптированным под конкретные потребности и цели клиента
Услуги, которые мы предлагаем
Показано 1 из 1Все 2062 услуг
Настройка Prerender.io для SEO SPA: nginx, Express~2-3 дня
Средний
Часто задаваемые вопросы
- Prerender.io — SaaS-сервис, который по запросу поискового бота запускает headless Chrome, рендерит страницу SPA и возвращает готовый HTML. Для обычных пользователей сайт остаётся SPA с клиентским рендерингом. Время первого рендера холодной страницы — 1–3 секунды, горячей — менее 100 мс.
- SSR рендерит страницу на сервере для каждого запроса — требует выделенного сервера и сложной инфраструктуры. Prerender.io рендерит только для ботов, оставляя клиентам SPA. Экономия серверных ресурсов — до 70% по сравнению с SSR, а нагрузка снижается в 3–5 раз. Prerender.io не требует переписывания фронтенда и подходит для любых SPA-фреймворков.
- Сервис платный, первый рендер холодной страницы занимает время (до 2–3 секунд), не поддерживает персонализированный контент (без cookies пользователя) и не рендерит страницы, защищённые авторизацией. Для динамических страниц с частыми обновлениями рекомендуется настроить автоматический рекэш.
- Отправьте запрос с User-Agent 'Googlebot' через curl: `curl -A 'Googlebot/2.1' https://site.com/page | grep -o '
[^<]* '`. В ответе должен быть реальныйи контент. Также отключите JavaScript в Chrome DevTools и перезагрузите страницу — если контент виден, prerender работает.</div></dd></div></div><div class="group bg-white dark:bg-dark-item rounded-lg transition-colors xl:shadow-light overflow-hidden hover:bg-dark-button dark:hover:bg-dark-button"><dt><button class="flex w-full items-start justify-between text-left text-black dark:text-white p-[1.125rem] cursor-pointer transition-colors group-hover:text-white dark:group-hover:text-white" id="headlessui-disclosure-button-:R1mh5:" type="button" aria-expanded="false" data-headlessui-state=""><span class="text-base sm:text-lg">Сколько времени занимает настройка Prerender.io?</span><span class="ml-6 flex h-7 items-center"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon" class="rotate-0 h-6 w-6 transform transition-transform duration-300"><path stroke-linecap="round" stroke-linejoin="round" d="m19.5 8.25-7.5 7.5-7.5-7.5"></path></svg></span></button></dt><div hidden="" style="display:none"><dd class="px-[1.125rem] pb-8" id="headlessui-disclosure-panel-:R2mh5:" hidden="" style="display:none" data-headlessui-state=""><div class="frontend-context-text">Базовая настройка с nginx и прекэшем — от 0,5 до 1 рабочего дня. Если нужна интеграция с middleware (Express, Laravel) и автоматический рекэш при деплое — до 2 дней. Сложная интеграция с кастомной фильтрацией — до 3 дней.</div></dd></div></div></dl></div><div class="frontend-post-text flex flex-col p-4 md:p-8 gap-4 lg:gap-8 mb-4 lg:mb-16 xl:mb-40 transition-all rounded-lg xl:shadow-light bg-white dark:bg-dark-item border-t-2 border-dark-button"><p>Вы запустили SPA на Vue 3 — страницы летают, UX отличный. Но Googlebot видит пустой <code><div id="app"></code>, индексация — ноль. Трафик с поиска не растёт. В нашей практике клиент с интернет-магазином на Vue 3 после настройки Prerender.io получил рост индексации на 40% за месяц, а LCP упал с 4.2 до 1.1 секунды. Рассказываем, как настроить сервис правильно и без сюрпризов.</p> <p>Prerender.io — это SaaS, который по запросу бота рендерит страницу в headless Chrome и отдаёт готовый HTML. Для обычных пользователей ничего не меняется. Мы используем его в 50+ проектах — от корпоративных сайтов до маркетплейсов. Экономия серверного времени по сравнению с полноценным SSR — до 70%, а нагрузка на сервер снижается в 3–5 раз.</p><h3>Проблемы, которые решаем</h3><p>SPA по умолчанию не отдают контент при выключенном JavaScript — поисковые боты видят пустой index.html. В итоге:</p><ul> <li>Страницы не попадают в выдачу (или попадают с ошибками).</li> <li>Сниппеты пустые, Title — "React App".</li> <li>Внутренние ссылки не индексируются.</li> </ul><p>Например, клиент с каталогом на 10 000 товаров: без prerender боты индексировали только 12 страниц из 10 000. После настройки — 8 500 страниц за неделю.</p> <p>Типичные ошибки:</p><ul> <li>nginx не различает ботов и людей.</li> <li>Middleware неправильно отфильтровывает User-Agent.</li> <li>Кэш не сбрасывается после деплоя.</li> </ul><p>В 90% случаев проблема именно в фильтрации User-Agent. Мы настраиваем Prerender.io с учётом этих нюансов — так, чтобы боты получали полный HTML, а пользователи — быстрый SPA.</p><h2>Почему Prerender.io, а не полноценный SSR?</h2><p>SSR (Nuxt 3, Next.js) рендерит каждую страницу на сервере — это нагрузка и сложность. Prerender.io делает это только для ботов: тратит ресурсы только на рендеринг для поисковиков. Экономия серверного времени — до 70% по сравнению с SSR. Плюс не нужно переписывать фронтенд — подходит для любого SPA-фреймворка. На практике Prerender.io снижает нагрузку на сервер в 3–5 раз для проектов с высоким трафиком, особенно если большая часть страниц статична.</p><table> <thead> <tr> <th>Критерий</th> <th>Prerender.io</th> <th>SSR (Nuxt/Next)</th> </tr> </thead> <tbody> <tr> <td>Рендеринг для людей</td> <td>Нет (только SPA)</td> <td>Да (каждый запрос)</td> </tr> <tr> <td>Влияние на UX</td> <td>Не влияет</td> <td>Может увеличить TTFB</td> </tr> <tr> <td>Сложность внедрения</td> <td>Низкая (middleware)</td> <td>Высокая (миграция)</td> </tr> <tr> <td>Стоимость</td> <td>Фиксированная плата + трафик</td> <td>Сервер + разработка</td> </tr> <tr> <td>Персонализация</td> <td>Ограничена</td> <td>Полная</td> </tr> </tbody> </table> <h2>Как это работает (схематично)</h2> <ol> <li>Бот запрашивает <code>/products/42</code>.</li> <li>nginx / middleware определяет User-Agent и проксирует на prerender.io.</li> <li>Prerender.io рендерит страницу в headless Chrome.</li> <li>Возвращает готовый HTML боту.</li> </ol><p>Пользователи получают обычный SPA — никаких изменений.</p><h2>Настройка Prerender.io для SPA</h2> <h3>Настройка nginx</h3> <pre><code class="language-nginx">map $http_user_agent $prerender_ua { ~*(Googlebot|AdsBot-Google|Googlebot-Image|Bingbot|Slurp|DuckDuckBot|Baiduspider|YandexBot|LinkedInBot|facebookexternalhit|Twitterbot|WhatsApp|TelegramBot) "1"; default "0"; } server { listen 443 ssl; server_name company.com; location / { if ($prerender_ua = "1") { rewrite .* /$scheme://$host$request_uri? break; proxy_pass https://service.prerender.io; proxy_set_header X-Prerender-Token "YOUR_API_TOKEN"; proxy_set_header X-Prerender-Host $host; proxy_connect_timeout 5s; proxy_read_timeout 60s; } try_files $uri /index.html; } }</code></pre> <h4>Middleware для Node.js (Express)</h4> <pre><code class="language-javascript">const prerender = require('prerender-node') prerender.set('prerenderToken', process.env.PRERENDER_TOKEN) prerender.set('prerenderServiceUrl', 'https://service.prerender.io/') // Опциональные настройки prerender.crawlerUserAgents.push('TelegramBot', 'WhatsApp') prerender.set('blacklistPaths', ['/admin', '/dashboard', '/api']) app.use(prerender)</code></pre><p>Библиотека <a href="https://github.com/prerender/prerender-node">prerender-node</a> доступна на GitHub.</p><h2>Как настроить автоматический рекэш при деплое?</h2><p>Prerender.io кэширует страницы автоматически. Но после деплоя кэш нужно сбрасывать для изменённых URL. Мы автоматизируем это через API:</p><pre><code class="language-bash"># Очистить конкретный URL curl -X POST https://api.prerender.io/recache \ -H "Content-Type: application/json" \ -d '{"prerenderToken": "YOUR_TOKEN", "url": "https://company.com/product/42"}' # Рекэшировать при деплое (список измененных URL) CHANGED_URLS=$(git diff HEAD~1 --name-only | grep "pages/" | ...) for url in $CHANGED_URLS; do curl -X POST https://api.prerender.io/recache \ -d "{\"prerenderToken\": \"$TOKEN\", \"url\": \"https://company.com/$url\"}" done </code></pre><p>Если страниц много — используем прекэш по sitemap:</p><pre><code class="language-python">import requests import xml.etree.ElementTree as ET def precache_sitemap(sitemap_url, prerender_token): response = requests.get(sitemap_url) root = ET.fromstring(response.content) ns = {'sm': 'http://www.sitemaps.org/schemas/sitemap/0.9'} urls = [loc.text for loc in root.findall('.//sm:loc', ns)] print(f"Precaching {len(urls)} URLs...") for url in urls: requests.post('https://api.prerender.io/recache', json={'prerenderToken': prerender_token, 'url': url}) precache_sitemap('https://company.com/sitemap.xml', os.environ['PRERENDER_TOKEN'])</code></pre><p>Prerender.io хранит кэш на своих серверах. Срок жизни кэша по умолчанию — 30 минут, его можно настроить через заголовки <code>Cache-Control</code>. Рекомендуем ставить <code>max-age=3600</code> для статичных страниц и <code>no-cache</code> для динамических. Автоматический рекэш при деплое гарантирует, что боты увидят актуальную версию.</p><h3>Как проверить, что prerender работает?</h3> <pre><code class="language-bash"># Запрос как Googlebot curl -A "Googlebot/2.1 (+http://www.google.com/bot.html)" \ https://company.com/products/iphone-15 | \ grep -o '<title>[^<]*</title>' # Должен вернуть реальный title, не "React App" или пустую строку</code></pre><p>Chrome DevTools → Network → Disable JS → перезагрузить страницу — если виден контент без JS, prerendering работает корректно для ботов.</p><h3>Какие преимущества Prerender.io для SPA?</h3><p>Быстрое внедрение — настройка занимает от 0,5 дня. Не требует переписывания кода. Экономия серверных ресурсов до 70%. Среднее время первого рендера холодной страницы — 1.5 секунды, горячей — 100 мс. Prerender.io поддерживает все популярные фреймворки: Vue, React, Angular.</p><h2>Что входит в настройку под ключ</h2> <table> <thead> <tr> <th>Этап</th> <th>Результат</th> </tr> </thead> <tbody> <tr> <td>Анализ конфигурации</td> <td>Схема User-Agent, определение фреймворка</td> </tr> <tr> <td>Настройка nginx/Express/middleware</td> <td>Рабочий prerender для ботов</td> </tr> <tr> <td>Настройка кэширования</td> <td>Автоматический рекэш при деплое</td> </tr> <tr> <td>Прекэш по sitemap</td> <td>Все страницы в кэше</td> </tr> <tr> <td>Проверка</td> <td>curl-тесты, отчёт по индексации</td> </tr> <tr> <td>Документация</td> <td>Инструкция для команды, доступы</td> </tr> </tbody> </table> <h2>Сроки и стоимость</h2><p>Базовая настройка (nginx + прекэш) — от 0,5 до 1 рабочего дня. Сложная интеграция (несколько middleware, кастомный рекэш) — до 2 дней. Стоимость фиксированная и рассчитывается индивидуально. Мы гарантируем, что после настройки Googlebot начнёт видеть контент. Наша команда имеет 5 лет опыта и выполнила более 50 проектов по SEO-оптимизации SPA.</p> <p>Закажите настройку Prerender.io — получите консультацию инженера. Свяжитесь с нами, чтобы обсудить ваш проект. Получите консультацию инженера — мы поможем выбрать оптимальное решение.</p></div><div class="grid grid-flow-dense grid-cols-1 sm:grid-cols-2 gap-4 lg:gap-8 mb-12 lg:mb-16 xl:mb-40"><div class=" hidden lg:flex flex-col p-8 text-white transition-all rounded-lg xl:shadow-light bg-white dark:bg-dark-item border-t-2 border-border-consult"><div class="text-center text-black dark:text-white pb-5 text-lg lg:text-2xl">Обсудить задачу</div><div class="text-center text-xs xl:text-sm pb-6 text-black/75 dark:text-white/50">Опишите задачу — профильный специалист разберётся и предложит решение.</div><button type="button" class="ripple-animation inline-block mr-auto ml-auto whitespace-nowrap rounded-lg bg-dark-button items-center justify-center text-sm text-white px-8 py-3.5 hover:opacity-70 transition-all ">Обсудить задачу</button></div><div class=" hidden lg:flex flex-col p-8 text-white transition-all rounded-lg xl:shadow-light bg-white dark:bg-dark-item border-t-2 border-border-price"><div class="text-center text-black dark:text-white pb-5 text-lg lg:text-2xl">Расчет стоимости</div><div class="text-center text-xs xl:text-sm pb-6 text-black/75 dark:text-white/50">Если вы знаете, что именно вам нужно разработать, или у вас уже есть готовое техническое задание.</div><button type="button" class="ripple-animation inline-block mr-auto ml-auto whitespace-nowrap rounded-lg bg-dark-button items-center justify-center text-sm text-white px-8 py-3.5 hover:opacity-70 transition-all ">Узнать стоимость</button></div><button type="button" class="ripple-animation flex lg:hidden text-start flex-col p-6 text-white transition-all rounded-lg xl:shadow-light bg-white dark:bg-dark-item border-t-2 border-border-consult"><span class="text-start text-black dark:text-white pb-2.5 text-lg lg:text-2xl">Обсудить задачу</span><span class="text-start text-xs xl:text-base pb-2 text-black dark:text-white">Опишите задачу — профильный специалист разберётся и предложит решение.</span><span class="text-start text-xs xl:text-base text-black/75 dark:text-white/50">Нажмите, чтобы оставить заявку</span></button><button type="button" class="ripple-animation flex lg:hidden text-start flex-col p-8 text-white transition-all rounded-lg xl:shadow-light bg-white dark:bg-dark-item border-t-2 border-border-price"><span class="text-start text-black dark:text-white pb-2.5 text-lg lg:text-2xl">Расчет стоимости</span><span class="text-start text-xs xl:text-base pb-2 text-black dark:text-white ">Если вы знаете, что именно вам нужно разработать, или у вас уже есть готовое техническое задание.</span><span class="text-start text-xs xl:text-base text-black/75 dark:text-white/50">Нажмите, чтобы оставить заявку</span></button></div><div id="servicesList" class="relative mb-6 lg:mb-8"><h2 class="mb-4 lg:mb-8 xl:mb-12 text-2xl lg:text-3xl font-normal dark:text-white text-center">Наши компетенции:</h2><div class="grid grid-flow-dense grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 gap-4 lg:gap-8"><button type="button" class="ripple-animation group flex flex-col p-5 text-white transition-all rounded-lg xl:shadow-light bg-white dark:bg-dark-item hover:bg-dark-button dark:hover:bg-dark-button hover:scale-105 min-h-[9.5rem] sm:min-h-[10.5rem]"><span class="w-8 h-8 mb-3 group-hover:text-white text-[#b5b0b0] dark:text-[#DCDCDC]"><svg x="0px" y="0px" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg" xml:space="preserve"><path d="M13 13V26" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path><path d="M4 13H28" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path><path d="M27 6H5C4.44772 6 4 6.44772 4 7V25C4 25.5523 4.44772 26 5 26H27C27.5523 26 28 25.5523 28 25V7C28 6.44772 27.5523 6 27 6Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></span><span class="text-start text-black dark:text-white text-lg pb-2 font-normal group-hover:text-white">Системы управления контентом CMS/CMF</span><span class="text-xs text-black/75 dark:text-white/50 group-hover:text-white text-start">Наши разработчики имеют опыт работы с более чем 200+ CMS/CMF</span></button><button type="button" class="ripple-animation group flex flex-col p-5 text-white transition-all rounded-lg xl:shadow-light bg-white dark:bg-dark-item hover:bg-dark-button dark:hover:bg-dark-button hover:scale-105 min-h-[9.5rem] sm:min-h-[10.5rem]"><span class="w-8 h-8 mb-3 group-hover:text-white text-[#FFA07A] dark:text-[#FFA07A]"><svg x="0px" y="0px" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg" xml:space="preserve"><path d="M9 12.5H4C3.44772 12.5 3 12.9477 3 13.5V18.5C3 19.0523 3.44772 19.5 4 19.5H9C9.55228 19.5 10 19.0523 10 18.5V13.5C10 12.9477 9.55228 12.5 9 12.5Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path><path d="M27 5H21C20.4477 5 20 5.44772 20 6V12C20 12.5523 20.4477 13 21 13H27C27.5523 13 28 12.5523 28 12V6C28 5.44772 27.5523 5 27 5Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path><path d="M27 19H21C20.4477 19 20 19.4477 20 20V26C20 26.5523 20.4477 27 21 27H27C27.5523 27 28 26.5523 28 26V20C28 19.4477 27.5523 19 27 19Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path><path d="M10 16H15" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path><path d="M20 23H18C17.2044 23 16.4413 22.6839 15.8787 22.1213C15.3161 21.5587 15 20.7956 15 20V12C15 11.2044 15.3161 10.4413 15.8787 9.87868C16.4413 9.31607 17.2044 9 18 9H20" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></span><span class="text-start text-black dark:text-white text-lg pb-2 font-normal group-hover:text-white">Фреймворки</span><span class="text-xs text-black/75 dark:text-white/50 group-hover:text-white text-start">Наши разработчики имеют опыт работы со всеми популярными фреймворками</span></button><button type="button" class="ripple-animation group flex flex-col p-5 text-white transition-all rounded-lg xl:shadow-light bg-white dark:bg-dark-item hover:bg-dark-button dark:hover:bg-dark-button hover:scale-105 min-h-[9.5rem] sm:min-h-[10.5rem]"><span class="w-8 h-8 mb-3 group-hover:text-white text-[#00E1E1] dark:text-[#00FFFF]"><svg x="0px" y="0px" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg" xml:space="preserve"><path d="M10 5C2 5 10 16 2 16C10 16 2 27 10 27" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path><path d="M22 5C30 5 22 16 30 16C22 16 30 27 22 27" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></span><span class="text-start text-black dark:text-white text-lg pb-2 font-normal group-hover:text-white">Языки программирования</span><span class="text-xs text-black/75 dark:text-white/50 group-hover:text-white text-start">PHP, ASP.NET, Java, Python, NodeJS, JS, TypeScript и др.</span></button><button type="button" class="ripple-animation group flex flex-col p-5 text-white transition-all rounded-lg xl:shadow-light bg-white dark:bg-dark-item hover:bg-dark-button dark:hover:bg-dark-button hover:scale-105 min-h-[9.5rem] sm:min-h-[10.5rem]"><span class="w-8 h-8 mb-3 group-hover:text-white text-[#53B29B] dark:text-[#53B29B]"><svg x="0px" y="0px" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg" xml:space="preserve"><path d="M23 23H8.72727L5.2402 3.82112C5.19831 3.5907 5.07688 3.3823 4.89708 3.23225C4.71728 3.08219 4.49052 3 4.25633 3H2" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path><path d="M10 28C11.3807 28 12.5 26.8807 12.5 25.5C12.5 24.1193 11.3807 23 10 23C8.61929 23 7.5 24.1193 7.5 25.5C7.5 26.8807 8.61929 28 10 28Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path><path d="M23 28C24.3807 28 25.5 26.8807 25.5 25.5C25.5 24.1193 24.3807 23 23 23C21.6193 23 20.5 24.1193 20.5 25.5C20.5 26.8807 21.6193 28 23 28Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path><path d="M7.81818 18H23.5127C23.981 18 24.4346 17.8356 24.7942 17.5355C25.1538 17.2354 25.3966 16.8186 25.4804 16.3578L27 8H6" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></span><span class="text-start text-black dark:text-white text-lg pb-2 font-normal group-hover:text-white">Платежные системы и электронная коммерция</span><span class="text-xs text-black/75 dark:text-white/50 group-hover:text-white text-start">Большой опыт работы с платежными системами и электронной коммерцией</span></button><button type="button" class="ripple-animation group flex flex-col p-5 text-white transition-all rounded-lg xl:shadow-light bg-white dark:bg-dark-item hover:bg-dark-button dark:hover:bg-dark-button hover:scale-105 min-h-[9.5rem] sm:min-h-[10.5rem]"><span class="w-8 h-8 mb-3 group-hover:text-white text-[#D9D300] dark:text-[#FFFB00]"><svg x="0px" y="0px" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg" xml:space="preserve"><path d="M10 15H19C20.3261 15 21.5979 15.5268 22.5355 16.4645C23.4732 17.4021 24 18.6739 24 20C24 21.3261 23.4732 22.5979 22.5355 23.5355C21.5979 24.4732 20.3261 25 19 25L9.99927 24.9994V5.99939L17.5 6C18.6935 6 19.8381 6.47411 20.682 7.31802C21.5259 8.16193 22 9.30653 22 10.5C22 11.6935 21.5259 12.8381 20.682 13.682C19.8381 14.5259 18.6935 15 17.5 15" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path><path d="M7.99927 5.99939H9.99927" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path><path d="M7.99927 24.9994H9.99927" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path><path d="M13 6V3" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path><path d="M17 6V3" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path><path d="M13 28V25" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path><path d="M17 28V25" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></span><span class="text-start text-black dark:text-white text-lg pb-2 font-normal group-hover:text-white">Блокчейн</span><span class="text-xs text-black/75 dark:text-white/50 group-hover:text-white text-start">Большой опыт работы с блокчейном и криптовалютами</span></button><button type="button" class="ripple-animation group flex flex-col p-5 text-white transition-all rounded-lg xl:shadow-light bg-white dark:bg-dark-item hover:bg-dark-button dark:hover:bg-dark-button hover:scale-105 min-h-[9.5rem] sm:min-h-[10.5rem]"><span class="w-8 h-8 mb-3 group-hover:text-white text-[#21AE9F] dark:text-[#21AE9F]"><svg x="0px" y="0px" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg" xml:space="preserve"><path d="M25 7H7C5.34315 7 4 8.34315 4 10V24C4 25.6569 5.34315 27 7 27H25C26.6569 27 28 25.6569 28 24V10C28 8.34315 26.6569 7 25 7Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path><path d="M11.5 18H20.5C21.8807 18 23 19.1193 23 20.5V20.5C23 21.8807 21.8807 23 20.5 23H11.5C10.1193 23 9 21.8807 9 20.5V20.5C9 19.1193 10.1193 18 11.5 18Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path><path d="M18.5 18V23" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path><path d="M13.5 18V23" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path><path d="M16 7V2" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path><path d="M10.5 14.75C11.1904 14.75 11.75 14.1904 11.75 13.5C11.75 12.8096 11.1904 12.25 10.5 12.25C9.80964 12.25 9.25 12.8096 9.25 13.5C9.25 14.1904 9.80964 14.75 10.5 14.75Z" fill="currentColor"></path><path d="M21.5 14.75C22.1904 14.75 22.75 14.1904 22.75 13.5C22.75 12.8096 22.1904 12.25 21.5 12.25C20.8096 12.25 20.25 12.8096 20.25 13.5C20.25 14.1904 20.8096 14.75 21.5 14.75Z" fill="currentColor"></path></svg></span><span class="text-start text-black dark:text-white text-lg pb-2 font-normal group-hover:text-white">Машинное обучение, ИИ</span><span class="text-xs text-black/75 dark:text-white/50 group-hover:text-white text-start">Большой опыт работы с машинным обучением и ИИ</span></button><button type="button" class="ripple-animation group flex flex-col p-5 text-white transition-all rounded-lg xl:shadow-light bg-white dark:bg-dark-item hover:bg-dark-button dark:hover:bg-dark-button hover:scale-105 min-h-[9.5rem] sm:min-h-[10.5rem]"><span class="w-8 h-8 mb-3 group-hover:text-white text-[#7BCE00] dark:text-[#ADFF2F]"><svg x="0px" y="0px" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg" xml:space="preserve"><path d="M16 16C22.0751 16 27 13.3137 27 10C27 6.68629 22.0751 4 16 4C9.92487 4 5 6.68629 5 10C5 13.3137 9.92487 16 16 16Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path><path d="M5 10V16C5 19.3137 9.92487 22 16 22C22.0751 22 27 19.3137 27 16V10" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path><path d="M5 16V22C5 25.3137 9.92487 28 16 28C22.0751 28 27 25.3137 27 22V16" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></span><span class="text-start text-black dark:text-white text-lg pb-2 font-normal group-hover:text-white">Bigdata и масштабирование</span><span class="text-xs text-black/75 dark:text-white/50 group-hover:text-white text-start">Большой опыт работы с Bigdata и масштабированием</span></button><button type="button" class="ripple-animation group flex flex-col p-5 text-white transition-all rounded-lg xl:shadow-light bg-white dark:bg-dark-item hover:bg-dark-button dark:hover:bg-dark-button hover:scale-105 min-h-[9.5rem] sm:min-h-[10.5rem]"><span class="w-8 h-8 mb-3 group-hover:text-white text-[#1E90FF] dark:text-[#1E90FF]"><svg x="0px" y="0px" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg" xml:space="preserve"><path d="M14.7573 21.7574L18.9999 26L23.2426 21.7574" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path><path d="M19 16V26" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path><path d="M12 26H9.00003C8.00732 25.999 7.02618 25.7869 6.12172 25.3778C5.21725 24.9686 4.41016 24.3718 3.754 23.6268C3.09785 22.8819 2.60764 22.0059 2.31591 21.0571C2.02419 20.1082 1.93762 19.1081 2.06196 18.1232C2.1863 17.1384 2.51869 16.1912 3.03708 15.3446C3.55547 14.498 4.248 13.7713 5.06871 13.2128C5.88941 12.6544 6.81952 12.2768 7.79729 12.1053C8.77506 11.9338 9.77814 11.9722 10.7399 12.2179" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path><path d="M10 16C10.0002 14.4155 10.3768 12.8538 11.0989 11.4435C11.821 10.0331 12.868 8.81457 14.1534 7.8882C15.4388 6.96183 16.926 6.35417 18.4923 6.11528C20.0587 5.8764 21.6594 6.01314 23.1625 6.51422C24.6656 7.0153 26.0282 7.8664 27.1379 8.99736C28.2476 10.1283 29.0726 11.5068 29.5451 13.0192C30.0175 14.5316 30.1239 16.1346 29.8553 17.6961C29.5867 19.2576 28.9509 20.733 28.0003 22.0006" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></span><span class="text-start text-black dark:text-white text-lg pb-2 font-normal group-hover:text-white">Облачные решения</span><span class="text-xs text-black/75 dark:text-white/50 group-hover:text-white text-start">Большой опыт разработки облачных решений</span></button><button type="button" class="ripple-animation group flex flex-col p-5 text-white transition-all rounded-lg xl:shadow-light bg-white dark:bg-dark-item hover:bg-dark-button dark:hover:bg-dark-button hover:scale-105 min-h-[9.5rem] sm:min-h-[10.5rem]"><span class="w-8 h-8 mb-3 group-hover:text-white text-[#C1B7FF] dark:text-[#C1B7FF]"><svg x="0px" y="0px" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg" xml:space="preserve"><path d="M15 9C16.6569 9 18 7.65685 18 6C18 4.34315 16.6569 3 15 3C13.3431 3 12 4.34315 12 6C12 7.65685 13.3431 9 15 9Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path><path d="M5 18C6.65685 18 8 16.6569 8 15C8 13.3431 6.65685 12 5 12C3.34315 12 2 13.3431 2 15C2 16.6569 3.34315 18 5 18Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path><path d="M20 29C21.6569 29 23 27.6569 23 26C23 24.3431 21.6569 23 20 23C18.3431 23 17 24.3431 17 26C17 27.6569 18.3431 29 20 29Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path><path d="M26 12C27.6569 12 29 10.6569 29 9C29 7.34315 27.6569 6 26 6C24.3431 6 23 7.34315 23 9C23 10.6569 24.3431 12 26 12Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path><path d="M23.106 8.21075L17.8939 6.78926" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path><path d="M12.7701 8.00689L7.22986 12.9931" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path><path d="M7.41956 16.7743L17.5805 24.2257" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path><path d="M20.9987 23.1704L25.0013 11.8295" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></span><span class="text-start text-black dark:text-white text-lg pb-2 font-normal group-hover:text-white">Микросервисы</span><span class="text-xs text-black/75 dark:text-white/50 group-hover:text-white text-start">Большой опыт разработки микросервисов</span></button><button type="button" class="ripple-animation group flex flex-col p-5 text-white transition-all rounded-lg xl:shadow-light bg-white dark:bg-dark-item hover:bg-dark-button dark:hover:bg-dark-button hover:scale-105 min-h-[9.5rem] sm:min-h-[10.5rem]"><span class="w-8 h-8 mb-3 group-hover:text-white text-[#FF8787] dark:text-[#FF8787]"><svg x="0px" y="0px" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg" xml:space="preserve"><path d="M10 19.9991H26C26.2652 19.9991 26.5196 19.8938 26.7071 19.7063C26.8946 19.5187 27 19.2644 27 18.9991V5.99915C27 5.73393 26.8946 5.47958 26.7071 5.29204C26.5196 5.1045 26.2652 4.99915 26 4.99915H12C11.7348 4.99915 11.4804 5.1045 11.2929 5.29204C11.1054 5.47958 11 5.73393 11 5.99915V6.99915" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path><path d="M13 17L10 20L13 23" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path><path d="M22 12H6C5.73478 12 5.48043 12.1054 5.29289 12.2929C5.10536 12.4804 5 12.7348 5 13V26C5 26.2652 5.10536 26.5196 5.29289 26.7071C5.48043 26.8946 5.73478 27 6 27H20C20.2652 27 20.5196 26.8946 20.7071 26.7071C20.8946 26.5196 21 26.2652 21 26V25" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path><path d="M19 14.9991L22 11.9991L19 8.99911" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></span><span class="text-start text-black dark:text-white text-lg pb-2 font-normal group-hover:text-white">Разработка модулей</span><span class="text-xs text-black/75 dark:text-white/50 group-hover:text-white text-start">Большой опыт разработки модулей CMS/CMF для продажи на маркетплейсах</span></button><button type="button" class="ripple-animation group flex flex-col p-5 text-white transition-all rounded-lg xl:shadow-light bg-white dark:bg-dark-item hover:bg-dark-button dark:hover:bg-dark-button hover:scale-105 min-h-[9.5rem] sm:min-h-[10.5rem]"><span class="w-8 h-8 mb-3 group-hover:text-white text-[#00E8D7] dark:text-[#5FFFF5]"><svg x="0px" y="0px" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg" xml:space="preserve"><path d="M23.001 10H5.00098C4.44869 10 4.00098 10.4477 4.00098 11V25C4.00098 25.5523 4.44869 26 5.00098 26H23.001C23.5533 26 24.001 25.5523 24.001 25V11C24.001 10.4477 23.5533 10 23.001 10Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path><path d="M8.00098 10V7C8.00098 6.73478 8.10633 6.48043 8.29387 6.29289C8.48141 6.10536 8.73576 6 9.00098 6H27.001C27.2662 6 27.5205 6.10536 27.7081 6.29289C27.8956 6.48043 28.001 6.73478 28.001 7V21C28.001 21.2652 27.8956 21.5196 27.7081 21.7071C27.5205 21.8946 27.2662 22 27.001 22H24.001" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path><path d="M4 14H24" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></span><span class="text-start text-black dark:text-white text-lg pb-2 font-normal group-hover:text-white">UX/UI</span><span class="text-xs text-black/75 dark:text-white/50 group-hover:text-white text-start">Большой опыт проектирования сложных и простых элементов дизайна</span></button><button type="button" class="ripple-animation group flex flex-col p-5 text-white transition-all rounded-lg xl:shadow-light bg-white dark:bg-dark-item hover:bg-dark-button dark:hover:bg-dark-button hover:scale-105 min-h-[9.5rem] sm:min-h-[10.5rem]"><span class="w-8 h-8 mb-3 group-hover:text-white text-[#FFBB55] dark:text-[#FFD699]"><svg x="0px" y="0px" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg" xml:space="preserve"><path d="M8.5 27C10.433 27 12 25.433 12 23.5C12 21.567 10.433 20 8.5 20C6.567 20 5 21.567 5 23.5C5 25.433 6.567 27 8.5 27Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path><path d="M8.5 12C10.433 12 12 10.433 12 8.5C12 6.567 10.433 5 8.5 5C6.567 5 5 6.567 5 8.5C5 10.433 6.567 12 8.5 12Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path><path d="M8.5 12V20" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path><path d="M23.5003 27C25.4333 27 27.0003 25.433 27.0003 23.5C27.0003 21.567 25.4333 20 23.5003 20C21.5673 20 20.0003 21.567 20.0003 23.5C20.0003 25.433 21.5673 27 23.5003 27Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path><path d="M23.5003 20L23.5001 14.9851C23.5 13.3939 22.8679 11.8679 21.7427 10.7427L17 6" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path><path d="M17 11V6H22" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></span><span class="text-start text-black dark:text-white text-lg pb-2 font-normal group-hover:text-white">Код ревью</span><span class="text-xs text-black/75 dark:text-white/50 group-hover:text-white text-start">Выполняем независимый анализ проверки программного кода готовых проектов.</span></button></div></div><div class="relative mb-12 sm:mb-16 md:mb-20 xl:mb-24"><h2 class="mb-6 lg:mb-8 xl:mb-12 text-2xl lg:text-3xl font-normal dark:text-white text-center">Последние работы</h2><ul class=" grid gap-6 sm:gap-4 lg:gap-8 grid-cols-1 sm:grid-cols-2 "><li class="relative"><div class="bg-white dark:bg-dark-item rounded-lg overflow-hidden xl:bg-transparent dark:xl:bg-transparent"><div class="block w-full overflow-hidden rounded-lg hover:opacity-75 transition-all xl:shadow-light"><div class="group focus:outline-none cursor-pointer"><div class="ripple-animation group:hover:ripple-animation-native"><div class="pointer-events-none"><div class="relative aspect-video w-full rounded-lg overflow-hidden"><img src="/files/works/2023/05/30/228/image_website-b2b-advance_0.webp" alt="Разработка сайта компании B2B ADVANCE" width="1280" height="720" loading="lazy" decoding="async" class="h-full w-full object-cover"/></div></div></div></div></div><div class=" flex items-center gap-4 justify-center font-normal text-black dark:text-white xl:py-0 xl:px-0 xl:pt-6 py-3 px-2 "><div class="grow text-base text-black/75 dark:text-white/75">Разработка сайта компании B2B ADVANCE</div><button class="font-normal flex gap-1 items-center text-sm xl:text-lg cursor-pointer text-black/70 dark:text-white/50 hover:text-black/100 hover:dark:text-white/100" type="button"><span class="flex items-center h-6 w-6"><svg x="0px" y="0px" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" xml:space="preserve"><path d="M12.0012 19.4401C12.0012 19.4401 2.62622 14.4001 2.62622 8.28011C2.62641 7.19843 3.01683 6.15019 3.73111 5.31363C4.44538 4.47706 5.43942 3.9038 6.54421 3.69131C7.649 3.47882 8.79636 3.64021 9.79121 4.14805C10.7861 4.65589 11.567 5.47883 12.0012 6.47695L12.0012 6.47696C12.4355 5.47884 13.2164 4.6559 14.2112 4.14806C15.2061 3.64022 16.3534 3.47882 17.4582 3.69131C18.563 3.9038 19.5571 4.47706 20.2713 5.31363C20.9856 6.15019 21.376 7.19843 21.3762 8.28011C21.3762 14.4001 12.0012 19.4401 12.0012 19.4401Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></span>61</button><div class="font-normal flex gap-1 items-center text-sm xl:text-lg opacity-70 dark:opacity-50 pointer-events-none"><span class="flex items-center h-6 w-6 xl:h-6 xl:w-6 opacity-50 mr-1"><svg x="0px" y="0px" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" xml:space="preserve"><path d="M12 5.24927C4.5 5.24927 1.5 12 1.5 12C1.5 12 4.5 18.7493 12 18.7493C19.5 18.7493 22.5 12 22.5 12C22.5 12 19.5 5.24927 12 5.24927Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path><path d="M12 15.75C14.0711 15.75 15.75 14.0711 15.75 12C15.75 9.92893 14.0711 8.25 12 8.25C9.92893 8.25 8.25 9.92893 8.25 12C8.25 14.0711 9.92893 15.75 12 15.75Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></span>1542</div></div></div></li><li class="relative"><div class="bg-white dark:bg-dark-item rounded-lg overflow-hidden xl:bg-transparent dark:xl:bg-transparent"><div class="block w-full overflow-hidden rounded-lg hover:opacity-75 transition-all xl:shadow-light"><div class="group focus:outline-none cursor-pointer"><div class="ripple-animation group:hover:ripple-animation-native"><div class="pointer-events-none"><div class="relative aspect-video w-full rounded-lg overflow-hidden"><img src="/files/works/2023/06/30/466/image_web-applications_feedme_466_0.webp" alt="Разработка веб-приложения для компании FEEDME" width="1280" height="720" loading="lazy" decoding="async" class="h-full w-full object-cover"/></div></div></div></div></div><div class=" flex items-center gap-4 justify-center font-normal text-black dark:text-white xl:py-0 xl:px-0 xl:pt-6 py-3 px-2 "><div class="grow text-base text-black/75 dark:text-white/75">Разработка веб-приложения для компании FEEDME</div><button class="font-normal flex gap-1 items-center text-sm xl:text-lg cursor-pointer text-black/70 dark:text-white/50 hover:text-black/100 hover:dark:text-white/100" type="button"><span class="flex items-center h-6 w-6"><svg x="0px" y="0px" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" xml:space="preserve"><path d="M12.0012 19.4401C12.0012 19.4401 2.62622 14.4001 2.62622 8.28011C2.62641 7.19843 3.01683 6.15019 3.73111 5.31363C4.44538 4.47706 5.43942 3.9038 6.54421 3.69131C7.649 3.47882 8.79636 3.64021 9.79121 4.14805C10.7861 4.65589 11.567 5.47883 12.0012 6.47695L12.0012 6.47696C12.4355 5.47884 13.2164 4.6559 14.2112 4.14806C15.2061 3.64022 16.3534 3.47882 17.4582 3.69131C18.563 3.9038 19.5571 4.47706 20.2713 5.31363C20.9856 6.15019 21.376 7.19843 21.3762 8.28011C21.3762 14.4001 12.0012 19.4401 12.0012 19.4401Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></span>205</button><div class="font-normal flex gap-1 items-center text-sm xl:text-lg opacity-70 dark:opacity-50 pointer-events-none"><span class="flex items-center h-6 w-6 xl:h-6 xl:w-6 opacity-50 mr-1"><svg x="0px" y="0px" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" xml:space="preserve"><path d="M12 5.24927C4.5 5.24927 1.5 12 1.5 12C1.5 12 4.5 18.7493 12 18.7493C19.5 18.7493 22.5 12 22.5 12C22.5 12 19.5 5.24927 12 5.24927Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path><path d="M12 15.75C14.0711 15.75 15.75 14.0711 15.75 12C15.75 9.92893 14.0711 8.25 12 8.25C9.92893 8.25 8.25 9.92893 8.25 12C8.25 14.0711 9.92893 15.75 12 15.75Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></span>1394</div></div></div></li><li class="relative"><div class="bg-white dark:bg-dark-item rounded-lg overflow-hidden xl:bg-transparent dark:xl:bg-transparent"><div class="block w-full overflow-hidden rounded-lg hover:opacity-75 transition-all xl:shadow-light"><div class="group focus:outline-none cursor-pointer"><div class="ripple-animation group:hover:ripple-animation-native"><div class="pointer-events-none"><div class="relative aspect-video w-full rounded-lg overflow-hidden"><img src="/files/works/2023/06/29/462/image_websites_belfingroup_462_0.webp" alt="Разработка веб-сайта для компании БЕЛФИНГРУПП" width="1280" height="720" loading="lazy" decoding="async" class="h-full w-full object-cover"/></div></div></div></div></div><div class=" flex items-center gap-4 justify-center font-normal text-black dark:text-white xl:py-0 xl:px-0 xl:pt-6 py-3 px-2 "><div class="grow text-base text-black/75 dark:text-white/75">Разработка веб-сайта для компании БЕЛФИНГРУПП</div><button class="font-normal flex gap-1 items-center text-sm xl:text-lg cursor-pointer text-black/70 dark:text-white/50 hover:text-black/100 hover:dark:text-white/100" type="button"><span class="flex items-center h-6 w-6"><svg x="0px" y="0px" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" xml:space="preserve"><path d="M12.0012 19.4401C12.0012 19.4401 2.62622 14.4001 2.62622 8.28011C2.62641 7.19843 3.01683 6.15019 3.73111 5.31363C4.44538 4.47706 5.43942 3.9038 6.54421 3.69131C7.649 3.47882 8.79636 3.64021 9.79121 4.14805C10.7861 4.65589 11.567 5.47883 12.0012 6.47695L12.0012 6.47696C12.4355 5.47884 13.2164 4.6559 14.2112 4.14806C15.2061 3.64022 16.3534 3.47882 17.4582 3.69131C18.563 3.9038 19.5571 4.47706 20.2713 5.31363C20.9856 6.15019 21.376 7.19843 21.3762 8.28011C21.3762 14.4001 12.0012 19.4401 12.0012 19.4401Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></span>96</button><div class="font-normal flex gap-1 items-center text-sm xl:text-lg opacity-70 dark:opacity-50 pointer-events-none"><span class="flex items-center h-6 w-6 xl:h-6 xl:w-6 opacity-50 mr-1"><svg x="0px" y="0px" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" xml:space="preserve"><path d="M12 5.24927C4.5 5.24927 1.5 12 1.5 12C1.5 12 4.5 18.7493 12 18.7493C19.5 18.7493 22.5 12 22.5 12C22.5 12 19.5 5.24927 12 5.24927Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path><path d="M12 15.75C14.0711 15.75 15.75 14.0711 15.75 12C15.75 9.92893 14.0711 8.25 12 8.25C9.92893 8.25 8.25 9.92893 8.25 12C8.25 14.0711 9.92893 15.75 12 15.75Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></span>1081</div></div></div></li><li class="relative"><div class="bg-white dark:bg-dark-item rounded-lg overflow-hidden xl:bg-transparent dark:xl:bg-transparent"><div class="block w-full overflow-hidden rounded-lg hover:opacity-75 transition-all xl:shadow-light"><div class="group focus:outline-none cursor-pointer"><div class="ripple-animation group:hover:ripple-animation-native"><div class="pointer-events-none"><div class="relative aspect-video w-full rounded-lg overflow-hidden"><img src="/files/works/2023/06/28/435/image_ecommerce_furnoro_435_0.webp" alt="Разработка интернет магазина для компании FURNORO" width="1280" height="720" loading="lazy" decoding="async" class="h-full w-full object-cover"/></div></div></div></div></div><div class=" flex items-center gap-4 justify-center font-normal text-black dark:text-white xl:py-0 xl:px-0 xl:pt-6 py-3 px-2 "><div class="grow text-base text-black/75 dark:text-white/75">Разработка интернет магазина для компании FURNORO</div><button class="font-normal flex gap-1 items-center text-sm xl:text-lg cursor-pointer text-black/70 dark:text-white/50 hover:text-black/100 hover:dark:text-white/100" type="button"><span class="flex items-center h-6 w-6"><svg x="0px" y="0px" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" xml:space="preserve"><path d="M12.0012 19.4401C12.0012 19.4401 2.62622 14.4001 2.62622 8.28011C2.62641 7.19843 3.01683 6.15019 3.73111 5.31363C4.44538 4.47706 5.43942 3.9038 6.54421 3.69131C7.649 3.47882 8.79636 3.64021 9.79121 4.14805C10.7861 4.65589 11.567 5.47883 12.0012 6.47695L12.0012 6.47696C12.4355 5.47884 13.2164 4.6559 14.2112 4.14806C15.2061 3.64022 16.3534 3.47882 17.4582 3.69131C18.563 3.9038 19.5571 4.47706 20.2713 5.31363C20.9856 6.15019 21.376 7.19843 21.3762 8.28011C21.3762 14.4001 12.0012 19.4401 12.0012 19.4401Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></span>57</button><div class="font-normal flex gap-1 items-center text-sm xl:text-lg opacity-70 dark:opacity-50 pointer-events-none"><span class="flex items-center h-6 w-6 xl:h-6 xl:w-6 opacity-50 mr-1"><svg x="0px" y="0px" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" xml:space="preserve"><path d="M12 5.24927C4.5 5.24927 1.5 12 1.5 12C1.5 12 4.5 18.7493 12 18.7493C19.5 18.7493 22.5 12 22.5 12C22.5 12 19.5 5.24927 12 5.24927Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path><path d="M12 15.75C14.0711 15.75 15.75 14.0711 15.75 12C15.75 9.92893 14.0711 8.25 12 8.25C9.92893 8.25 8.25 9.92893 8.25 12C8.25 14.0711 9.92893 15.75 12 15.75Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></span>1369</div></div></div></li><li class="relative"><div class="bg-white dark:bg-dark-item rounded-lg overflow-hidden xl:bg-transparent dark:xl:bg-transparent"><div class="block w-full overflow-hidden rounded-lg hover:opacity-75 transition-all xl:shadow-light"><div class="group focus:outline-none cursor-pointer"><div class="ripple-animation group:hover:ripple-animation-native"><div class="pointer-events-none"><div class="relative aspect-video w-full rounded-lg overflow-hidden"><img src="/files/works/2023/07/12/479/image_crm_enviok_479_0.webp" alt="Разработка веб-приложения для компании Enviok" width="1280" height="720" loading="lazy" decoding="async" class="h-full w-full object-cover"/></div></div></div></div></div><div class=" flex items-center gap-4 justify-center font-normal text-black dark:text-white xl:py-0 xl:px-0 xl:pt-6 py-3 px-2 "><div class="grow text-base text-black/75 dark:text-white/75">Разработка веб-приложения для компании Enviok</div><button class="font-normal flex gap-1 items-center text-sm xl:text-lg cursor-pointer text-black/70 dark:text-white/50 hover:text-black/100 hover:dark:text-white/100" type="button"><span class="flex items-center h-6 w-6"><svg x="0px" y="0px" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" xml:space="preserve"><path d="M12.0012 19.4401C12.0012 19.4401 2.62622 14.4001 2.62622 8.28011C2.62641 7.19843 3.01683 6.15019 3.73111 5.31363C4.44538 4.47706 5.43942 3.9038 6.54421 3.69131C7.649 3.47882 8.79636 3.64021 9.79121 4.14805C10.7861 4.65589 11.567 5.47883 12.0012 6.47695L12.0012 6.47696C12.4355 5.47884 13.2164 4.6559 14.2112 4.14806C15.2061 3.64022 16.3534 3.47882 17.4582 3.69131C18.563 3.9038 19.5571 4.47706 20.2713 5.31363C20.9856 6.15019 21.376 7.19843 21.3762 8.28011C21.3762 14.4001 12.0012 19.4401 12.0012 19.4401Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></span>230</button><div class="font-normal flex gap-1 items-center text-sm xl:text-lg opacity-70 dark:opacity-50 pointer-events-none"><span class="flex items-center h-6 w-6 xl:h-6 xl:w-6 opacity-50 mr-1"><svg x="0px" y="0px" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" xml:space="preserve"><path d="M12 5.24927C4.5 5.24927 1.5 12 1.5 12C1.5 12 4.5 18.7493 12 18.7493C19.5 18.7493 22.5 12 22.5 12C22.5 12 19.5 5.24927 12 5.24927Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path><path d="M12 15.75C14.0711 15.75 15.75 14.0711 15.75 12C15.75 9.92893 14.0711 8.25 12 8.25C9.92893 8.25 8.25 9.92893 8.25 12C8.25 14.0711 9.92893 15.75 12 15.75Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></span>1141</div></div></div></li><li class="relative"><div class="bg-white dark:bg-dark-item rounded-lg overflow-hidden xl:bg-transparent dark:xl:bg-transparent"><div class="block w-full overflow-hidden rounded-lg hover:opacity-75 transition-all xl:shadow-light"><div class="group focus:outline-none cursor-pointer"><div class="ripple-animation group:hover:ripple-animation-native"><div class="pointer-events-none"><div class="relative aspect-video w-full rounded-lg overflow-hidden"><img src="/files/works/2023/06/28/448/image_bitrix-bitrix-24-1c_fixper_448_0.webp" alt="Разработка веб-сайта для компании ФИКСПЕР" width="1280" height="720" loading="lazy" decoding="async" class="h-full w-full object-cover"/></div></div></div></div></div><div class=" flex items-center gap-4 justify-center font-normal text-black dark:text-white xl:py-0 xl:px-0 xl:pt-6 py-3 px-2 "><div class="grow text-base text-black/75 dark:text-white/75">Разработка веб-сайта для компании ФИКСПЕР</div><button class="font-normal flex gap-1 items-center text-sm xl:text-lg cursor-pointer text-black/70 dark:text-white/50 hover:text-black/100 hover:dark:text-white/100" type="button"><span class="flex items-center h-6 w-6"><svg x="0px" y="0px" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" xml:space="preserve"><path d="M12.0012 19.4401C12.0012 19.4401 2.62622 14.4001 2.62622 8.28011C2.62641 7.19843 3.01683 6.15019 3.73111 5.31363C4.44538 4.47706 5.43942 3.9038 6.54421 3.69131C7.649 3.47882 8.79636 3.64021 9.79121 4.14805C10.7861 4.65589 11.567 5.47883 12.0012 6.47695L12.0012 6.47696C12.4355 5.47884 13.2164 4.6559 14.2112 4.14806C15.2061 3.64022 16.3534 3.47882 17.4582 3.69131C18.563 3.9038 19.5571 4.47706 20.2713 5.31363C20.9856 6.15019 21.376 7.19843 21.3762 8.28011C21.3762 14.4001 12.0012 19.4401 12.0012 19.4401Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></span>165</button><div class="font-normal flex gap-1 items-center text-sm xl:text-lg opacity-70 dark:opacity-50 pointer-events-none"><span class="flex items-center h-6 w-6 xl:h-6 xl:w-6 opacity-50 mr-1"><svg x="0px" y="0px" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" xml:space="preserve"><path d="M12 5.24927C4.5 5.24927 1.5 12 1.5 12C1.5 12 4.5 18.7493 12 18.7493C19.5 18.7493 22.5 12 22.5 12C22.5 12 19.5 5.24927 12 5.24927Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path><path d="M12 15.75C14.0711 15.75 15.75 14.0711 15.75 12C15.75 9.92893 14.0711 8.25 12 8.25C9.92893 8.25 8.25 9.92893 8.25 12C8.25 14.0711 9.92893 15.75 12 15.75Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></span>1060</div></div></div></li></ul><div class="flex items-center justify-center p-4 lg:p-8 w-full"><a class="frontend-button-secondary" href="https://truetech.dev/ru/works">Показать больше работ</a></div></div></div></main><div class="block relative mt-8 lg:hidden w-full"></div><footer class="relative hidden lg:block"><div class="mx-auto max-w-7xl py-12 px-6 lg:py-16 lg:px-8"><div class="pb-8 grid grid-cols-4 gap-8"><div class="mt-0"><div class="text-base text-black font-normal dark:text-white">Поддержка</div><ul class="mt-4 space-y-4"><li><a class="text-base text-black/75 dark:text-white/50 hover:text-black dark:hover:text-white transition-all" href="https://truetech.dev/ru/contacts">Обсудить задачу</a></li><li><a class="text-base text-black/75 dark:text-white/50 hover:text-black dark:hover:text-white transition-all" href="https://truetech.dev/ru/posts">Полезная информация</a></li></ul></div><div><div class="text-base text-black font-normal dark:text-white">Решения</div><ul class="mt-4 space-y-4"><li><a class="text-base text-black/75 dark:text-white/50 hover:text-black dark:hover:text-white transition-all" href="https://truetech.dev/ru/apps">Все решения</a></li></ul></div><div><div class="text-base text-black font-normal dark:text-white">Компания</div><ul class="mt-4 space-y-4"><li><a class="text-base text-black/75 dark:text-white/50 hover:text-black dark:hover:text-white transition-all" href="https://truetech.dev/ru/contacts">Контакты</a></li><li><a class="text-base text-black/75 dark:text-white/50 hover:text-black dark:hover:text-white transition-all" href="https://truetech.dev/ru/about">О компании</a></li><li><a class="text-base text-black/75 dark:text-white/50 hover:text-black dark:hover:text-white transition-all" href="https://truetech.dev/ru/career">Работа в компании</a></li><li><a class="text-base text-black/75 dark:text-white/50 hover:text-black dark:hover:text-white transition-all" href="https://truetech.dev/ru/affiliate-program">Партнерская программа</a></li></ul></div><div class="mt-0"><div class="text-base text-black font-normal dark:text-white">Language & Currency</div><div class="mt-4 flex flex-col gap-4"><div><div class="relative mt-1"><button class="relative rounded-lg w-full cursor-default py-3 pl-3 pr-10 text-left shadow-sm text-base font-normal text-black/75 dark:text-white/50 bg-light-item dark:bg-dark-item focus:outline-none focus:ring-2 focus:ring-dark-button" id="headlessui-listbox-button-:Rpkdl:" type="button" aria-haspopup="listbox" aria-expanded="false" data-headlessui-state=""><span class="block truncate">Русский</span><span class="pointer-events-none absolute inset-y-0 right-0 flex items-center pr-2"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true" data-slot="icon" class="h-5 w-5"><path fill-rule="evenodd" d="M5.22 8.22a.75.75 0 0 1 1.06 0L10 11.94l3.72-3.72a.75.75 0 1 1 1.06 1.06l-4.25 4.25a.75.75 0 0 1-1.06 0L5.22 9.28a.75.75 0 0 1 0-1.06Z" clip-rule="evenodd"></path></svg></span></button></div></div><div><div class="relative"><button class="relative rounded-lg w-full cursor-default py-3 pl-3 pr-10 text-left shadow-sm text-base font-normal text-black/75 dark:text-white/50 bg-light-item dark:bg-dark-item focus:outline-none focus:ring-2 focus:ring-dark-button" id="headlessui-listbox-button-:Rqkdl:" type="button" aria-haspopup="listbox" aria-expanded="false" data-headlessui-state=""><span class="block truncate">USD</span><span class="pointer-events-none absolute inset-y-0 right-0 flex items-center pr-2"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true" data-slot="icon" class="h-5 w-5"><path fill-rule="evenodd" d="M5.22 8.22a.75.75 0 0 1 1.06 0L10 11.94l3.72-3.72a.75.75 0 1 1 1.06 1.06l-4.25 4.25a.75.75 0 0 1-1.06 0L5.22 9.28a.75.75 0 0 1 0-1.06Z" clip-rule="evenodd"></path></svg></span></button></div></div></div></div></div><div class="py-8 grid grid-cols-4 gap-8 border-t border-black/25 dark:border-white/25"><div><a class="text-base text-black/75 dark:text-white/50 hover:text-black dark:hover:text-white transition-all" href="https://truetech.dev/ru/privacy-policy">Политика конфиденциальности</a></div><div><a class="text-base text-black/75 dark:text-white/50 hover:text-black dark:hover:text-white transition-all" href="https://truetech.dev/ru/terms-of-service">Условия использования</a></div><div class="col-span-2"><div class="text-base text-black/75 dark:text-white/50">© <!-- -->2026<!-- --> <!-- -->Настоящие Технологии ООО. Все права защищены.</div></div></div></div></footer></div><div class="fixed lg:hidden w-full bottom-0"><div class="flex gap-12 px-12 justify-center bg-white border-t border-[#E8E8E8] dark:bg-dark-nav dark:border-none" style="height:3.25rem"><a class="grow flex items-center justify-center text-white h-full" aria-label="Главная" href="https://truetech.dev/ru"><span class="flex h-8 w-7 text-black dark:text-white opacity-100"><svg x="0px" y="0px" viewBox="0 0 28 32.7" fill="none" xmlns="http://www.w3.org/2000/svg" xml:space="preserve"><path d="M16.8,23v-6c0-0.3-0.1-0.5-0.3-0.7c-0.2-0.2-0.4-0.3-0.7-0.3h-4c-0.3,0-0.5,0.1-0.7,0.3 c-0.2,0.2-0.3,0.4-0.3,0.7v6c0,0.3-0.1,0.5-0.3,0.7c-0.2,0.2-0.4,0.3-0.7,0.3l-6,0c-0.1,0-0.3,0-0.4-0.1c-0.1-0.1-0.2-0.1-0.3-0.2 C3,23.6,3,23.5,2.9,23.3c-0.1-0.1-0.1-0.3-0.1-0.4V11.4c0-0.1,0-0.3,0.1-0.4c0.1-0.1,0.1-0.2,0.2-0.3l10-9.1 c0.2-0.2,0.4-0.3,0.7-0.3c0.2,0,0.5,0.1,0.7,0.3l10,9.1c0.1,0.1,0.2,0.2,0.2,0.3c0.1,0.1,0.1,0.3,0.1,0.4V23c0,0.1,0,0.3-0.1,0.4 c-0.1,0.1-0.1,0.2-0.2,0.3c-0.1,0.1-0.2,0.2-0.3,0.2C24.1,23.9,24,24,23.8,24l-6,0c-0.3,0-0.5-0.1-0.7-0.3 C17,23.5,16.8,23.2,16.8,23L16.8,23z" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path><line class="st1" x1="6.4" y1="32" x2="21.4" y2="32" fill="none" stroke="currentColor" stroke-linecap="round"></line></svg></span></a><a class="grow flex items-center justify-center text-white h-full" aria-label="Все решения" href="https://truetech.dev/ru/apps"><span class="flex h-8 w-7 text-black dark:text-white opacity-50"><svg x="0px" y="0px" viewBox="0 0 28 32.7" fill="none" xmlns="http://www.w3.org/2000/svg" xml:space="preserve"><path d="M11.8,3.1h-8v8h8V3.1z" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path><path d="M23.8,3.1h-8v8h8V3.1z" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path><path d="M11.8,15.1h-8v8h8V15.1z" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path><path d="M23.8,15.1h-8v8h8V15.1z" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></span></a><a class="grow flex items-center justify-center text-white h-full" aria-label="Услуги" href="https://truetech.dev/ru#servicesList"><span class="flex h-8 w-7 text-black dark:text-white opacity-50"><svg x="0px" y="0px" viewBox="0 0 28 32.7" fill="none" xmlns="http://www.w3.org/2000/svg" xml:space="preserve"><path d="M2.8,13.2h22" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path><path d="M2.8,5.2h22" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path><path d="M2.8,21.2h22" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></span></a><a class="grow flex items-center justify-center text-white h-full" aria-label="Мой аккаунт" href="https://truetech.dev/ru/area51"><span class="flex h-8 w-7 text-black dark:text-white opacity-50"><svg x="0px" y="0px" viewBox="0 0 28 32.7" fill="none" xmlns="http://www.w3.org/2000/svg" xml:space="preserve"><path d="M13.8,17.2c4.4,0,8-3.6,8-8s-3.6-8-8-8s-8,3.6-8,8S9.4,17.2,13.8,17.2z" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path><path d="M1.7,24.2c1.2-2.1,3-3.9,5.1-5.1c2.1-1.2,4.5-1.9,7-1.9c2.5,0,4.9,0.6,7,1.9c2.1,1.2,3.9,3,5.1,5.1" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></span></a></div></div></div></div> <div id="dialog"></div> <div id="dialog-alert"></div> <div id="dialog-iframe" class="hidden"></div> </div> </body> </html>