import React from 'react';
import Button from './UI/Button';

const About = ({...props}) => {
    return (
        <section {...props} className='py-32 max-md:py-14 max-md:px-3 bg-[#0E0808]'>
            <div className="container mx-auto flex max-lg:flex-col justify-between items-center lg:items-start 2xl:items-center">
                <div className='text-white basis-1/2 md:mr-5 leading-6'>
                    <h2 className='font-bold text-2xl max-md:text-xl mb-7 max-md:mb-5'>Команда <span className='text-yellow-500'>«Talent Team»</span> гордится богатым, практическим опытом создания сплоченного, мотивированного коллектива, проведению оценки компетенций и развитию потенциала у сотрудников.</h2>
                    <p className='mb-5 max-md:mb-4 max-md:text-sm'>Благодаря слаженной работы и экспертизы команда зарекомендовала себя как на внутреннем рынке, так и на международном.</p>
                    <p className='mb-5 max-md:mb-4 max-md:text-sm'>Сценарии программ (бизнес- игр, квестов, тимбилдингов) созданы для того, чтобы развивать потенциал ваших сотрудников, научить эффективно взаимодействовать, улучшить коммуникацию как между сотрудниками, так и между отделами в вашей организации. <b className='font-semibold'>Создать эффективную команду стремящуюся к высоким результатам.</b></p>
                    <p className='mb-5 max-md:mb-4 max-md:text-sm'>В своей работе используем методы и инструменты, которые считаются лучшими на сегодняшний день.</p>
                    <p className='mb-5 max-md:mb-4 max-md:text-sm'>Поэтому, каждая созданная нашей командой программа индивидуальна, мы с огромным трепетом и интересом разрабатываем их под вас. Мы дорожим вашим доверием, и с огромной благодарностью ценим наше сотрудничество.</p>
                    <p className='mb-5 max-md:mb-4 max-md:text-sm'><b className='font-semibold'>Мы разрабатываем и проводим бизнес-игры и бизнес-симуляции любой сложности «под ключ».</b> Мы провели более 150 игр, с количеством игроков от 4 до 400.</p>
                    <p className='mb-5 max-md:mb-4 max-md:text-sm'>Мы убеждены, что каждое проводимое корпоративное мероприятие должны быть максимально полезны, придерживаясь главной цели – это развитие персонала. Ведь, развивая персонал, мы открываем для бизнеса новые возможности.</p>
                </div>
                <div className='basis-1/2 lg:ml-5 max-lg:flex max-lg:flex-col max-lg:items-center max-lg:w-full max-md:mt-0 max-lg:mt-5'>
                    <iframe className='w-full h-[500px] max-sm:h-[250px] max-md:h-[350px] mb-7 rounded-lg' src="https://www.youtube.com/embed/0zMLl9WbHVg" title="YouTube video player" allow="accelerometer; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowFullScreen></iframe>
                    <Button className='max-sm:w-full w-52'>Наши услуги</Button>
                </div>
            </div>
        </section>
    );
}

export default About;