import React from 'react';
import Basement from './basement';
import Content from './content';
import ContentBlock from './content-block';
import Cover from './cover';
import NotificationBlock from './notification-block';
import NotificationBlockCss from './notification-block.module.css';
import StartPageCss from './start-page.module.css';
import TopBar from './top-bar';

export const StartPageData = {
  contact: 'https://t.me/pavelgnedov',
  bot: 'https://t.me/eltex_event_emitter_bot',
};

export const StartPage = () => {
  return (
    <div className={StartPageCss.startPage}>
      <TopBar contact={StartPageData.contact} />
      <Cover telegramBotUrl={StartPageData.bot} />
      <Content>
        <ContentBlock title="Возможности">
          <ul>
            <li>
              Уведомления в реальном времени о событиях из задач - изменения
              статусов, упоминания комментариев
            </li>
            <li>Генерация и управления отчётами о задачах</li>
            <li>Под капотом приложение фреймворк</li>
          </ul>
        </ContentBlock>
        <ContentBlock title="Функции telegram бота">
          <ul>
            <li>Последний отчёт для дейли проект ECCM</li>
            <li>
              Дополнительные функции для разработчиков eccm:/current_issues_eccm
              - список текущих задач по статусам - выбираютсятолько задачи из
              актуальных версий в статусах, где нужна какая-то реакцияили
              возможна работа прямо сейчас
            </li>
            <li>
              Скриншоты уведомления от бота: Примеры уведомлений о новых задачах
              и об изменениях статусов:
            </li>
          </ul>

          <NotificationBlock
            taskTitle="Feature #245005"
            avatarUrl="/images/event_emitter_eltex_loc-49px.png"
          >
            Реализовать поддержку нового протокола: <br />
            <br />
            Стив Джобс изменил статус задачи с Feedback на Closed
          </NotificationBlock>

          <NotificationBlock
            taskTitle="Feature #241201"
            avatarUrl="/images/event_emitter_eltex_loc-49px.png"
          >
            Добавить поддержку новых моделей: <br />
            <br />
            Билл Гейтс создал новую задачу и назначил её на вас
          </NotificationBlock>

          <p>
            Простые уведомления о движении задач - и больше ничего лишнего.
            Пример уведомления по личному упоминанию в задаче:
          </p>

          <NotificationBlock
            taskTitle="Question #230033"
            avatarUrl="/images/event_emitter_eltex_loc-49px.png"
          >
            Сергей Брин:
            <br />
            <br />
            @Ларри Пейдж@, у меня есть хорошая идея. Посмотри, пожалуйста, по
            описанию к этой задаче.
          </NotificationBlock>

          <NotificationBlock
            taskTitle="Bug #191122"
            avatarUrl="/images/event_emitter_eltex_loc-49px.png"
          >
            Исправление уязвимости
            <br />
            <br />
            Линус Торвальдс завершил разработку по задаче и передал вам на ревью
            <br />
            <br />
            Кажется получилось поправить проблемку. Глянь мой MR.
          </NotificationBlock>

          <p>
            Можно задавать коллегам вопросы прямо из комментария задачи,
            неотрываясь от её содержимого. Уведомление доставится в считанные
            минуты с ссылкой на задачу и информацией от кого это уведомление.
          </p>
          <p>
            Пример запроса моих текущих задач с помощью команды
            <span className={NotificationBlockCss.text_box_text_blue}>
              /current_issues_eccm
            </span>
          </p>

          <NotificationBlock avatarUrl="/images/event_emitter_eltex_loc-49px.png">
            Бьёрн Страуструп:
            <br />
            <br />
            Re-opened:
            <br />
            <br />
            <span className={NotificationBlockCss.text_box_text_blue}>
              {' '}
              - Feature #223301:{' '}
            </span>
            Дополнить stdlib новыми функциями (прио - P4, версия - C++23)
            <br />
            <br />
            In Progress:
            <br />
            <br />
            <span className={NotificationBlockCss.text_box_text_blue}>
              {' '}
              - Question #223411:
            </span>
            Выпуск релиза C++23 (прио - P4, версия - C++23)
          </NotificationBlock>
        </ContentBlock>
      </Content>
      <Basement
        contactUrl={StartPageData.contact}
        characterUrl="/images/Сharacter_02.png"
        iconUrl="/images/event_emitter_eltex_loc-32px.png"
      />
    </div>
  );
};

export default StartPage;
