feat: add user agreement

src/app/page.tsx

@@ -1,9 +1,9 @@
-import { HomePage } from '@views/home';
+import { Home } from '@views/home';
 
-export default function Home() {
+export default function HomePage() {
   return (
     <main>
-      <HomePage />
+      <Home />
     </main>
   );
 }

src/app/privacy-policy/page.tsx

@@ -1,9 +1,9 @@
-import { PolicyPage } from '@views/policy';
+import { PrivacyPolicy } from '@views/privacy-policy';
 
-export default function PrivacyPolicy() {
+export default function PrivacyPolicyPage() {
   return (
     <main>
-      <PolicyPage />
+      <PrivacyPolicy />
     </main>
   );
 }

src/app/user-agreement/page.tsx

@@ -0,0 +1,9 @@
+import { UserAgreement } from '@views/user-agreement';
+
+export default function UserAgreementPage() {
+  return (
+    <main>
+      <UserAgreement />
+    </main>
+  );
+}

src/core/constants/privacy-policy.ts

@@ -0,0 +1,5 @@
+const COMPANY = '«ООО ДИТРАСО»';
+const WEB = 'https://www.fire-expert.ru/';
+const EMAIL = 'spo-71@yandex.ru';
+
+export { COMPANY, WEB, EMAIL };

src/views/home/index.ts

@@ -1 +1 @@
-export { default as HomePage } from './ui/home';
+export { default as Home } from './ui/home';

src/views/policy/index.ts

@@ -1 +0,0 @@
-export { default as PolicyPage } from './ui/policy';

src/views/privacy-policy/index.ts

@@ -0,0 +1 @@
+export { default as PrivacyPolicy } from './ui';

src/views/privacy-policy/styles.module.scss

@@ -55,6 +55,7 @@
     font-size: rem(14px);
     line-height: 130%;
     color: $color-text;
+    margin: 8px 0;
 
     @include iftablet{
       font-size: rem(16px);
@@ -97,8 +98,4 @@
     top: rem(-20px);
     right: rem(-150px);
   }
-
-  //& button {
-  //  border-radius: 10px;
-  //}
 }

src/views/privacy-policy/ui.tsx

@@ -1,12 +1,9 @@
-import s from './policy.module.scss';
+import s from './styles.module.scss';
 import Link from 'next/link';
 import { Button } from '@shared/ui';
+import { COMPANY, EMAIL, WEB } from '@core/constants/privacy-policy';
 
-const COMPANY = '«ООО ДИТРАСО»';
-const WEB = 'https://www.fire-expert.ru/';
-const EMAIL = 'spo-71@yandex.ru';
-
-export default function PolicyPage() {
+export default function PrivacyPolicy() {
   return (
     <section className={s.Policy}>
       <Link href={'/'}>

src/views/user-agreement/index.ts

@@ -0,0 +1 @@
+export { default as UserAgreement } from './ui';

src/views/user-agreement/styles.module.scss

@@ -0,0 +1,75 @@
+.Agreement {
+  position: relative;
+  margin: rem(60px) auto rem(20px);
+  width: rem(360px);
+  background: #EEE;
+  padding: rem(20px);
+  border-radius: rem(28px);
+
+  @include iftablet{
+    width: rem(600px);
+    margin: rem(40px) auto rem(20px);
+    padding: rem(20px);
+  }
+
+  @include iflaptop{
+    width: rem(800px);
+    margin: rem(60px) auto rem(20px);
+    padding: rem(60px);
+  }
+
+  @include ifdesktop{
+    width: rem(1200px);
+    margin: rem(60px) auto rem(20px);
+    padding: rem(60px);
+  }
+
+  h2 {
+    font-family: $font-open-sans;
+    font-weight: $font-regular;
+    font-size: rem(20px);
+    line-height: 130%;
+    color: $color-text;
+
+    @include iftablet{
+      font-size: rem(24px);
+    }
+  }
+
+  p {
+    font-family: $font-open-sans;
+    font-weight: $font-regular;
+    font-size: rem(14px);
+    line-height: 130%;
+    color: $color-text;
+    margin: 8px 0;
+
+    @include iftablet{
+      font-size: rem(16px);
+    }
+  }
+}
+
+.FloatBtn {
+  position: fixed;
+  top: rem(10px);
+  right: 50%;
+  transform: translateX(50%);
+
+  @include iftablet{
+    position: absolute;
+    top: rem(-20px);
+    right: rem(-100px);
+    transform: none;
+  }
+
+  @include iflaptop{
+    top: rem(-20px);
+    right: rem(-100px);
+  }
+
+  @include ifdesktop{
+    top: rem(-20px);
+    right: rem(-150px);
+  }
+}

src/views/user-agreement/ui.tsx

@@ -0,0 +1,69 @@
+import s from './styles.module.scss';
+import Link from 'next/link';
+import { Button } from '@shared/ui';
+import { COMPANY, EMAIL, WEB } from '@core/constants/privacy-policy';
+
+export default function UserAgreement() {
+  return (
+    <section className={s.Agreement}>
+      <Link href={'/'}>
+        <Button className={s.FloatBtn} variant={'orange'}>
+          Вернутся на главную
+        </Button>
+      </Link>
+
+      <h2>Согласие на обработку персональных данных {COMPANY}</h2>
+      <p>
+        Настоящим Я, в соответствии со ст. 9 ФЗ от 27.07.2006 N 152-ФЗ «О
+        персональных данных», предоставляю {COMPANY} (ИНН 2320219187, ОГРН
+        1142366003010, 354000, Краснодарский край, г.Сочи, ул.Труда, д.15, офис
+        64, e-mail: {EMAIL}) согласие на обработку моих персональных данных:
+        фамилии, имени, отчества, номера телефона, адреса электронной почты,
+        года, месяца, даты рождения, почтового адреса.
+      </p>
+      <p>
+        Цель обработки персональных данных: обратный звонок субъекту
+        персональных данных и связь с ним, предоставление информации, оказание
+        услуг, отправка информационных, рекламно-информационных сообщений.
+      </p>
+      <p>
+        Категории субъектов персональных данных: Пользователи сайта, которые
+        оставляют заявку на обратный звонок, оказание услуг.
+      </p>
+      <p>
+        Способы обработки персональных данных: сбор, запись, систематизация,
+        накопление, хранение, уточнение (обновление, изменение), извлечение,
+        использование, передача (распространение, предоставление, доступ),
+        обезличивание, блокирование, удаление, уничтожение персональных данных,
+        в том числе в информационных системах персональных данных с
+        использованием средств автоматизации или без использования таких
+        средств.
+      </p>
+      <p>
+        Порядок уничтожения персональных данных при достижении цели их обработки
+        или при наступлении иных законных оснований: лицо, ответственное за
+        обработку персональных данных, производит удаление данных методом
+        перезаписи (замена всех единиц хранения информации на «0») с
+        составлением акта об уничтожении персональных данных.
+      </p>
+      <p>
+        Передача персональных данных может быть осуществлена при необходимости в
+        случаях, предусмотренных российским законодательством.
+      </p>
+      <p>
+        Настоящее согласие действует со дня его предоставления до дня отзыва
+        путём его направления на адрес электронной почты: {EMAIL} или путем
+        письменного обращения по юридическому адресу: 354000, Краснодарский
+        край, г.Сочи, ул.Труда, д.15, офис 64
+      </p>
+      <p>
+        Я согласен/согласна квалифицировать в качестве своей простой электронной
+        подписи под настоящим Согласием и под Политикой обработки персональных
+        данных выполнение мною следующего действия на сайте: {WEB}: простановка
+        мною символа в чек-боксе (в поле для ввода) рядом с текстом: «Я
+        ознакомлен(-а) с Политикой обработки персональных данных и даю свое
+        согласие на обработку персональных данных».
+      </p>
+    </section>
+  );
+}