text: import React from 'react';
  
  import styles from './Services.module.css';
  import services from '../../../constants/Services';
  import Title from '../../Title/Title';
  
  const Services = () => {
    return (
      <section className={styles.services}>
        <Title title="Our" subtitle="Services" />
        <div className={styles.center}>
          {services.map((item, index) => {
            return (
              <article key={index} className={styles.service}>
                <span>{item.icon}</span>
                <h4>{item.title}</h4>
                <p>{item.text}</p>
              </article>
            );
          })}
        </div>
      </section>
    );
  };
  
  export default Services;
  