diff --git a/src/app/ui/settings/api-settings.tsx b/src/app/ui/settings/api-settings.tsx
new file mode 100644
index 0000000..88e36fc
--- /dev/null
+++ b/src/app/ui/settings/api-settings.tsx
@@ -0,0 +1,38 @@
+import Link from 'next/link';
+
+export default function APISettings() {
+ return (
+
+
+
🔌 API настройки
+
+
+
+
+
+
+
+
+
+ ⚠️ Используйте этот ключ для доступа к API. Не передавайте его третьим лицам.
+
+
+
+ 📚 Документация API
+
+
+ Полная документация API доступна по ссылке:
+
+ api.no-copy.ru/docs
+
+
+
+
+
+
+ )
+}
\ No newline at end of file
diff --git a/src/app/ui/settings/danger-zone.tsx b/src/app/ui/settings/danger-zone.tsx
new file mode 100644
index 0000000..0ccb89d
--- /dev/null
+++ b/src/app/ui/settings/danger-zone.tsx
@@ -0,0 +1,25 @@
+export default function DangerZone() {
+ return (
+
+
⚠️ Опасная зона
+
+
+ 🗑️ Удаление аккаунта
+
+
+ ⚠️ Удаление аккаунта приведет к безвозвратной потере всех данных, включая загруженный контент, отчеты и настройки. Это действие нельзя отменить.
+
+
+
+
+
+ 🔄 Сброс всех настроек
+
+
+ 🔧 Восстановить все настройки аккаунта к значениям по умолчанию.
+
+
+
+
+ )
+}
\ No newline at end of file
diff --git a/src/app/ui/settings/last-activity-settings.tsx b/src/app/ui/settings/last-activity-settings.tsx
new file mode 100644
index 0000000..44247c1
--- /dev/null
+++ b/src/app/ui/settings/last-activity-settings.tsx
@@ -0,0 +1,14 @@
+export default function LastActivitySettings() {
+ return (
+
+
+
🕒 Последняя активность
+
+
+ 📝 Пока нет записей о активности
+
+
+
+
+ )
+}
\ No newline at end of file
diff --git a/src/app/ui/settings/notifications-monitoring-settings.tsx b/src/app/ui/settings/notifications-monitoring-settings.tsx
new file mode 100644
index 0000000..39a3a7a
--- /dev/null
+++ b/src/app/ui/settings/notifications-monitoring-settings.tsx
@@ -0,0 +1,97 @@
+'use client'
+
+import { useActionState, useState } from 'react';
+
+export default function NotificationsMonitoringSettings() {
+ const [errorMessage, formAction, isPending] = useActionState(
+ (state: void | undefined, formData: FormData) => {
+ console.log(formData);
+ },
+ undefined
+ );
+
+ const [selectedMonitoringValue, setSelectedMonitoringValue] = useState('weekly');
+ const [selectedWatermarkValue, setSelectedWatermarkValue] = useState('high');
+
+ return (
+
+
+
🔔 Уведомления и мониторинг
+
+
+
+ )
+}
\ No newline at end of file
diff --git a/src/app/ui/settings/personal-data-settings.tsx b/src/app/ui/settings/personal-data-settings.tsx
new file mode 100644
index 0000000..e150141
--- /dev/null
+++ b/src/app/ui/settings/personal-data-settings.tsx
@@ -0,0 +1,71 @@
+'use client'
+
+import { useActionState, useState } from 'react'
+
+export default function PersonalDataSettings() {
+ const [errorMessage, formAction, isPending] = useActionState(
+ (state: void | undefined, formData: FormData) => {
+ console.log(formData);
+ },
+ undefined
+ );
+
+ const [selectedValue, setSelectedValue] = useState('male');
+
+ return (
+
+
+
👤 Персональные данные
+
+
+
+ )
+}
\ No newline at end of file
diff --git a/src/app/ui/settings/safety-settings.tsx b/src/app/ui/settings/safety-settings.tsx
new file mode 100644
index 0000000..8695e07
--- /dev/null
+++ b/src/app/ui/settings/safety-settings.tsx
@@ -0,0 +1,36 @@
+'use client'
+
+import { useActionState, useState } from 'react';
+
+export default function SafetySetting() {
+ const [errorMessage, formAction, isPending] = useActionState(
+ (state: void | undefined, formData: FormData) => {
+ console.log(formData);
+ },
+ undefined
+ );
+
+ return (
+
+ )
+}
\ No newline at end of file
diff --git a/src/app/ui/settings/subscription-settings.tsx b/src/app/ui/settings/subscription-settings.tsx
new file mode 100644
index 0000000..2d0689a
--- /dev/null
+++ b/src/app/ui/settings/subscription-settings.tsx
@@ -0,0 +1,50 @@
+export default function SubscriptionSettings() {
+ return (
+
+
+
💎 Подписка
+
+
+
+
🎯 Подписка "ПРОФИ"
+
📅 Активна до 10.06.2028
+
+
+
2,000
+
файлов в месяц
+
+
+
+
+
+
🔌 API доступ
+
Включен
+
+
+
+
+
+
+
+
+
+
+
+
+
+ )
+}
\ No newline at end of file