# PROMPT: Premium website for Viktor (electrician, Rostov-on...

Prompt

# PROMPT: Premium website for Viktor (electrician, Rostov-on-Don) Generate a complete, single-page website in Russian for a private professional electrician named **Viktor** operating in **Rostov-on-Don**. This must be a premium, visually rich design — NOT a flat dark theme. Use ALL copy exactly as written below (do not paraphrase, invent new names, or change any wording). Follow the structure and design direction exactly. --- ## DESIGN DIRECTION (premium, complex, gradient-driven) **Do not produce a flat black/white/single-accent-color site.** This needs visible depth, layered gradients, and one recurring signature motif tied to electrical work. **Color system:** - Base background: a subtle graphite-to-charcoal gradient (not flat black), roughly `#0B0B0F → #1A1A22`, shifting diagonally across the page. - Primary accent: a warm amber → copper → burnt-orange gradient (`#F5A623 → #E8792E → #C2410C`) used on CTA buttons, headline highlight words, icon badges, and card borders. - Secondary accent: an electric blue-violet gradient (`#38BDF8 → #A78BFA`) used sparingly — hover states, the circuit-line motif, small spark accents. This creates warm/cool contrast instead of a single-tone palette. - Cards: frosted-glass panels — semi-transparent dark fill, backdrop-blur, 1px gradient border (amber fading to transparent), soft layered drop shadow for depth. - Background texture: faint circuit-board trace line-art (SVG, ~5–8% opacity) woven behind the hero and footer sections — this is the site's signature motif, tying the "premium tech feel" directly to Viktor's actual trade instead of looking like a generic SaaS template. - Ambient depth: 1–2 large soft blurred gradient "glow orbs" positioned behind the hero photo and behind the CTA section, amber-to-transparent. **Typography:** - Display/headline font: bold geometric grotesk with strong weight contrast (e.g. Manrope Black / Clash Display style). - Apply a gradient text-fill (amber → copper) to the key phrase in the H1 ("под ключ") and to section numbers. - Body font: clean humanist sans, generous line height, muted light-gray on dark background. **Layout — keep uniform grids.** All service cards, testimonial cards, and process steps must be the same size and evenly spaced. Do not vary card sizes for visual interest — premium feel must come from surface quality and depth, not layout gimmicks. **Where the "premium" feeling actually comes from — put the effort here:** - **Custom iconography:** every service card gets a bespoke icon built from thin gradient-stroke line art in the same style as the circuit motif — not generic filled circle-badge icons from a standard icon library. Icons should feel hand-drawn/technical, like schematic symbols, not clip art. - **Material depth on every card:** multi-layer shadow (soft far shadow + tight near shadow), 1px gradient border, faint inner highlight along the top edge to simulate light hitting glass. Cards should look like they're sitting slightly above the background, not printed flat onto it. - **Photo treatment:** color-grade Viktor's photo with a subtle duotone/split-tone matching the amber-copper palette (warm highlights, cool-graphite shadows) so the photo feels integrated into the design system instead of a plain unedited snapshot dropped on top of it. - **Section backgrounds have their own texture**, not flat solid fills — alternate between the circuit-trace pattern, a soft mesh gradient wash, and a fine grain/noise overlay (~3% opacity) so no section reads as a flat color block. - **Typographic craft:** tight, deliberate letter-spacing on eyebrow labels and numbers, a real type scale (not just bold vs. not-bold), gradient-fill text used sparingly and precisely — one or two words per headline, not whole sentences. - **Precise spacing rhythm:** consistent, deliberate vertical spacing scale across all sections (e.g. based on an 8px system) so alignment feels engineered, not eyeballed. - **Motion on scroll:** sections and cards fade/rise into view on scroll (subtle, ~300ms), glow orbs drift very slowly in the background. Buttons and cards get a hover lift + soft amber glow shadow. No "pulse/live" activity indicators anywhere — this is a tradesman's site, not a SaaS dashboard. --- ## SITE STRUCTURE + LOCKED COPY ### Header / Nav Logo: **ВИКТОР** / электромонтаж Nav links: Услуги · Обо мне · Как работаю · Отзывы · Контакты Location pill: 📍 Ростов-на-Дону CTA button: **Получить расчёт** ### Hero Eyebrow: ЧАСТНЫЙ ЭЛЕКТРОМОНТАЖНИК · РОСТОВ-НА-ДОНУ H1: **Электрика под ключ в Ростове-на-Дону** Subhead: Выполняю электромонтажные работы в квартирах и частных домах — от замены проводки и электрощитов до освещения и тёплого пола. Работаю сам, для больших объектов привлекаю проверенную бригаду. Stat chips: `10+ лет опыта` · `400+ объектов` · `Гарантия 1 год` · `4 группа допуска` Primary CTA: **Получить бесплатный расчёт** Secondary CTA: Посмотреть услуги Photo caption tag: Виктор — электромонтажник, Ростов-на-Дону ### Stats bar (dark strip below hero) 10+ лет опыта · 400+ выполненных объектов · 1 год гарантии на работы · Выезд ежедневно 07:00–23:59 ### Services (uniform grid, 6 items, same card size) 1. **Электрика под ключ** — Полный комплекс электромонтажных работ — от проекта до подключения оборудования. 2. **Монтаж и замена проводки** — Скрытая, открытая и ретро-проводка в новостройках, квартирах и частных домах. 3. **Электрощиты** — Сборка, монтаж и расключение электрощитов, установка автоматов, УЗО, счётчиков и устройств защиты. 4. **Освещение** — Розетки, выключатели, люстры, точечные светильники, LED-ленты, датчики движения и наружное освещение. 5. **Тёплый пол** — Монтаж и подключение электрического тёплого пола. 6. **Ремонт и подключение электрики** — Устранение неисправностей, замена автоматов и розеток, подключение бытовой техники, вводного кабеля и другого оборудования. Tag row below grid: Стабилизаторы напряжения · Установка подрозетников · Перенос и замена розеток · Слаботочные сети · Замеры · Ретро-проводка CTA button: **Получить бесплатный расчёт** ### About me Heading: Меня зовут Виктор Body: > Я частный профессиональный электромонтажник и занимаюсь электрикой уже более 10 лет. Работаю с квартирами и частными домами — от отдельных электромонтажных задач до полной электрики под ключ. > > Ценю своё и ваше время, поэтому приезжаю вовремя, заранее согласовываю объём работ и стоимость, а после завершения оставляю порядок. > > На небольших объектах работаю один. На крупных — квартирах под ключ, частных домах — привлекаю проверенную бригаду, с которой работаю много лет, но веду проект от начала до конца лично. "Мой подход" checklist (two columns): - Работаю без посредников - Фиксирую стоимость в договоре - Гарантия 1 год на все работы - Соблюдаю сроки, всегда на связи - 4 группа допуска по электробезопасности - Помогаю выбрать и закупить материалы - Дополнительные работы согласовываю заранее - Оставляю после себя чистоту — тряпку и веник беру с собой ### How I work (uniform grid, 6 steps) 01 **Предварительный расчёт** — Уточняю задачу и ориентировочно рассчитываю стоимость и сроки по телефону или в переписке. 02 **Выезд на объект** — Приезжаю на объект, делаю замеры, смотрю электрощит и проводку, обсуждаю детали. 03 **Смета** — Составляю смету с разбивкой по материалам и работам, согласовываю стоимость. 04 **Договор** — Фиксируем договорённости и стоимость в договоре. 05 **Выполнение** — Выполняю работы поэтапно, соблюдаю согласованные сроки. 06 **Приёмка** — Вы проверяете выполненную работу, я показываю щит и все точки, оплачиваете по факту. ### Object types **Квартиры** — Помогаю организовать электрику в новостройках и вторичном жилье. Bullets: Электрика под ключ · Новая разводка · Розетки/выключатели · Освещение · Замена старого щита · Электросчётчики **Частные дома** — Выполняю электромонтаж в частных домах с учётом особенностей объекта. Bullets: Полная электрика · Наружное освещение · Ретро-проводка · Заземление · Стабилизаторы · Подключение оборудования ### Testimonials (uniform grid, 5 cards, same card size) **Алексей Стрельцов** · Западный · 2 августа · ★★★★★ > Виктор менял проводку в квартире в новостройке. Приехал один, для штробления стен на день взял помощника — работали быстро, без лишнего мусора. Щит собрал аккуратно, всё подписал. **Николай** · Левенцовский · 21 июля · ★★★★★ > Обращался по поводу тёплого пола в ванной. Виктор сам всё сделал за один день, объяснил как пользоваться терморегулятором. Рекомендую. **Алла** · Центр · 13 июля · ★★★★★ > Полная электрика в частном доме — объект немаленький, поэтому Виктор работал с бригадой, но сам постоянно был на месте и всё контролировал. Результатом очень довольна. **Елена** · Северный · 20 июля · ★★★★★ > Заменил старый советский щит на новый, поставил УЗО. Приехал вовремя, всё объяснил по-человечески, не давил на допродажи. **София** · Суворовский · 26 июня · ★★★★★ > Был запрос на замену электрики в квартире. Приехал сам, посчитал материалы честно, по чекам, без накрутки. Мастер вежливый, аккуратный. ### Guarantee / conditions Heading: Всё прозрачно до начала работы Subhead: Фиксирую договорённости заранее, чтобы у вас не было непредвиденных расходов. Bullets (two columns): - Работаю по договору - Фиксирую стоимость - Дополнительные работы только после согласования - Оплата по факту выполненных работ - Гарантия 1 год - Помогаю с выбором материалов - Работаю без посредников ### Contact / footer Heading: Нужна надёжная электрика? Body: Расскажите о вашей задаче — помогу разобраться с объёмом работ, сориентирую по стоимости и договоримся о выезде. Primary CTA: **Получить бесплатный расчёт** Secondary CTA: **Позвонить Виктору** Location line: Ростов-на-Дону · Выезжаю по всему городу · Ежедневно 07:00–23:59 Badge: Бесплатный выезд Form: - Field label "ИМЯ", placeholder: Как к вам обращаться - Field label "ТЕЛЕФОН", placeholder: +7 (___) ___-__-__ - Field label "ЧТО ТРЕБУЕТСЯ СДЕЛАТЬ", placeholder: Например: заменить проводку в двухкомнатной квартире, собрать щит, подключить варочную панель... - Submit button: **Получить расчёт** --- ## HARD RULES - Every name reference must be **Виктор** — no other names anywhere on the page. - Do not add any "live/pulse" activity indicators. - Keep all cards within a section the same size — no bento/masonry layouts. - Gradients, the circuit-trace motif, and card-level material depth (shadow/border/highlight) must be visibly present on every card, not just implied.

A system prompt was added to support web rendering