import React, { useState } from "react"; // Ч/Б ПРОТОТИП БЛОКА — "Выкрасы металла под RAL бесплатно" // Особенности: // - только нейтральная палитра (ч/б/серый), чтобы не спорить с будущим брендингом // - эмоциональный, продающий, с акцентом на выгоду "без доплат" // - есть фото-плейсхолдер (можно заменить на реальное фото выкраса/деталей) // - мини-квиз/форма с фиксацией намерения + RAL-код // - блок доверия и мини-FAQ // - доступный и адаптивный, mobile-first export default function RALSwatchBlock() { const [ral, setRal] = useState("RAL 7035"); const [contact, setContact] = useState("Телефон"); return (

{/* Верхняя плашка-уверенность */}

Без доплат По каталогу RAL Ноги, лючки, ручки шкафов Для брендинга офиса

{/* Заголовок + ценность */}

Выкрасы металла в цвет вашего бренда — бесплатно

Подберём оттенок по RAL и покрасим металлические элементы мебели: ножки столов, кабель-лючки, ручки шкафов и другие детали — чтобы весь офис выглядел цельно и «в фирменных цветах».

{/* Мини преимущества */}

{[ "Согласуем точный RAL с вашим брендбуком", "Тестовый выкраc и фото-пример в 24–48 ч", "Стойкое покрытие, аккуратная геометрия", "Гарантия на покрытие + акт образца", ].map((item, i) => (
• {item}
))}

{/* Мини-FAQ в одну строку */}

Срок

Выкраc образца: 1–2 дня

Стоимость

Для клиента — 0 ₽

Что красим

Металл: ножки, лючки, ручки и др.

{/* Фото-плейсхолдер + превью "до/после" */}

{/* Заменить на реальное фото покраски/детали */}

До

Стандартный цвет металла

После

Покрашено в выбранный RAL

{/* Панель выбора RAL + форма заявки */}

{/* Псевдо-подбор RAL (б/ц) */}

Подберите RAL

Укажите код — мы покажем образец

Справочник RAL Загрузить брендбук

Код RAL setRal(e.target.value)} placeholder="например, RAL 9005" className="h-11 rounded-lg border border-black/20 px-3 text-sm outline-none focus:border-black focus:ring-0" /> Деталь Ножка стола Кабель-лючок Ручка шкафа Другая деталь

Предпросмотр образца

{/* В ч/б прототипе вместо цвета — паттерн + подпись выбранного кода */}

{ral}

{/* Подсказка */}

Точный цвет согласуем по эталонному вееру RAL и вашему брендбуку. При необходимости сделаем несколько образцов.

{/* Форма конверсии */}

Заявка на бесплатный выкраc

Зафиксируйте бесплатный выкраc под ваш RAL

Имя Компания Контакт

{(["Телефон","WhatsApp","Telegram"] as const).map((c) => ( setContact(c)} className={`rounded-full border px-3 py-1 text-xs ${contact===c?"border-black bg-black text-white":"border-black/20"}`} > {c} ))}

Желаемый RAL Получить бесплатный выкраc

Отправляя заявку, вы соглашаетесь на обработку персональных данных. Фото/видео образца пришлём в {contact}. Хранение файлов безопасно, доступ — только у инженера проекта.

{/* Доверие / бейджи */}

4.9/5 по отзывам корпоративных клиентов

Контроль толщины слоя и адгезии покрытия

Договор + акт образца с вашим RAL

); }