VibeUI
РусEng
Войти

Контакты

Контакты для издателей: права со статусами и наклоняющаяся визитка агента

Секция для издателей и редакций на сайте автора: слева список прав (перевод, фрагменты, аудио, экранизация) со статусами «свободны / проданы», прямая почта для интервью; справа визитка агента, которая наклоняется вслед за курсором (perspective + rotateX/Y через CSS-переменные, без ререндеров) и ловит блик, почта копируется в один клик с подтверждением «скопировано», ссылка на пресс-кит.

React + Tailwind, совместим с shadcn: нажмите «Копировать для ИИ» — агент в Cursor или Claude Code поставит его через shadcn CLI.

Что можно поменять

  • eyebrow, title, lede, rights: name, status
  • agentName, agentRole, agency, email, phone, authorEmail
  • pressKitLabel, pressKitHref

Собран из

Команда установки поставит и эти компоненты. Блок задаёт им только пропсы: их палитра и поведение — свои.

Ссылка для ИИ-агента: в ней превью, код и инструкция.

Превью

1440pxТема страницы
Контакты для издателей: права со статусами и наклоняющаяся визитка агента — Секция для издателей и редакций на сайте автора: слева список прав (перевод, фрагменты, аудио, экранизация) со статусами «свободны / проданы», прямая почта для интервью; справа визитка агента, которая наклоняется вслед за курсором (perspective + rotateX/Y через CSS-переменные, без ререндеров) и ловит блик, почта копируется в один клик с подтверждением «скопировано», ссылка на пресс-кит.

Использовать с ИИ

  1. 1. Скопируйте ссылку.
  2. 2. Напишите агенту своими словами и вставьте её в предложение.
  3. 3. Агент откроет ссылку и поставит компонент из реестра.
AI
1Выбрали здесь

добавь это на главную первым экраном:

https://vibeui.ru/c/contact-033?theme=dark

2Вставили в чат агента
3Получили в проекте

Не знаете, куда вставить? Пошаговый гайд

Показать полную инструкцию

То, что лежит по ссылке в развёрнутом виде. Нужна, если агент не может открыть ссылку — тогда вставьте этот текст целиком.

Загружается…

Как использовать

<Contact033
  rights={[{ name: "Перевод", status: "свободны" }, { name: "Экранизация", status: "свободны" }]}
  agentName="Дарья Ланина"
  email="daria@polosa.agency"
/>

Пример вызова. Сам компонент агент ставит из реестра по ссылке «Копировать для ИИ».

Настройки

Заголовок
title · по умолчанию: Права, фрагменты, эфиры
Агент
agentName · по умолчанию: Дарья Ланина
Тема
tone · по умолчанию: auto
Акцент
accent · по умолчанию: цвет темы
Текст
ink · по умолчанию: цвет темы
Фон
background · по умолчанию: цвет темы

Используется в сценариях

Ещё в разделе «Контакты»

Частые вопросы

Как установить компонент «Контакты для издателей: права со статусами и наклоняющаяся визитка агента» через Cursor или Claude Code?
Нажмите «Копировать для ИИ» на этой странице и вставьте текст в чат агента. В инструкции команда установки через shadcn CLI, зависимости и что сохранить — агент поставит именно этот компонент, а не перерисует похожий.
Какие зависимости у компонента «Контакты для издателей: права со статусами и наклоняющаяся визитка агента»?
Никаких npm-пакетов, кроме React и Tailwind CSS. Вместе с ним ставятся компоненты каталога: button-077, button-015.
Что можно поменять в компоненте «Контакты для издателей: права со статусами и наклоняющаяся визитка агента»?
Можно менять: eyebrow, title, lede, rights: name, status; agentName, agentRole, agency, email, phone, authorEmail; pressKitLabel, pressKitHref. Сохранить как есть: импорты button-077, button-015 из @/components/vibeui/ — не встраивать их код в блок и не заменять своими; частям уходят только пропсы; наклон — onPointerMove на [data-part=stage] пишет --vibeui-contact-033-rx/ry (±7°/±5°) и gx/gy для блика прямо в style карточки через ref; onPointerLeave снимает rx/ry, transition .5s; копирование — navigator.clipboard?.writeText(email) в обработчике, кнопка на 2 с получает data-done и меняет текст.
Компонент «Контакты для издателей: права со статусами и наклоняющаяся визитка агента» бесплатный?
Превью открыто всем, исходник доступен по подписке PRO.

Для разработчика

npx shadcn@latest add https://vibeui.ru/r/pro/contact-033.json

Команде нужна подписанная ссылка: войдите и откройте «Исходник компонента» ниже — там рабочая ссылка на 30 минут. Все способы установки

Технические заметки

Составной блок: импортирует button-077, button-015 из @/components/vibeui/ — команда установки приносит их вместе с блоком. Блок владеет раскладкой и своим текстом, частям передаёт только пропсы, их палитры --vibeui-<name>-* не трогает.

Теги

  • contact
  • publishers
  • rights
  • agent
  • writer
  • author
  • business card
  • tilt
  • copy
  • press kit
  • serif
  • composite
Исходник компонента

Тот же файл, который поставит агент. Нужен, если вы предпочитаете скопировать код руками.

Загружается…