import Braces from "./Braces"

const DirectorSection = () => {
    return (
        <div className='w-full max-w-7xl grid grid-cols-3 gap-4 px-2 py-4 xl:p-0'>
            <div className='col-span-1'>
                <img src='/director.png' />
            </div>
            <div className='col-span-2 flex flex-col gap-2 sm:gap-8 font-light'>
                <Braces text={'Наша миссия'} />
                <div className='w-4 sm:w-10 flex'>
                    <svg className='h-auto w-auto' width="40" height="31" viewBox="0 0 40 31" fill="none" xmlns="http://www.w3.org/2000/svg">
                        <path d="M3.55112 28.3277C1.24054 25.8481 0 23.067 0 18.5587C0 10.6257 5.51175 3.51546 13.527 0L15.5303 3.12335C8.0489 7.21225 6.58628 12.5183 6.00303 15.8638C7.20767 15.2337 8.7847 15.0138 10.3303 15.1589C14.3772 15.5374 17.5672 18.8942 17.5672 23.067C17.5672 25.1709 16.74 27.1887 15.2675 28.6765C13.7951 30.1642 11.798 31 9.71566 31C8.56407 30.99 7.42597 30.7485 6.36763 30.2897C5.30929 29.8309 4.35186 29.164 3.55112 28.3277ZM25.984 28.3277C23.6734 25.8481 22.4328 23.067 22.4328 18.5587C22.4328 10.6257 27.9446 3.51546 35.9598 0L37.9631 3.12335C30.4817 7.21225 29.0191 12.5183 28.4359 15.8638C29.6405 15.2337 31.2175 15.0138 32.7632 15.1589C36.8101 15.5374 40 18.8942 40 23.067C40 25.1709 39.1728 27.1887 37.7004 28.6765C36.2279 30.1642 34.2309 31 32.1485 31C30.9969 30.99 29.8588 30.7485 28.8005 30.2897C27.7421 29.8309 26.7847 29.164 25.984 28.3277Z" fill="black" />
                    </svg>
                </div>

                <span className='text-sm sm:text-3xl'>
                    Нашей стратегией является превращать сложные задачи сферы ЖКХ <span className='text-blue-500'>в эффективные цифровые решения</span>. Мы разрабатываем автоматизацию для жизненно важной отрасли.
                </span>

                <div className='flex flex-row justify-end mt-auto'>
                    <span className='flex flex-col gap-4 text-end mb-8'>
                        <span className='text-lg sm:text-xl'>— Саввинов Николай Афанасьевич</span>
                        <span className='text-sm text-base-content/70'>директор ООО «КОММИТ»</span>
                    </span>
                </div>

            </div>
        </div>
    )
}

export default DirectorSection