import React, { useState } from 'react'
import Button from '../UI/Button'
import ContactFormModal from '../Modals/ContactFormModal'

const Main = ({props}) => {
    const [modal, setModal] = useState(false);
    return (
        <section {...props} className='py-32 max-md:py-16 max-md:px-3'>
            <div className="container xl:max-w-6xl mx-auto">
                <div className="flex flex-col items-start text-slate-900 text-base">
                    <h2 className='text-3xl self-center max-md:text-2xl mb-12 max-md:mb-6 font-semibold text-slate-800 text-center uppercase'>Корпоративные мероприятия</h2>
                    <p className='mb-5'>Грамотное составление программы психологических тренингов является одним из основополагающих этапов в правильном командообразовании. Невозможно достичь успешных результатов тимбилдинга, если программа мероприятия не продумана или же составлена не профессионалами.</p>
                    <p className='mb-5'>Игра, тренинг и другие интерактивные мероприятия основываются на принципах психологии, без которой трудно представить качественное и результативное управление персоналом.</p>
                    <p className='font-medium mb-2'>Целевая аудитория тимбилдинга:</p>
                    <ul className='list-disc list-inside mb-5'>
                        <li>Топ-менеджеры, руководители</li>
                        <li>Проектные команды</li>
                        <li>Весь персонал организации или функционального подразделения</li>
                    </ul>
                    <p className='font-medium mb-2'>Результаты тимбилдинга:</p>
                    <ul className='list-disc list-inside mb-5'>
                        <li>Повышение мотивации сотрудников</li>
                        <li>Создание горизонтальных неформальных связей между представителями разных отделов компании</li>
                        <li>Повышение эффективности работы в группе</li>
                        <li>Создание у коллектива чувства единства</li>
                        <li>Повышение доверия и понимания у сотрудников друг к другу</li>
                        <li>Помощь в адаптации новым работкам</li>
                        <li>Интеллектуальное развлечение участников</li>
                        <li>Психологическая разгрузка</li>
                    </ul>
                    <Button className='mr-5' onClick={()=> setModal(true)}>Заказать</Button>
                </div>
            </div>
            <ContactFormModal modal={modal} setModal={setModal}/>            
        </section>
    )
}

export default Main