Создай премиальный, современный и высококонверсионный сайт д...

Prompt

Создай премиальный, современный и высококонверсионный сайт для частного электромонтажника Александра в формате универсального шаблона, который в дальнейшем можно легко адаптировать для других электриков. ВАЖНО: этот сайт должен выглядеть как готовый коммерческий продукт, который можно показывать потенциальным клиентам. Архитектура, дизайн и структура должны быть универсальными: при замене имени, фотографии, города и нескольких деталей сайт должен подходить другим электромонтажникам без необходимости переделывать весь дизайн. ## ТЕХНИЧЕСКИЕ ТРЕБОВАНИЯ Сайт должен быть полностью реализован на **чистом HTML и CSS**. Не используй React, Vue, Angular, Tailwind, Bootstrap или другие CSS/JS-фреймворки. Код должен быть чистым, структурированным и легко редактируемым. Весь интерфейс и весь текст сайта должны быть **полностью на русском языке**. Сайт должен быть адаптивным и отлично выглядеть на мобильных устройствах, планшетах и компьютерах. Не используй Google Maps. Если карта нужна, используй **Яндекс Карты**. ## ФОТОГРАФИЯ Фото Александра пока отсутствует. Поэтому создай в hero и других подходящих местах **готовые области для фотографии мастера**, чтобы позже можно было просто заменить placeholder на реальную фотографию без изменения дизайна. Не создавай вымышленное лицо Александра и не используй случайного человека как будто это Александр. Используй качественные релевантные фотографии электромонтажных работ: электропроводка, электрощит, автоматические выключатели, розетки, освещение, монтаж кабеля, штробление, частный дом, квартира, ретро-проводка. Фотографии должны выглядеть реалистично, дорого и профессионально. Структуру блока с фотографией мастера сделай универсальной, чтобы для следующего электрика можно было заменить только изображение. --- # ПОЗИЦИОНИРОВАНИЕ Сайт должен продавать Александра не как обычного «электрика на час», а как опытного частного специалиста по электромонтажу. Главные преимущества: * более 20 лет опыта * профильное образование * повышение квалификации * гарантия 2 года * фиксированная цена по договору * без авансов * работа напрямую, без посредников * 400+ довольных клиентов * 4 группа допуска по электробезопасности * помощь с выбором и закупкой материалов * соблюдение сроков * чистота после работ * бесплатный выезд на объект до конца месяца Главное ощущение после просмотра сайта: **«Это опытный электрик, который работает официально, фиксирует стоимость, соблюдает сроки и отвечает за результат».** --- # ВИЗУАЛЬНЫЙ СТИЛЬ Создай дорогой, технологичный и профессиональный дизайн. Стиль: * premium minimalism * белый / светло-серый фон * графитовый текст * тёмный navy / глубокий синий * небольшой электрический жёлтый или оранжевый акцент * крупная современная типографика * много свободного пространства * большие фотографии * аккуратные карточки * мягкие скругления * тонкие границы * лёгкие тени * современные иконки Не делай дизайн похожим на дешёвое объявление, строительный шаблон 2010-х или перегруженный сайт. Используй электрическую тематику очень аккуратно: линии, схемы, точки подключения, небольшие графические элементы. --- # HERO Сделай очень сильный первый экран. Слева: **Электромонтаж в Ростове-на-Дону без посредников** Подзаголовок: **Электрика под ключ в квартирах и частных домах. Монтаж, замена проводки, электрощиты и полный комплекс электромонтажных работ.** Добавь: **Александр — частный профессиональный электромонтажник** Ключевой trust-блок: **20+ лет опыта** **Гарантия 2 года** **Без авансов** **Работа по договору** Основная CTA: **Получить бесплатный расчёт** Вторая CTA: **Позвонить Александру** Рядом размести большой premium placeholder для фотографии Александра. Добавь небольшой badge: **Бесплатный выезд на объект до конца месяца** --- # TRUST BAR Сразу после hero: **20+ лет опыта** **400+ клиентов** **Гарантия 2 года** **Фиксированная цена по договору** **4 группа допуска** --- # ОСНОВНЫЕ УСЛУГИ Заголовок: **Полный комплекс электромонтажных работ** Подзаголовок: **От замены старой проводки до полной электрики под ключ.** Сделай крупные визуальные карточки: ### Электрика под ключ Полный комплекс электромонтажных работ в квартире или частном доме. ### Монтаж проводки Скрытая, открытая и ретро-проводка. ### Замена проводки Замена старой электропроводки во вторичном жилье. ### Электрика в новостройке Разводка электрики и монтаж внутренних электросетей. ### Электрощиты Сборка, монтаж, расключение и ремонт электрощитов. ### Освещение Розетки, выключатели, люстры, бра, точечные светильники, датчики движения и светодиодная лента. ### Ретро-проводка Монтаж открытой ретро-проводки, в том числе в деревянных домах. ### Тёплый пол Подключение и монтаж электрического тёплого пола. --- # БЛОК "ПОД КЛЮЧ" Сделай отдельную premium-секцию: **Электрика под ключ — от проекта до приёмки** Покажи: **Замер → Расчёт → Смета → Договор → Монтаж → Приёмка** Подчеркни: **Стоимость фиксируется в договоре. Дополнительные работы выполняются только после согласования.** CTA: **Рассчитать стоимость** --- # ПОЧЕМУ АЛЕКСАНДР Сделай сильный блок с 8 преимуществами. ### 20+ лет опыта Большой практический опыт в электромонтаже. ### Гарантия 2 года Гарантия на выполненные работы. ### Без авансов Оплата по факту выполненных работ. ### Фиксированная цена Стоимость закрепляется в договоре. ### 400+ клиентов Опыт работы и рекомендации клиентов. ### 4 группа допуска Действующая 4 группа допуска по электробезопасности. ### Без посредников Александр работает напрямую с клиентом. ### Чистота и порядок После выполнения работ объект остаётся аккуратным. --- # "ПОЧЕМУ ЧАСТНЫЙ МАСТЕР?" Сделай продающий блок: **Зачем переплачивать компании?** Текст: **Александр работает напрямую с заказчиком — без посредников и лишних наценок. Это позволяет держать конкурентную стоимость и при этом лично контролировать качество выполнения работ.** Добавь: **Цены до 50% ниже компаний** Но сформулируй это аккуратно и не превращай в агрессивную рекламу. CTA: **Получить расчёт** --- # ПРОЦЕСС РАБОТЫ Создай визуальный timeline из 6 шагов: **01 — Предварительный расчёт** Ориентировочно определяем стоимость и сроки. **02 — Выезд на объект** Проводятся замеры и обсуждается проект. **03 — Смета** Формируется подробный расчёт. **04 — Договор** Стоимость фиксируется в договоре. **05 — Монтаж** Работы выполняются поэтапно. **06 — Приёмка** Клиент принимает результат и производит оплату. Сделай этот блок очень понятным даже для человека, который вообще не разбирается в электрике. --- # БЛОК "АККУРАТНАЯ ЭЛЕКТРИКА" Заголовок: **Электрика, которую не хочется прятать** Текст: **Важны не только безопасность и работоспособность, но и аккуратный внешний вид. Розетки, выключатели, кабельные трассы, электрощит и другие элементы должны выглядеть профессионально.** Покажи качественные фотографии аккуратного монтажа. --- # ЧТО МОЖНО СДЕЛАТЬ Создай визуальный список: * монтаж скрытой проводки * монтаж открытой проводки в кабель-канале * монтаж ретро-проводки * штробление стен * прокладка кабеля * установка розеток * установка выключателей * монтаж освещения * установка датчиков движения * монтаж LED-ленты * сборка и монтаж электрощитов * установка автоматов * установка УЗО * замена автоматов * подключение электросчётчиков * установка распределительных коробок * подключение бытовой техники * подключение варочных панелей * подключение электрических котлов * подключение водонагревателей * подключение тёплого пола * заземление * установка стабилизаторов напряжения * установка контакторов * подключение силового кабеля * уличное освещение * устранение неисправностей Не добавляй услуги, которых нет в исходной информации. --- # ОБЪЕКТЫ Сделай три большие карточки: ### Квартиры Электромонтаж в новостройках и вторичном жилье. ### Частные дома Полная электрика, замена проводки, освещение и дополнительные системы. ### Деревянные дома В том числе монтаж ретро-проводки. --- # ПОРТФОЛИО Создай красивую галерею: **Примеры выполненных работ** Используй фотографии электромонтажных работ. Добавь категории: **Проводка** **Электрощиты** **Освещение** **Ретро-проводка** **Электрика под ключ** Так как реальные фотографии пока могут отсутствовать, структура должна позволять легко заменить изображения позже. Не придумывай подписи с конкретными объектами, если они неизвестны. --- # О МАСТЕРЕ Создай отдельную секцию с большим placeholder для фотографии. Заголовок: **Александр — частный профессиональный электромонтажник** Текст: **Более 20 лет занимаюсь электромонтажными работами. Работаю напрямую с заказчиком, без посредников. Для меня важны качество, безопасность, соблюдение сроков и аккуратность выполнения работ.** Добавь: **Профильное образование** **Повышение квалификации** **4 группа допуска по электробезопасности** **Гарантия 2 года** --- # АКЦИЯ Сделай заметный, но премиальный блок: **Бесплатный выезд на объект до конца месяца** Текст: **Проведу замеры, сделаю расчёты и бесплатно проконсультирую по оптимальному варианту реализации проекта.** CTA: **Записаться на бесплатный выезд** Не создавай искусственный таймер или фальшивый countdown. --- # ЦЕНА Не придумывай конкретные цены. Вместо этого используй: **Фиксированная стоимость по договору** **Без авансов** **Дополнительные работы — только после согласования** CTA: **Получить расчёт** --- # ОТЗЫВЫ Создай секцию: **Более 400 довольных клиентов** Используй место для реальных отзывов. Если реальные тексты отзывов не предоставлены, НЕ придумывай отзывы. Сделай красивые placeholder-карточки, которые позже можно заполнить реальными отзывами. --- # FAQ Создай современный accordion. **Работаете без аванса?** Да, оплата производится по факту выполненных работ. **Фиксируется ли стоимость?** Да, стоимость фиксируется в договоре. Дополнительные работы согласовываются отдельно. **Есть ли гарантия?** Да, гарантия на работы — 2 года. **Работаете с квартирами?** Да, выполняются работы в квартирах, включая новостройки и вторичное жильё. **Работаете в частных домах?** Да. **Можно ли сделать электрику под ключ?** Да, выполняется полный комплекс электромонтажных работ. **Помогаете с материалами?** Да, Александр помогает выбрать и закупить материалы. **Можно ли посмотреть примеры работ?** Да, на сайте предусмотрен раздел портфолио. --- # ФОРМА ЗАЯВКИ Заголовок: **Рассчитать стоимость электромонтажа** Подзаголовок: **Оставьте контакты и кратко опишите задачу. Александр свяжется с вами для предварительного расчёта.** Поля: **Ваше имя** **Номер телефона** **Что необходимо сделать?** **Прикрепить фото / план помещения** CTA: **Получить расчёт** Под формой: **Без авансов · По договору · Фиксированная стоимость** --- # ЛОКАЦИЯ Создай блок: **Работаю в вашем городе** Поскольку точный город/адрес Александра в предоставленной информации не указан, НЕ придумывай город или адрес. Сделай универсальный placeholder: **[ГОРОД]** **Выезд на объект** Добавь готовый контейнер для **Яндекс Карт**, который можно подключить после получения точного адреса. Не используй Google Maps. --- # ФИНАЛЬНЫЙ CTA Большой визуальный блок: **Нужна надёжная электрика без посредников?** Подзаголовок: **Получите предварительный расчёт и бесплатную консультацию по вашему объекту.** Кнопки: **Получить бесплатный расчёт** **Позвонить Александру** Добавь: **20+ лет опыта · Гарантия 2 года · Работа по договору** --- # МОБИЛЬНАЯ ВЕРСИЯ Сделай mobile-first адаптацию. На мобильном: * CTA должны быть крупными * кнопки легко нажимаются пальцем * карточки идут в одну колонку * фотографии адаптивные * форма короткая * FAQ — accordion * никаких горизонтальных прокруток * важная информация видна без лишнего скролла Добавь фиксированную нижнюю панель: **Позвонить** **Оставить заявку** --- # УНИВЕРСАЛЬНОСТЬ ШАБЛОНА Это особенно важно. Структура сайта должна быть построена так, чтобы в будущем можно было создать сайт для другого электрика, заменив только: * имя * фотографию * город * адрес * телефон * опыт * гарантию * услуги * цены * отзывы * дополнительные преимущества * ссылку на портфолио Дизайн и структура должны оставаться практически неизменными. Не привязывай визуальный стиль слишком сильно к Александру. Это должен быть **универсальный premium-шаблон для частных электромонтажников**, который можно масштабировать на десятки клиентов. Создай чистую структуру HTML и CSS с понятными классами, чтобы будущая замена контента была максимально простой. --- # SEO Естественно используй ключевые запросы: **электрик, электрик на дом, электрик [город], электромонтаж, электромонтажные работы, электрика под ключ, замена проводки, монтаж проводки, электрик в квартире, электрик в частном доме, монтаж электрощита, ретро-проводка, электропроводка, ремонт электрики, тёплый пол.** Не используй SEO-спам. --- # КРИТИЧЕСКИЕ ОГРАНИЧЕНИЯ Не придумывай: * номер телефона * точный город * адрес * отзывы * сертификаты * лицензии * награды * конкретные цены * фотографии Александра * несуществующие проекты * неуказанные услуги * официальную сертификацию производителей Используй только предоставленную информацию. Итоговый сайт должен выглядеть как **дорогой персональный сайт профессионального электромонтажника**, а не как обычное объявление. Главный акцент: **20+ лет опыта + фиксированная цена + гарантия 2 года + без авансов + без посредников + 400+ клиентов + профессиональный подход.**

A system prompt was added to support web rendering