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

Prompt

Создай премиальный, современный, высококонверсионный одностраничный сайт для частного профессионального электромонтажника Александра в Ростове-на-Дону. ВАЖНО ПО ТЕХНОЛОГИИ: * Весь сайт должен быть реализован в ОДНОМ HTML-файле. * Используй только HTML + CSS + vanilla JavaScript внутри этого файла. * Не используй React, Vue, Tailwind, Bootstrap или другие фреймворки. * Сайт должен быть полностью готов к публикации как один HTML-файл. * Сделай полностью адаптивную версию для desktop, tablet и mobile. * Интерфейс должен выглядеть как дорогой сайт профессиональной строительной компании, а не как шаблонный сайт частного мастера. ОБЩЕЕ ВИЗУАЛЬНОЕ НАПРАВЛЕНИЕ: Создай ощущение надёжности, профессионализма, точности и высокого качества. Не делай дизайн чрезмерно "гаражным", дешёвым или перегруженным жёлтыми молниями. Стиль: * премиальный минимализм; * глубокий тёмный графитовый / почти чёрный основной цвет; * белый и светло-серый для контента; * аккуратный электрический акцентный цвет, например тёплый янтарный/золотистый; * крупная типографика; * много воздуха; * мягкие скругления; * тонкие границы; * аккуратные тени; * современные line-icons; * subtle glow только там, где он действительно улучшает дизайн; * никаких дешёвых градиентов и визуального шума. Сайт должен выглядеть дорого даже БЕЗ фотографий в большинстве секций. ФОТОГРАФИИ — КРИТИЧЕСКИ ВАЖНО: Не используй фотографии в карточках услуг. Не используй случайные стоковые или AI-фотографии электриков, домов, проводов, электрощитков и т. п., если они выглядят нерелевантно или искусственно. Секция "Услуги" должна состоять из премиальных текстовых карточек с современными иконками, а не из карточек с фотографиями. Если реальные фотографии Александра или его работ предоставлены позже, предусмотрите места для их добавления. Если реальных фотографий нет, сайт всё равно должен выглядеть полностью завершённым и премиальным. СТРУКТУРА САЙТА: 1. HEADER Сделай clean sticky header. Логотип: "АЛЕКСАНДР" под ним/рядом: "ЭЛЕКТРОМОНТАЖ" Справа: * Ростов-на-Дону * "Ежедневно 07:30–21:30" * CTA "Получить расчёт" На мобильном — компактный header с CTA и burger menu. 2. HERO Главный экран должен сразу объяснять: кто это, что делает, где работает и почему ему можно доверять. Основной заголовок: "Электрика под ключ в Ростове-на-Дону" Подзаголовок: "Профессиональный электромонтаж квартир и частных домов. Монтаж и замена проводки, электрощитов, освещения и тёплого пола — с гарантией и по договору." Добавь premium trust badges: "20+ лет опыта" "Гарантия 2 года" "400+ клиентов" "4 группа электробезопасности" Основной CTA: "Получить бесплатный расчёт" Вторичный CTA: "Посмотреть услуги" Добавь небольшую заметную плашку: "Бесплатный выезд на объект до конца месяца" Не придумывай конкретную денежную стоимость услуг. Hero может использовать абстрактную premium-графику, техническую геометрию, тонкие линии, схематичные элементы электросети или качественный dark visual treatment, но НЕ случайную фотографию электрика. 3. TRUST / ПРОФЕССИОНАЛИЗМ Сделай визуально сильную секцию с четырьмя крупными показателями: 20+ лет опыта 400+ довольных клиентов 2 года гарантии 7:30 начало рабочего дня Под ними короткий текст: "Работаю без посредников. Цена фиксируется в договоре, дополнительные работы выполняются только после согласования." 4. УСЛУГИ Заголовок: "Электромонтажные работы" Подзаголовок: "От отдельной розетки до полной электрики квартиры или частного дома." Карточки БЕЗ ФОТОГРАФИЙ. Используй современные line-icons. Карточки: 01 Электрика под ключ Полный комплекс электромонтажных работ в квартире или частном доме — от разводки до подключения оборудования. 02 Монтаж и замена проводки Скрытая, открытая и ретро-проводка. Монтаж в новостройках, квартирах и частных домах. 03 Электрощиты Сборка, монтаж и расключение электрощитов, установка автоматов, УЗО, счётчиков и устройств защиты. 04 Освещение Розетки, выключатели, люстры, бра, точечные светильники, LED-ленты, датчики движения и наружное освещение. 05 Тёплый пол Монтаж и подключение электрического тёплого пола и сопутствующего оборудования. 06 Подключение оборудования Варочные панели, электрокотлы, водонагреватели, бытовая техника и другое электрооборудование. 07 Ремонт электрики Поиск и устранение неисправностей, замена автоматов, розеток, старой проводки и других элементов. 08 Дополнительные работы Кабель-каналы, подрозетники, стабилизаторы напряжения, контакторы, силовые кабели, заземление и другое. Карточки должны иметь красивый hover effect, но без чрезмерной анимации. 5. ПОЧЕМУ АЛЕКСАНДР Сделай premium editorial-style секцию. Заголовок: "Работаю как профессионал, а не как посредник" Текст: "Меня зовут Александр. Я частный профессиональный электромонтажник. Выполняю работы самостоятельно и с командой специалистов, когда для проекта требуется несколько человек." Преимущества: * Более 20 лет опыта * Профильное образование и повышение квалификации * Действующая 4 группа допуска по электробезопасности * Гарантия 2 года * Работа по договору * Фиксированная цена * Без авансов * Помощь в выборе и закупке материалов * Соблюдение сроков * Работа от 1 дня * Полный комплект профессионального инструмента * Чистота и порядок после работ 6. КАК ПРОХОДИТ РАБОТА Сделай современную горизонтальную timeline на desktop и вертикальную на mobile. 01 Предварительный расчёт Ориентировочно определяем стоимость и сроки. 02 Выезд на объект Проводим замеры, обсуждаем задачи и расположение оборудования. 03 Смета Формируем подробную смету и согласовываем стоимость. 04 Договор Фиксируем условия и стоимость работ. 05 Выполнение Работаем поэтапно и соблюдаем согласованные сроки. 06 Приёмка Вы принимаете результат и оплачиваете выполненные работы. 7. ОПЫТ / ОБЪЕКТЫ Заголовок: "Для квартир и частных домов" Покажи два крупных premium блока: КВАРТИРЫ * Новостройки * Вторичный фонд * Полная замена электрики * Электрика под ключ * Освещение * Электрощиты ЧАСТНЫЕ ДОМА * Полный электромонтаж * Наружная проводка * Ретро-проводка * Заземление * Освещение * Подключение оборудования Не используй фотографии, если их нет. 8. РЕАЛЬНЫЕ РАБОТЫ / ПОРТФОЛИО Сделай секцию, подготовленную для реальных фотографий. Если фотографии отсутствуют, НЕ вставляй случайные изображения. Вместо этого создай красивый premium empty state: "Здесь будут реальные работы Александра" "Фото выполненных объектов добавляются по мере наполнения портфолио." Но визуально секция не должна выглядеть как незаполненный шаблон. Можно использовать архитектурную сетку, технические схемы, аккуратные placeholders и premium typography. 9. ОТЗЫВЫ Создай сильную секцию отзывов с карточками. Используй реальные отзывы без изменения смысла. Алексей Стрельцов "Всё было сделано чётко и эффективно, без лишних движений и слов. Ребята работали оперативно, слаженно и профессионально. Я обращался к ним для монтажа электропроводки в своём частном доме, и результатом остался доволен. Рекомендую эту бригаду всем, кто ищет надёжных специалистов." Николай "Спасибо за качественную и быструю работу. Ребята профессионалы. Всем рекомендую" Елена "Спасибо за профессиональную и быструю работу. Обратилась с заменой электропроводки в квартире. Александр приехал на следующий день, всё обсудили, подсказал что и где лучше сделать. Так как у меня выбивало свет и искрило, войдя в моё положение, он приехал намного раньше. Весь необходимый материал покупал сам, его команда сделала всё качественно и быстро, обговорённая цена не изменилась по окончании работ. Александр мастер своего дела." Алла "Спасибо большое за монтаж электрики! Всё очень понравилось! Работа выполнена качественно, с душой. Результатом очень довольны, обязательно порекомендую друзьям." София "Был запрос на замену электрики в квартире. Приехали на следующий день, обсудили план работы, расположение розеток, освещение. За два дня сделали всю электрику, несмотря на внеплановое отключение света. Довольна работой, советую ребят." Сделай возможность горизонтального scroll/swipe на мобильном. 10. ГАРАНТИЯ И УСЛОВИЯ Сделай визуально сильный trust-блок. Заголовок: "Всё прозрачно до начала работ" Пункты: ✓ Работа по договору ✓ Фиксированная стоимость ✓ Дополнительные работы только после согласования ✓ Оплата по факту выполненных работ ✓ Поэтапная оплата ✓ Гарантия 2 года ✓ Помощь с закупкой материалов ✓ Работаем без посредников 11. CTA Большой финальный CTA-блок. Заголовок: "Нужна надёжная электрика?" Подзаголовок: "Оставьте заявку — обсудим задачу, сориентируем по стоимости и договоримся о выезде на объект." Кнопка: "Получить бесплатный расчёт" Вторичная: "Позвонить Александру" Добавь: "Ростов-на-Дону · Выезд по всему городу · Ежедневно 07:30–21:30" 12. FOOTER "АЛЕКСАНДР" "Профессиональный электромонтаж" "Ростов-на-Дону · Выезд по всему городу" "Пн–Вс · 07:30–21:30" Добавь CTA и небольшую юридическую строку. КОНВЕРСИЯ: Сайт должен быть ориентирован на получение заявки/звонка. CTA должны встречаться естественно после Hero, услуг, преимуществ и в финале. Не перегружай пользователя формами. Основная форма должна содержать: * Имя * Телефон * Что требуется сделать Кнопка: "Получить расчёт" Добавь валидацию формы и понятное состояние после отправки. Не придумывай email, телефон, цены или адрес — оставь соответствующие поля готовыми для последующей подстановки. UX: * smooth scrolling; * sticky header; * hover states; * subtle reveal animations; * кнопки с понятным feedback; * mobile-first responsive behavior; * крупные tap targets; * отличная читаемость; * контрастный текст; * никакого горизонтального overflow; * быстрый initial load. ВАЖНО: Весь текст сайта должен быть ТОЛЬКО НА РУССКОМ ЯЗЫКЕ. Не добавляй английские заголовки, английские кнопки или lorem ipsum. Не используй утверждения, которых нет в предоставленной информации. Особенно не придумывай: * цены; * количество выполненных объектов; * адрес; * телефон; * лицензии; * сертификаты; * бренды оборудования; * рейтинги; * награды. При этом используй сильные реальные преимущества из предоставленных данных: 20+ лет опыта, 400+ клиентов, гарантия 2 года, договор, фиксированная стоимость, отсутствие аванса, закупка материалов, бесплатный выезд, работа по всему Ростову-на-Дону. Главная цель сайта: за 5–10 секунд дать потенциальному клиенту ощущение "этому мастеру можно доверить электрику в моей квартире или доме" и затем максимально естественно привести его к звонку или заявке. Сделай результат визуально близким к современному premium service brand: дорого, спокойно, уверенно, технологично и профессионально.

A system prompt was added to support web rendering