import React from 'react';
import manufacture from '../assets/images/manufacture.jpg';
import boxes from '../assets/images/Assorti.jpg';
import delivery from '../assets/images/delivery.jpg';
import stock from '../assets/images/korobs.jpg';
import truck from '../assets/images/truck_home_page.jpg';
import warehouse from '../assets/images/rukopojatie.jpg';

const AboutItem = ({ title, description }) => {
  return (
    <div className="bg-white rounded-xl p-6 shadow-lg mb-6">
      <h2 className="text-2xl font-bold text-black uppercase mb-4">
        {title}
      </h2>
      <p className="text-black text-lg">
        {description}
      </p>
    </div>
  );
};

const Aboutall = () => {
  const items = [
    {
      title: 'Производство',
      description: 'Компания АНТХИЛЛ является первым официальным сертифицированным дилером завода-производителя фильтрующих элементов под брендом WANLANDA на территории Сибирского Федерального округа.'
    },
    {
      title: 'Широкий ассортимент',
      description: 'Фильтры подходят для широкой техники - от легковых автомобилей до карьерной спецтехники. По качеству сравнимы с оригиналами мировых производителей, таких как: Shantui, Shacman, Shaanxi, Howo, КАМАЗ.'
    },
    {
      title: 'Оперативная доставка',
      description: 'АНТХИЛЛ обеспечивает оперативную доставку запасных частей по всему Сибирскому региону и России. Наличие отлаженных логистических цепочек позволяет гарантировать минимальные сроки поставки.'
    },
    {
      title: 'Складские запасы',
      description: 'Наличие собственного склада и постоянное поддержание необходимого количества товаров позволяет нам обеспечивать бесперебойные поставки нашим клиентам.'
    },
    {
      title: 'Логистика',
      description: 'Отлаженные логистические цепочки и партнерство с надежными транспортными компаниями гарантируют своевременную доставку в любую точку России.'
    },
    {
      title: 'Индивидуальный подход',
      description: 'Индивидуальный подход к каждому клиенту помогает формировать оптимальные складские запасы с учетом сезонности и специфики эксплуатации техники.'
    }
  ];

  return (
    <div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-12">
      <div className="space-y-6">
        {items.map((item, index) => (
          <AboutItem key={index} {...item} />
        ))}
      </div>
    </div>
  );
};

export default Aboutall;