webapp/src/components/Pages/about/HelpPage.tsx

import { MainLayout } from '../../Layouts/MainLayout'
import { Donate } from '../../Discours/Donate'

// const title = t('Support us')

export const HelpPage = () => {
  return (
    <MainLayout>
      {/*<Meta name="description">Здесь можно поддержать Дискурс материально.</Meta>*/}
      {/*<Meta name="keywords">Discours.io, помощь, благотворительность</Meta>*/}

      {/*<Modal name="thank">Благодарим!</Modal>*/}

      <article class="container discours-help">
        <div class="row">
          <div class="col-md-2">
            <nav class="content-index">
              <ul class="nodash">
                <li>
                  <a href="#help-us">Как вы&nbsp;можете поддержать Дискурс?</a>
                </li>
                <li>
                  <a href="#financial-report">На&nbsp;что пойдут деньги?</a>
                </li>
                <li>
                  <a href="#trustee">Войдите в&nbsp;попечительский совет Дискурса</a>
                </li>
                <li>
                  <a href="#other">Как ещё можно поддержать Дискурс?</a>
                </li>
              </ul>
            </nav>
          </div>

          <div class="col-md-8">
            <h1 id="help-us">
              <span class="wrapped">Как вы&nbsp;можете поддержать Дискурс?</span>
            </h1>

            <div class="col-lg-10 offset-md-1">
              <p>
                Дискурс&nbsp;&mdash; уникальное независимое издание с&nbsp;горизонтальной редакцией,
                существующее в&nbsp;интересах своих читателей. Ваша поддержка действительно много
                значит&nbsp;&mdash; не&nbsp;только для редакции Дискурса, но&nbsp;и&nbsp;для сохранения
                свободной мысли и&nbsp;некоммерческого искусства в&nbsp;нашем обществе.
              </p>
              <p>
                Дискурс существует на&nbsp;добровольных началах. Никакой медиахолдинг, фонд или
                государственная структура не&nbsp;финансирует нас&nbsp;&mdash; благодаря этому мы&nbsp;можем
                писать о&nbsp;том, что важно, а&nbsp;не&nbsp;о&nbsp;том, что выгодно. Сообщество наших
                волонтеров ежедневно трудится, чтобы рассказывать вам интересные, не&nbsp;освещенные другими
                изданиями истории&nbsp;&mdash; но&nbsp;мы&nbsp;не&nbsp;сможем делать это без вашей помощи.
                Пожертвования читателей составляют основу нашего бюджета и&nbsp;позволяют нам существовать.
              </p>
              <p>
                Если вам нравится&nbsp;то, что мы&nbsp;делаем и&nbsp;вы&nbsp;хотите, чтобы Дискурс
                продолжался, пожалуйста, поддержите проект.
              </p>
              <div class="row">
                <div class="col-sm-11 col-md-12">
                  <Donate />
                </div>
              </div>
              <h3 id="financial-report">На&nbsp;что пойдут деньги?</h3>
              <p>
                Ваши пожертвования пойдут на&nbsp;оплату серверов, содержание офиса, зарплату редакции
                и&nbsp;налоги, оплату юридического сопровождения и&nbsp;труда бухгалтера, совершенствование
                сайта, аренду помещения для открытой редакции, на&nbsp;печать альманаха Дискурс
                с&nbsp;лучшими текстами авторов за&nbsp;полгода, а&nbsp;также на&nbsp;другие редакционные
                и&nbsp;технические расходы.
              </p>
              <h3>Ваша помощь позволит нам</h3>
              <ul>
                <li>
                  <h4>Оставаться бесплатным изданием.</h4>
                  <p>
                    Мы&nbsp;делаем открытый журнал для всех желающих, а&nbsp;также собираем искусство лучших
                    авторов по&nbsp;всему миру. Ваша поддержка позволяет нам становиться лучше.
                  </p>
                </li>
                <li>
                  <h4>Создавать еще больше контента.</h4>
                  <p>
                    Каждый день к&nbsp;нам присоединяются новые люди, и&nbsp;чем больше нас становится, тем
                    больше мы&nbsp;творим и&nbsp;строже оцениваем результаты творчества друг друга.
                    В&nbsp;результате повышается и&nbsp;количество, и&nbsp;качество контента. Каждый день мы
                    трудимся, чтобы открывать нашим читателям новые грани окружающего мира.
                  </p>
                </li>
                <li>
                  <h4>Развивать форматы и&nbsp;расширять деятельность Дискурса.</h4>
                  <p>
                    Мы&nbsp;создаем различные спецпроекты и&nbsp;регулярно проводим необычные мероприятия.
                    Мы&nbsp;хотим приносить пользу человечеству всеми возможными способами.
                  </p>
                </li>
                <li>
                  <h4>Модернизировать сайт.</h4>
                  <p>
                    Мы&nbsp;совершенствуем платформу и&nbsp;стараемся сделать проект максимально удобным для
                    вас. Мы&nbsp;работаем над мобильной версией, новым дизайном, фукционалом, системой
                    регистрации, навигации и&nbsp;рекомендаций, которые сделают наше общение еще
                    увлекательней.
                  </p>
                </li>
                <li>
                  <h4>Выпускать альманах.</h4>
                  <p>
                    Выпускать раз в&nbsp;полугодие печатный альманах Дискурс с&nbsp;33&nbsp;лучшими текстами
                    сайта.
                  </p>
                </li>
                <li>
                  <h4>Захватить весь мир</h4>
                  <p>и&nbsp;принести &laquo;Дискурс&raquo; в&nbsp;каждый дом.</p>
                </li>
              </ul>
              <h3 id="trustee">Войдите в&nbsp;попечительский совет Дискурса</h3>
              <p>
                Вы&nbsp;хотите сделать крупное пожертвование? Станьте попечителем Дискурса &mdash;
                <a class="black-link" href="mailto:welcome@discours.io" target="_blank">
                  напишите нам
                </a>
                , мы&nbsp;будем рады единомышленникам.
              </p>
              <h3 id="other">Как ещё можно поддержать Дискурс?</h3>
              <p>
                Есть много других способов поддержать Дискурс и&nbsp;труд наших авторов. Например,
                вы&nbsp;можете периодически рассказывать о&nbsp;проекте своим друзьям в&nbsp;соцсетях,
                делиться хорошими материалами или&nbsp;&mdash; что еще лучше&nbsp;&mdash; публиковать свои
                статьи в&nbsp;&laquo;Дискурсе&raquo;. Но&nbsp;главное, что вы&nbsp;можете сделать для
                Дискурса, &mdash; читать нас. Мы&nbsp;вкладываем в&nbsp;журнал душу, и&nbsp;внимание каждого
                читателя убеждает нас в&nbsp;правильности выбранного пути. Не&nbsp;переключайтесь.
              </p>
              <p>
                Если вы&nbsp;хотите помочь проекту, но&nbsp;у&nbsp;вас возникли вопросы, напишите нам письмо
                по&nbsp;адресу{' '}
                <a class="black-link" href="mailto:welcome@discours.io" target="_blank">
                  welcome@discours.io
                </a>
                .
              </p>
            </div>
          </div>
        </div>
      </article>
    </MainLayout>
  )
}

// for lazy loading
export default HelpPage