import React from 'react'

const Courses = ({...props}) => {
    return (
        <section {...props} className='py-32'>
            <div className="container max-w-5xl mx-auto">
                <div className="flex flex-col text-slate-900 text-base">
                    <h2 className='text-3xl mb-12 font-semibold text-slate-800 text-center uppercase'>Создание электронных обучающих курсов</h2>
                    <p className='mb-10'>Быстрое массовое обучение с высоким уровнем качества без участия тренера – всё это возможно благодаря электронным курсам. Мы разрабатываем продукты, которые помогают повысить эффективность работы сотрудников и замотивировать их.</p>
                    <h2 className='text-2xl mb-8 font-semibold text-slate-800 text-center uppercase'>Разрабатываем курсы любой сложности</h2>
                    <p className='font-medium mb-2'>Простые послайдовые курсы</p>
                    <p className='mb-5'>Курсы с линейной подачей информации, простыми практиками и интерактивными элементами. Может присутствовать персонаж-гид.</p>
                    <p className='font-medium mb-2'>Сюжетные курсы</p>
                    <p className='mb-5'>Мы придумываем сюжет, создаём персонажей со своими характерами и мотивами. Пользователь изучает информацию в контексте истории.</p>
                    <p className='font-medium mb-2'>Курс с элементами геймификации</p>
                    <p>Помимо сюжета в такие курсы могут быть добавлены: прогресс-бар, игровая валюта, стадии развития персонажа, начисление баллов, артефакты и достижения.</p>
                </div>
            </div>            
        </section>
    )
}

export default Courses