import TextURL from '@/components/ui/TextURL';
import { urls } from '@/utils/constants';

function HelpMain() {
  // prettier-ignore
  return (
  <div className='max-w-[60rem]'>
    <h1>Портал</h1>
    <p className=''>Портал позволяет анализировать предметные области, формально записывать системы определений (концептуальные схемы) и синтезировать их с помощью математического аппарата родов структур.</p>
    <p className='mt-4 mb-1 text-center'><b>Основные разделы</b></p>
    <li><TextURL text='Библиотека' href='/library' /> - библиотека концептуальных схем. Доступны сортировка, поиск и фильтрация</li>
    <li><TextURL text='Профиль' href='/profile' /> - данные пользователя и смена пароля</li>
    
    <p className='mt-4 mb-1 text-center'><b>Навигация</b></p>
    <p>Навигационную панель можно скрыть/отобразить с помощью кнопки в правом верхнем углу.</p>
    <p>В меню пользователя (правый верхний угол) доступно редактирование данных пользователя и изменение цветовой темы.</p>

    <p className='mt-4 mb-1 text-center'><b>Поддержка</b></p>
    <p>Портал разрабатывается <TextURL text='Центром Концепт' href={urls.concept}/> и является проектом с открытым исходным кодом, доступным на <TextURL text='Github' href={urls.git_repo}/>.</p>
    <p>Ваши пожелания по доработке, найденные ошибки и иные предложения можно направлять по email: <TextURL href={urls.mail_portal} text='portal@acconcept.ru'/></p>
  </div>);
}

export default HelpMain;