import {Container} from "@/shared/components/Container/Container";
import styles from './WhyDencoSection.module.css';
import {WhyDencoItem, WhyDencoItemProps} from "@/sections/WhyDencoSection/components/WhyDencoItem/WhyDencoItem";
import certificate from "@/shared/assets/images/DENCO 30.06.png";
import Image from "next/image";

const items: WhyDencoItemProps[] = [
    {
        position: 1,
        body: 'Продавайте более полумиллиона товаров без склада и офиса'
    },
    {
        position: 2,
        body: 'Низкий ФОТ'
    },
    {
        position: 3,
        body: 'Без больших стартовых затрат'
    },
    {
        position: 4,
        body: 'Работа из любой точки мира'
    },
    {
        position: 5,
        body: 'Автоматическое ценообразование. Средняя чистая прибыль товара от 25%'
    },
    {
        position: 6,
        body: 'Всё автоматизировано - от получения заказа до доставки.'
    },
]

export function WhyDencoSection() {
    return (
        <section className={styles.root}>
            <Container>
                <h3 className={styles.heading}>Почему Denco?</h3>
                <div className={styles.itemList}>
                    {items.map((item, i) => <WhyDencoItem key={i} position={item.position} body={item.body}/>)}
                </div>
                <div className={styles.certificates}>
                    <div className={styles.certificate}>
                        <Image src={certificate} placeholder={'blur'} alt={"Изображение сертификата Denco"} sizes='100vw'/>
                    </div>
                    <div className={styles.certificate}>
                        <Image src={certificate} placeholder={'blur'} alt={"Изображение сертификата Denco"} sizes='100vw'/>
                    </div>
                </div>
            </Container>
            <div className={styles.forgetEverything}>
                <Container>
                    <p className={styles.forgetEverythingText}>Забудьте об аренде склада, найме сотрудников, упаковке и
                        доставке до МП - всё мы сделаем за вас!</p>
                </Container>
            </div>
        </section>
    );
};