tp/main_dc/yalarba/easySite/app/components/layout/userAgreement.vue

<!-- userAgreement.vue -->
<template>
  <div class="agreement-page">
    <div class="container">
      <div class="page-header">
        <h1 class="page-title">Пользовательское соглашение</h1>
        <div class="page-actions">
          <button class="btn btn-primary" @click="downloadDocument">
            <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16">
              <path d="M.5 9.9a.5.5 0 0 1 .5.5v2.5a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1v-2.5a.5.5 0 0 1 1 0v2.5a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2v-2.5a.5.5 0 0 1 .5-.5z"/>
              <path d="M7.646 11.854a.5.5 0 0 0 .708 0l3-3a.5.5 0 0 0-.708-.708L8.5 10.293V1.5a.5.5 0 0 0-1 0v8.793L5.354 8.146a.5.5 0 1 0-.708.708l3 3z"/>
            </svg>
            Скачать PDF
          </button>
        </div>
      </div>

      <div class="document-container">
        <div class="document-content">
          <h2>ПОЛЬЗОВАТЕЛЬСКОЕ СОГЛАШЕНИЕ</h2>
          
          <h3>Общие положения</h3>
          <p>Настоящее Пользовательское соглашение (далее – «Соглашение») регулирует отношения между Обществом с ограниченной ответственностью «Информационно консультационный центр ЯЛ АРБА» (далее – «Администрация», «Мы») и любым физическим лицом (далее – «Пользователь», «Вы») в связи с использованием сайтов, мобильных приложений и иных сервисов, входящих в экосистему «ЯЛ АРБА» (далее – «Сервисы»).</p>
          <p>Используя любой из Сервисов, Вы в полном объеме принимаете условия настоящего Соглашения. Если Вы не согласны с каким-либо условием, Вы не вправе использовать наши Сервисы.</p>

          <h3>1. Термины</h3>
          <ul>
            <li><strong>Экосистема «ЯЛ АРБА»</strong> – совокупность взаимосвязанных цифровых платформ (сайтов, приложений), предназначенных для взаимодействия предпринимателей и туристов.</li>
            <li><strong>Предприниматель</strong> – Пользователь, размещающий в Сервисах информацию о товарах, услугах и мероприятиях для туристов.</li>
            <li><strong>Турист</strong> – Пользователь, использующий Сервисы для поиска, планирования и бронирования туристических услуг.</li>
            <li><strong>Контент</strong> – любая информация, размещаемая Пользователями в Сервисах: тексты, фото, видео, описания услуг, отзывы и т.д.</li>
          </ul>

          <h3>2. Общие условия использования</h3>
          <p><strong>2.1.</strong> Администрация предоставляет Вам неисключительную, непередаваемую лицензию на использование функционала Сервисов для их целевого назначения.</p>
          <p><strong>2.2.</strong> Вы обязуетесь использовать Сервисы добросовестно и исключительно в законных целях.</p>
          <p><strong>2.3.</strong> Для доступа к полному функционалу Сервисов необходима регистрация. Вы несете ответственность за сохранность своих учетных данных.</p>

          <h3>3. Функционал для Предпринимателей</h3>
          <p><strong>3.1.</strong> Размещая Контент в Сервисах, Предприниматель гарантирует, что обладает всеми необходимыми правами на него, и что он является достоверным и не нарушает законодательство РФ и права третьих лиц.</p>
          <p><strong>3.2.</strong> Предприниматель самостоятельно несет ответственность перед Туристом за качество и предоставление размещенных услуг. Администрация не является стороной в договоре между Предпринимателем и Туристом и не несет ответственности за их взаимодействие.</p>
          <p><strong>3.3.</strong> Администрация оставляет за собой право модерировать и удалять Контент Предпринимателя в случае его несоответствия условиям Соглашения.</p>

          <h3>4. Функционал для Туристов</h3>
          <p><strong>4.1.</strong> Бронируя услуги через Сервисы, Турист вступает в прямые договорные отношения с Предпринимателем. Все претензии по качеству услуги направляются непосредственно Предпринимателю.</p>
          <p><strong>4.2.</strong> Размещая отзывы и рейтинги, Турист обязуется быть объективным и корректым. Запрещены оскорбления, клевета и спам.</p>

          <h3>5. Интеллектуальная собственность</h3>
          <p><strong>5.1.</strong> Все объекты в составе Сервисов (дизайн, текст, графика, логотипы, программный код) являются интеллектуальной собственностью Администрации или правообладателей.</p>
          <p><strong>5.2.</strong> Размещая Контент, Вы предоставляете Администрации право на его использование в целях функционирования Сервисов (воспроизведение, публичный показ, доведение до всеобщего сведения).</p>

          <h3>6. Ответственность и ограничения</h3>
          <p><strong>6.1.</strong> Сервисы предоставляются на условиях «как есть». Администрация не гарантирует бесперебойную и безошибочную работу Сервисов.</p>
          <p><strong>6.2.</strong> Администрация не несет ответственности за убытки, прямые или косвенные, возникшие в связи с использованием или невозможностью использования Сервисов, включая упущенную выгоду.</p>
          <p><strong>6.3.</strong> Пользователь несет ответственность за любой Контент, который он размещает, и за любые последствия такого размещения.</p>

          <h3>7. Конфиденциальность</h3>
          <p>Обработка персональных данных Пользователя осуществляется в соответствии с отдельной Политикой конфиденциальности, размещенной в Сервисах.</p>

          <h3>8. Разрешение споров</h3>
          <p><strong>8.1.</strong> Все споры подлежат разрешению в порядке, предусмотренном законодательством Российской Федерации.</p>
          <p><strong>8.2.</strong> Обязательный досудебный (претензионный) порядок урегулирования споров является обязательным. Срок ответа на претензию – 30 (тридцать) календарных дней.</p>

          <h3>9. Реквизиты Администрации</h3>
          <p>ОБЩЕСТВО С ОГРАНИЧЕННОЙ ОТВЕТСТВЕННОСТЬЮ "ИНФОРМАЦИОННО КОНСУЛЬТАЦИОННЫЙ ЦЕНТР ЯЛ АРБА"</p>
          <p>ИНН 0234009584</p>
          <p>ОГРН 1220200038112</p>
          <p>Расчётный счёт: 40702810106000055253</p>
          <p>Банк: ПАО Сбербанк</p>
          <p>БИК: 048073601</p>
          <p>Корр. счёт: 30101810300000000601</p>
          <p>Контактный e-mail: valitovgaziz@yandex.ru</p>

          <h3>10. Заключительные положения</h3>
          <p>Администрация вправе в одностороннем порядке изменять настоящее Соглашение. Изменения вступают в силу с момента их публикации в Сервисе, если иной срок не указан в соответствующей публикации.</p>
        </div>
      </div>
    </div>
  </div>
</template>

<script>
export default {
  name: 'UserAgreement',
  methods: {
    downloadDocument() {
      // В реальном приложении здесь будет логика скачивания документа
      alert('Функция скачивания PDF будет реализована в бэкенде');
    }
  }
}
</script>

<style scoped>
.agreement-page {
  padding: var(--space-xl) 0;
  background: var(--bg-secondary);
  min-height: 100vh;
}

.page-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: var(--space-xl);
  padding-bottom: var(--space-lg);
  border-bottom: 1px solid var(--border-light);
}

.page-title {
  font-family: var(--font-heading);
  font-size: var(--text-3xl);
  color: var(--text-primary);
  margin-bottom: 0;
}

.page-actions {
  display: flex;
  gap: var(--space-md);
}

.document-container {
  background: var(--bg-primary);
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-sm);
  border: 1px solid var(--border-light);
  overflow: hidden;
}

.document-content {
  padding: var(--space-2xl);
  max-height: 70vh;
  overflow-y: auto;
}

.document-content h2 {
  text-align: center;
  margin-bottom: var(--space-xl);
  color: var(--primary-600);
}

.document-content h3 {
  margin-top: var(--space-xl);
  margin-bottom: var(--space-md);
  color: var(--primary-500);
}

.document-content p {
  margin-bottom: var(--space-md);
  line-height: var(--leading-relaxed);
}

.document-content ul {
  margin-bottom: var(--space-md);
  padding-left: var(--space-lg);
}

.document-content li {
  margin-bottom: var(--space-xs);
  line-height: var(--leading-relaxed);
}

@media (max-width: 768px) {
  .page-header {
    flex-direction: column;
    gap: var(--space-md);
    align-items: flex-start;
  }
  
  .document-content {
    padding: var(--space-lg);
  }
}
</style>