import React, { useState } from 'react'
import Example from './Example/Example'
import { StaticImage } from 'gatsby-plugin-image';
import Button from '../UI/Button';
import ContactFormModal from '../Modals/ContactFormModal';

const LegoSP = ({...props}) => {
    const [modal, setModal] = useState(false);
    return (
        <section {...props} className='py-32 max-md:py-16 max-md:px-3'>
            <h2 className='text-3xl max-md:text-2xl mb-12 max-md:mb-6 font-semibold text-slate-800 text-center uppercase'>Сессии LEGO SP</h2>
            <div className="container max-lg:flex-col xl:max-w-7xl mx-auto flex">
                <StaticImage loading='lazy' src="../../images/legosp/2.jpg" alt="logo" placeholder="none" className="w-full max-lg:mb-10 h-[520px] max-lg:max-h-[400px] basis-1/2 rounded-lg mr-5 max-lg:mr-0"/>
                <div className="basis-1/2 items-start ml-5 max-lg:ml-0 flex flex-col text-slate-900 text-base">
                    <p className='mb-5'><b>Основная цель метода LSP</b> – стимулировать творческое мышление участников, заставить их отключить стереотипность мышления.</p>
                    <p className='mb-5'>В ходе сессии LSP участники «думают руками» – при помощи кирпичиков LEGO отвечают на различные вопросы, связанные с их идеями, проектами, бизнес-моделями, командой или стратегией развития. Тактильные действия включают фантазию на полную мощность при помощи тех участков нашего головного мозга, которые не задействованы только в ходе вербальной речи.</p>
                    <p className="mb-5 font-bold">Результаты сессий LEGO SP:</p>
                    <ul className='list-disc mb-5 list-inside leading-normal'>
                        <li className='mb-1'>Единое понимание целей и задач компании</li>
                        <li className='mb-1'>Общее видение стратегии развития бизнеса</li>
                        <li className='mb-1'>Отлаженные коммуникации между отделами</li>
                        <li className='mb-1'>Осознание сотрудниками своей роли в организации</li>
                        <li className='mb-1'>Повышение клиентоориентированности</li>
                        <li>Рост объемов продаж</li>
                    </ul>
                    <Button className='mr-5' onClick={()=> setModal(true)}>Заказать</Button>
                </div>
            </div>     
            <Example/> 
            <ContactFormModal modal={modal} setModal={setModal}/>      
        </section>
    )
}

export default LegoSP