text: import React from 'react'
  import Title from '../Title'
  import styles from '../../css/services.module.css'
  import services from '../../constants/services'
  
  const Services = () => {
      return (
          <section className={styles.services}>
              <Title title="our" subtitle="services"></Title>
              <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
  