@skroz/frontend 0.0.2

package/src/locales/ru/common.json

@@ -0,0 +1,271 @@
+{
+    "websiteUrl": "vikneska.com",
+    "httpsWebsiteUrl": "https://vikneska.com",
+    "websiteEmail": "support@vikneska.com",
+    "sec": "сек",
+    "chooseLanguage": "Выбрать язык",
+    "topMenu": {
+        "home": "Ссылки",
+        "feedback": "Отзывы",
+        "shop": "Магазин",
+        "help": "Помощь",
+        "about": "О нас",
+        "profile": "Профиль",
+        "admin": "Админ",
+        "logo": "Логотип Vikneska",
+        "adminTag": "Аккаунт администратора"
+    },
+    "sections": {
+        "packs": {
+            "title": "Доступные паки для покупки",
+            "viewAll": "Посмотреть все паки"
+        },
+        "purchase": {
+            "title": "Можно купить полные наборы и видео",
+            "gumroad": {
+                "title": "Gumroad",
+                "description": "Покупайте полные наборы фото и видео"
+            },
+            "boosty": {
+                "title": "Boosty",
+                "description": "Покупайте полные наборы фото и видео"
+            }
+        },
+        "links": {
+            "title": "Больше контента от меня",
+            "subtitle": "Найдёте много дополнительного контента"
+        },
+        "accounts": {
+            "title": "Мои аккаунты",
+            "subtitle": "У меня несколько аккаунтов. Все они настоящие и принадлежат мне"
+        }
+    },
+    "shopPage": {
+        "metaTitle": "Магазин паков - Vikneska",
+        "metaDescription": "Эксклюзивные паки фотографий и видео от Vikneska. Покупайте напрямую через Boosty, Fansly и другие платформы.",
+        "backToPacks": "← Назад к пакам",
+        "whereToBuy": "Где купить?"
+    },
+    "indexPage": {
+        "metaTitle": "Vikneska - Контент, общение и бесплатные материалы",
+        "metaDescription": "Магазин эксклюзивного контента Vikneska. Получайте бесплатный контент, общайтесь и покупайте премиум наборы фото и видео"
+    },
+    "areYouSure": {
+        "title": "Вы уверены?",
+        "Yes": "Да",
+        "No": "Нет"
+    },
+    "error": {
+        "title404": "Страница не найдена: 404",
+        "title": "Что-то случилось. Попробуйте позже",
+        "goToHome": "Перейти на Главную",
+        "refresh": "Обновить"
+    },
+    "buttons": {
+        "login": "Вход",
+        "register": "Регистрация",
+        "logout": "Выйти из аккаунта",
+        "save": "Сохранить",
+        "edit": "Редактировать",
+        "loadMore": "Загрузить ещё",
+        "confirm": "Подтвердить",
+        "sendCode": "Отправить код"
+    },
+    "footer": {
+        "help": "Вопрос-ответ",
+        "about": "О сервисе",
+        "contacts": "Контакты"
+    },
+    "profile": {
+        "title": "Мой профиль",
+        "role": "Роль:",
+        "admin": "Админ",
+        "manager": "Менеджер",
+        "balance": "Баланс",
+        "profileId": "ID профиля на сайте:",
+        "copy": "Копировать",
+        "copied": "Скопировано в буфер",
+        "telegramAccount": "Telegram аккаунт:",
+        "password": "Пароль: ********",
+        "payments": "Платежи",
+        "settings": "Настройки",
+        "changeTempPassword": {
+            "title": "Задайте пароль для сайта",
+            "subtitle": "Вы вошли на сайт по временному паролю, укажите постоянный"
+        },
+        "updatePassword": {
+            "oldPassword": "Старый пароль",
+            "newPassword": "Новый пароль",
+            "repeatPassword": "Повторите пароль",
+            "passwordMismatch": "Пароли не совпадают",
+            "saved": "Сохранено"
+        },
+        "confirmEmail": {
+            "title": "Подтвердить email",
+            "subtitle": "Мы отправим код подтверждения на этот адрес",
+            "codeLabel": "Код из письма",
+            "success": "Успешно",
+            "error": "Ошибка подтверждения",
+            "checkEmail": "Проверьте email",
+            "codeNotSent": "Код не отправлен",
+            "spamNote": "Если код не приходит, проверьте папку Спам"
+        },
+        "updateEmail": {
+            "label": "Ваш email",
+            "confirmButton": "Подтвердить email"
+        }
+    },
+    "userForm": {
+        "banned": "Забанен",
+        "testPayments": "Тест. платежи",
+        "yes": "Да",
+        "no": "Нет",
+        "success": "Успешно",
+        "editing": "Редактирование"
+    },
+    "formItem": {
+        "required": "Обязательно"
+    },
+    "auth": {
+        "loginError": "Ошибка входа",
+        "successRegister": "Успешно",
+        "acceptUserAgreement": "Принимаю",
+        "acceptPrivacyPolicy": "Соглашаюсь с",
+        "loginMetaTitle": "Вход",
+        "loginMetaDescription": "Страница входа",
+        "registerMetaTitle": "Регистрация",
+        "registerMetaDescription": "Создать аккаунт",
+        "recoveryMetaTitle": "Новый пароль",
+        "recoveryMetaDescription": "Установка нового пароля",
+        "openEmailMetaTitle": "Проверьте email",
+        "openEmailMetaDescription": "Проверьте email",
+        "forgotMetaTitle": "Восстановление доступа",
+        "forgotMetaDescription": "Восстановите доступ к аккаунту",
+        "loginSuccess": "Добро пожаловать!",
+        "forgot": "Забыли пароль?",
+        "loginLabel": "И снова здравствуйте!",
+        "loginTitle": "Вход",
+        "loginSubtitle": "Нет аккаунта?",
+        "agreeRegisterLabel": "Создавая аккаунт, вы принимаете",
+        "agreeLoginLabel": "Используя сервис, вы принимаете",
+        "registerErrorSendingEmail": "Ошибка отправки подтверждающего письма",
+        "registerLabel": "Это бесплатно",
+        "registerTitle": "Регистрация",
+        "registerSubtitle": "Уже есть аккаунт?",
+        "passwordPlaceholder": "Пароль",
+        "recoverySuccess": "Пароль сохранен",
+        "recoveryTokenWrong": "Токен истек или имеет неверный формат",
+        "recoveryCodeWrong": "Код восстановления истек или имеет неверный формат",
+        "newPassword": "Новый пароль",
+        "setNewPassword": "Придумайте новый пароль",
+        "newPasswordPlaceholder": "Новый пароль",
+        "saveNewPassword": "Сохранить новый пароль",
+        "openEmailResendOk": "Email с кодом отправлен",
+        "openEmailResendError": "Ошибка отправки письма",
+        "openEmailResendDenied": "Повторное письмо через",
+        "openEmailResend": "Получить новый код",
+        "openEmailLabel": "Остался последний шаг",
+        "openEmailTitle": "Проверьте свой email",
+        "openEmailSubtitle": "Нужна помощь?",
+        "check": "Проверьте",
+        "clickToConfirm": "Мы отправили письмо со ссылкой. Найдите эту ссылку и кликните по ней, чтобы подтвердить свой email-адрес",
+        "findCodeOnEmail": "Мы отправили письмо с кодом на указанный email. Найдите этот код и вставьте в форму ниже. Если письма нет, проверьте спам",
+        "forgotSendError": "Ошибка отправки письма",
+        "forgotLabel": "Не волнуйтесь",
+        "forgotTitle": "Восстановление доступа",
+        "forgotSubtitle": "Вспомнили пароль?",
+        "forgotSendInstructions": "Восстановить аккаунт",
+        "forgotIssues": "Введите email адрес, который использовали при регистрации, и мы отправим на него инструкции по восстановлению доступа к аккаунту",
+        "confirmationMetaTitle": "Подтверждение email адреса",
+        "confirmationMetaDescription": "Подтверждение email адреса",
+        "confirmationSendError": "Ошибка отправки письма",
+        "confirmationWrongToken": "Ваш токен истёк или содержит ошибку. Запросите новое письмо с правильной ссылкой:",
+        "confirmationSendLink": "Получить письмо"
+    },
+    "links": {
+        "publicOffer": "Публичная оферта",
+        "publicOfferRecurrent": "Оферта повторяющихся платежей",
+        "userAgreement": "Пользовательское соглашение",
+        "privacyPolicy": "Политика конфиденциальности",
+        "cookiePolicy": "Политика куки",
+        "helpCenter": "Центр помощи"
+    },
+    "payment": {
+        "paidTitle": "Успешная оплата",
+        "notPaidTitle": "Неуспешная оплата",
+        "paidDescription": "Платеж успешно проведён",
+        "notPaidDescription": "При проведении платежа произошла ошибка. Попробуйте снова или обратитесь в поддержку",
+        "toMyPurchases": "К моим покупкам",
+        "method": {
+            "CARD": "Карта",
+            "BALANCE": "Баланс",
+            "COMPANY_BILL": "Р/сч",
+            "CREDIT": "Кредит",
+            "PHYSICAL_BILL": "Б/сч",
+            "%future added value": ""
+        },
+        "status": {
+            "ERROR": "Ошибка",
+            "PENDING": "Оформление покупки",
+            "PAID": "Оплачено, обрабатываем",
+            "FINISHED": "Завершено",
+            "%future added value": ""
+        },
+        "saleChannel": {
+            "TELEGRAM_BOT": "Телеграм бот",
+            "WEBSITE": "Сайт",
+            "%future added value": ""
+        }
+    },
+    "currency": {
+        "RUB": "₽",
+        "USD": "$",
+        "EUR": "€",
+        "%future added value": ""
+    },
+    "currencyTitle": {
+        "RUB": "Рубль РФ",
+        "USD": "Доллар США",
+        "EUR": "Евро",
+        "%future added value": ""
+    },
+    "help": {
+        "metaTitle": "Помощь",
+        "metaDescription": "Ответы на вопросы и поддержка",
+        "title": "Помощь и FAQ",
+        "subtitle": "Ответы на частые вопросы",
+        "faq": {
+            "passwordRecovery": {
+                "question": "Как восстановить пароль",
+                "answer": "Для восстановления пароля перейдите на страницу Восстановление пароля, укажите email, с которого регистрировались на сайте и следуйте дальнейшим инструкциям"
+            },
+            "scam": {
+                "question": "Меня не обманут?",
+                "answer": "Нет, мы не мошенники. Мы отвечаем за свои слова и всегда идём на встречу нашим покупателям. Нам очень выгодно строить с Вами долгосрочное сотрудничество. Работаем мы уже давно, у нас много довольных клиентов"
+            },
+            "somethingWrong": {
+                "question": "Если что-то пошло не так",
+                "answer": "Обратитесь по нашим контактам наверху этой страницы, и мы обязательно поможем"
+            },
+            "otherGames": {
+                "question": "Если нужна другая игра или сервис",
+                "answer": "Напишите нам по любому из наших контактов и расскажите, какие пополнения нужно сделать. Мы стараемся добавлять самые актуальные игры и сервисы в наш каталог"
+            },
+            "blogger": {
+                "question": "Я блогер и хочу сотрудничать",
+                "answer": "Мы с удовольствием поработаем с вами. У нас отличные условия для блогеров. Будем рады. Больше подробностей здесь"
+            }
+        }
+    },
+    "sitemap": {
+        "metaTitle": "Карта сайта Vikneska.com",
+        "title": "Карта сайта"
+    },
+    "docsPage": {
+        "user-agreement": "Пользовательское соглашение",
+        "public-offer": "Публичная оферта",
+        "public-offer-recurrent": "Оферта повторяющихся платежей",
+        "privacy-policy": "Политика конфиденциальности",
+        "agency-agreement": "Агентский договор"
+    }
+}

package/src/styles/auth.less

@@ -0,0 +1,142 @@
+@media (max-width: @md-width) {
+    .auth {
+        &-email-confirmation {
+            flex-direction: column;
+        }
+    }
+}
+
+.auth {
+    max-width: 400px;
+    margin: auto;
+
+    &-label {
+        color: @secondary-text-color;
+        text-align: center;
+        line-height: 1em;
+    }
+
+    &-title {
+        font-size: 2em;
+        color: @primary-text-color;
+        text-align: center;
+        font-weight: 500;
+        line-height: 1em;
+        margin-top: 0.5em;
+    }
+
+    &-subtitle {
+        color: @secondary-text-color;
+        text-align: center;
+        line-height: 1em;
+        margin-top: 0.5em;
+    }
+
+    form {
+        margin-top: 1em;
+
+        .ant-form-item {
+            margin-bottom: 10px;
+        }
+    }
+
+    &-button {
+        //margin-bottom: 0.5em;
+        width: 100%;
+
+        button {
+            width: 100%;
+        }
+    }
+
+    &-footer {
+        margin-top: 1em;
+        display: flex;
+        flex-direction: column;
+        align-items: center;
+        justify-content: center;
+
+        &-issues {
+            margin-top: 10px;
+            font-size: 0.8em;
+            color: @secondary-text-color;
+            text-align: center;
+
+            a {
+                color: @secondary-text-color;
+
+                @media (hover: hover) {
+
+                    &:focus,
+                    &:hover {
+                        text-decoration: underline;
+                    }
+                }
+            }
+        }
+    }
+
+    &-socials {
+        &-title {
+            margin-top: 1em;
+
+            span {
+                color: @secondary-text-color;
+            }
+        }
+
+        &-buttons {
+            text-align: center;
+            margin-top: 1em;
+        }
+    }
+
+    &-email-confirmation {
+        margin: 0 auto;
+        background-color: @secondary-bg-color;
+        border-radius: @panel-border-radius;
+        max-width: 800px;
+        padding: @page-s-padding;
+        border: .5px solid @contrast-bg-color;
+        display: flex;
+        justify-content: space-between;
+        align-items: center;
+        gap: @page-xs-padding;
+
+        &-container {
+            padding: @page-s-padding @page-s-padding 0;
+        }
+    }
+
+    /*.register-link {
+    color: @pink-color;
+
+    @media (hover: hover) {
+      &:focus,
+      &:hover {
+        color: @pink-color;
+        opacity: .7;
+      }
+    }
+  }*/
+}
+
+.auth-buttons {
+    text-align: center;
+
+    &-item {
+        display: inline-flex;
+        gap: @page-xxs-padding;
+        //margin-right: @page-xxs-padding;
+        //margin-bottom: @page-xxs-padding;
+
+        &:last-child {
+            margin-right: 0;
+        }
+    }
+}
+
+.logout-button {
+    margin-left: 0.3em;
+    margin-right: 0.3em;
+}

package/src/styles/colors.less

@@ -0,0 +1,55 @@
+// Все цвета меняем здесь
+// Фон
+// @primary-bg-color: #f4f8fc; сделал темнее, потому что затемнил фон
+
+/* экспериментирую с цветами */
+//@secondary-bg-color: #fafafc;
+//@primary-bg-color: rgb(18, 18, 18);
+@primary-bg-color: #e7eaef;
+@white-bg-color: #ffffff;
+@secondary-bg-color: #f1f3f6;
+//@tertiary-bg-color: rgb(70, 70, 70);
+@middle-bg-color: rgb(40, 40, 40);
+//@contrast-bg-color: #fff;
+//@primary-bg-color: #fff;
+@contrast-bg-color: #ffffff;
+
+// Цвет бренда
+//@primary-brand-color: #1976d2;
+//@primary-brand-color: #9D3CD7;
+//@primary-brand-color: #1890ff;
+@primary-brand-color: #ff0066; // #E9336A;
+@light-primary-color: rgba(24, 144, 255, 0.5);
+@pink-color: #ff0066;
+@pink-color-transparent: rgba(255, 0, 102, 0.76);
+@limitationColor: #965354;
+@goldColor: gold;
+@contentsColor: #7d709a;
+@delayColor: #86a9b4;
+
+// Текст
+//@primary-text-color: #eee; // #000000;
+@primary-text-color: #444444; // #000000;
+//@secondary-text-color: #888; // #000000;
+@secondary-text-color: #777777; // #000000;
+@white-text-color: #ffffff;
+@grey-text-color: #eeeeee;
+@contrast-text-color: #000;
+
+// Ссылки
+@nav-item-color: @primary-text-color;
+@nav-item-button-color: @primary-brand-color;
+@link-color: #707a8a;
+@link-hover-color: @primary-brand-color;
+
+// Границы
+//@border: 1px solid #e1e3e8;
+@border-color: rgba(168, 169, 169, 0.24);
+@border: .5px solid @border-color;
+
+// Тени
+@top-menu-box-shadow: 0 4px 16px rgba(255, 205, 100, .03), 0 2px 2px rgba(255, 205, 100, .07);
+//@top-menu-box-shadow: 0 4px 16px rgba(0, 50, 150, .03), 0 2px 2px rgba(0, 50, 150, .07);
+@box-shadow: 0 4px 16px -8px #989fa6;
+@text-shadow: 1px 1px 2px rgba(0, 0, 0, .2);
+@text-shadow-invert: 1px 1px 2px rgba(255, 255, 255, .2);

package/src/styles/components.less

@@ -0,0 +1,2 @@
+@import "auth";
+@import "panels";

package/src/styles/panels.less

@@ -0,0 +1,61 @@
+@media (max-width: @xxs-width) {
+    .panel {
+        padding: @page-xxs-padding;
+    }
+}
+
+@media (min-width: @xxs-width) and (max-width: @xs-width) {
+    .panel {
+        padding: @page-xs-padding;
+    }
+}
+
+@media (min-width: @xs-width) and (max-width: @md-width) {
+    .panel {
+        padding: @page-s-padding;
+    }
+}
+
+@media (min-width: @md-width) {
+    .panel {
+        padding: @page-s-padding;
+    }
+}
+
+.panel {
+    display: block;
+    border-radius: @panel-border-radius;
+    position: relative;
+    overflow: hidden;
+
+    &-image {
+        position: absolute;
+        left: 50%;
+        top: 50%;
+        height: 70%;
+        width: 70%;
+        z-index: 0;
+
+        img {
+            width: 100%;
+            border-radius: @panel-border-radius;
+        }
+    }
+
+    &-content {
+        position: relative;
+        z-index: 1;
+    }
+}
+
+.is-panel-link {
+    transition: box-shadow .1s linear;
+
+    @media(hover: hover) {
+
+        &:focus,
+        &:hover {
+            box-shadow: @box-shadow;
+        }
+    }
+}

package/src/styles/sizes.less

@@ -0,0 +1,92 @@
+// Размеры для сайта
+@xxs-width: 350px;
+@xs-width: 576px;
+@md-width: 768px;
+@lg-width: 992px;
+@xlg-width: 1200px;
+@xxlg-width: 1600px;
+@xxxlg-width: 2000px;
+// @page-header-padding: 25px; // используется в футере
+
+// Отступы на странице
+@page-xxxs-padding: 2px;
+@page-xxs-padding: 5px;
+@page-xs-padding: 10px;
+@page-s-padding: 15px;
+@page-md-padding: 25px;
+@page-lg-padding: 50px; // используется в лендинге для больших отступов
+@page-xlg-padding: 100px; // используется в лендинге для больших отступов
+
+// header
+@header-height: 60px;
+// @header-additional-height: 45px;
+@header-top-page-padding: 75px;
+// Меню поиска, фиксированное
+@search-menu-height-desktop: 55px; // в самом меню не используется! задавать вручную!
+@search-menu-height-mobile: 45px; // в самом меню не используется! задавать вручную!
+
+// fixed mobile menu
+@mobile-menu-height: 80px;
+
+// Страница
+@left-sidebar-width: 190px;
+@right-sidebar-width: 190px; // 210
+
+// максимальная ширина контента на широких экранах
+@max-page-width: 1200px;
+@max-content-width: 900px; // на сдвоенных страницах максимальная ширина контентной части
+@min-sidebar-width: 350px; // на сдвоенных страницах минимальная ширина сайдбара
+
+// Скругления
+@panel-border-radius: 15px;
+@button-border-radius: 10px;
+@link-border-radius: 20px;
+@tooltip-border-radius: 10px;
+
+// формы
+@xs-form-width: 450px;
+
+// Анимация
+@fantasticZIndex: 100;
+
+/* Шрифт */
+@smallFontSize: 17px;
+@baseFontSize: 19px;
+@h1SizeXXS: 22px;
+@h1SizeXS: 24px;
+@h1Size: 25px;
+@h1SizeMD: 27px;
+@h1SizeLG: 30px;
+@h1WeightXXS: 400;
+@h1WeightXS: 600;
+@h1WeightMD: 900;
+@h1WeightLG: 900;
+
+@h2SizeXXS: 19px;
+@h2SizeXS: 21px;
+@h2Size: 22px;
+@h2SizeMD: 23px;
+@h2SizeLG: 25px;
+
+@h3SizeXS: 24px;
+@h3Size: 26px;
+@h3SizeMD: 28px;
+@h3SizeLG: 28px;
+
+@h4SizeXXS: 18px;
+@h4SizeXS: 18px;
+@h4SizeMD: 19px;
+@h4SizeLG: 20px;
+
+@baseFontWeight: 300;
+
+/* Шрифт текста */
+@megaFontSize: 2rem;
+@hugeFontSize: 1.5rem;
+@lgFontSize: 1.2rem;
+@mdFontSize: 1.1rem;
+@normalFontSize: 1rem;
+@sFontSize: .9rem;
+@xsFontSize: .8rem;
+@xxsFontSize: .6rem;
+@xxxsFontSize: .4rem;

package/src/ui/AreYouSure.tsx

@@ -0,0 +1,55 @@
+import React from 'react';
+import { Dropdown } from 'antd';
+import { useTranslation } from 'next-i18next';
+
+interface AreYouSureProps {
+    children: React.ReactNode;
+    onYes: () => void;
+    yesLabel?: React.ReactNode;
+    onNo?: () => void;
+    danger?: boolean;
+}
+
+const AreYouSure: React.FC<AreYouSureProps> = ({
+    children,
+    yesLabel,
+    onYes,
+    onNo,
+    danger,
+}) => {
+    const { t } = useTranslation();
+
+    return (
+        <Dropdown
+            overlayClassName='no-text-selection'
+            menu={{
+                items: [
+                    {
+                        key: 'group',
+                        label: t('common:areYouSure.title'),
+                        type: 'group',
+                        children: [
+                            {
+                                key: 'yes',
+                                label: yesLabel || t('common:areYouSure.Yes'),
+                                danger,
+                                onClick: onYes,
+                            },
+                            {
+                                key: 'no',
+                                label: t('common:areYouSure.No'),
+                                onClick: onNo,
+                            },
+                        ],
+                    },
+                ],
+            }}
+            trigger={['click']}
+            placement='topLeft'
+        >
+            {children}
+        </Dropdown>
+    );
+};
+
+export default AreYouSure;