import React, { useState } from 'react'

import Title from './UI/Title';
import RichTextPoints from './RichText_Points/RichTextPoints';
import BusinessCenter from '../icons/BusinessCenter';
import ShakeHands from '../icons/ShakeHands';
import Documents from '../icons/Documents';
import Saving from '../icons/Saving';
import TimeFill from '../icons/TimeFill';
import TeamFill from '../icons/TeamFill';

import Button from './UI/Button';

const Advantages = () => {
    const [advantages] = useState([
        {id: 0, title: '10\nЛет опыта', ico: <BusinessCenter/>},
        {id: 1, title: 'Индивидуальный подход', ico: <ShakeHands/>},
        {id: 2, title: 'Широкий спектр услуг', ico: <Documents/>},
        {id: 3, title: 'Экономия средств', ico: <Saving/>},
        {id: 4, title: 'Экономия времени', ico: <TimeFill/>},
        {id: 5, title: 'Лучшие специалисты', ico: <TeamFill/>}
    ]);
    return (
        <section className='py-[90px]'>
            <div className="container mx-auto">
                <Title className='mb-[70px]' titleClass="max-w-[588px]" subtitle='Мы являемся лидерами по качеству обслуживания и предлагаем лучшие цены на бухуслуги'>Особые преимущества для вашего финансового роста</Title>
                <RichTextPoints points={advantages}>
                    <p className='mb-6 text-slate-800 text-lg leading-7 max-w-[614px]'>Добро пожаловать в нашу бухгалтерскую компанию! Мы - команда опытных профессионалов с 10-летним опытом работы в области бухгалтерии. Наша цель - обеспечить высококачественное бухгалтерское обслуживание, которое поможет вам эффективно управлять финансами своего бизнеса.</p>
                    <p className='mb-6 text-slate-800 text-lg leading-7 max-w-[614px]'>Наша команда тщательно следит за изменениями в законодательстве и всегда применяет передовые методы и технологии, чтобы обеспечить точность и надежность ведения бухгалтерского учета. Мы понимаем, что каждый бизнес уникален, поэтому мы готовы разработать индивидуальные решения, отвечающие вашим потребностям и целям.</p>
                    <Button>О нас подробнее</Button>
                </RichTextPoints>
            </div>
        </section>
    )
}

export default Advantages;