text: import React from 'react';
  
  import Section from '../../../HOC/Section';
  
  const Service = () => {
    return (
      <Section id='services'>
        <div className='container pt-2 pb-5'>
          <div className='section-header pt-5 pb-5 text-center'>
            <h3 className='section-title'>
              <span>Our </span>Services
            </h3>
            <h6 className='section-subtitle mr-auto ml-auto'>
              Individualized quality care that meets the total needs of the
              patient Individualized quality care that quality care that
              Individualized quality care that meets the total.
            </h6>
          </div>
          <div className='section-content'>
            <div className='row'>
              <div className='col-md-6 col-lg-4 mb-3'>
                <div className='service-box d-flex'>
                  <div className='service-icon mr-4'>
                    <i className='fas fa-briefcase' />
                  </div>
                  <div className='service-body'>
                    <h5 className='service-title'>Ease of Use</h5>
                    <p className='service-description'>
                      It's easy to sign up, upload your content, and receive the benefits you deserve.
                    </p>
                  </div>
                </div>
              </div>
              <div className='col-md-6 col-lg-4 mb-3'>
                <div className='service-box d-flex'>
                  <div className='service-icon mr-4'>
                    <i className='fas fa-chart-bar' />
                  </div>
                  <div className='service-body'>
                    <h5 className='service-title'>Product Marketing</h5>
                    <p className='service-description'>
                      Our tag system allows for easy and rapid product searching
                    </p>
                  </div>
                </div>
              </div>
              <div className='col-md-6 col-lg-4 mb-3'>
                <div className='service-box d-flex'>
                  <div className='service-icon mr-4'>
                    <i className='fas fa-fist-raised' />
                  </div>
                  <div className='service-body'>
                    <h5 className='service-title'>Risk Management</h5>
                    <p className='service-description'>
                      Anim pariatur cliche reprehenderit, enim eiusmod high life
                      accusamus terry richardson ad squid
                    </p>
                  </div>
                </div>
              </div>
              <div className='col-md-6 col-lg-4 mb-3'>
                <div className='service-box d-flex'>
                  <div className='service-icon mr-4'>
                    <i className='far fa-paper-plane' />
                  </div>
                  <div className='service-body'>
                    <h5 className='service-title'>Market Research</h5>
                    <p className='service-description'>
                      We have great insight into the latest trends in photography, videos, and art.
                    </p>
                  </div>
                </div>
              </div>
              <div className='col-md-6 col-lg-4 mb-3'>
                <div className='service-box d-flex'>
                  <div className='service-icon mr-4'>
                    <i className='fas fa-gem' />
                  </div>
                  <div className='service-body'>
                    <h5 className='service-title'>Greater Artist Benefits</h5>
                    <p className='service-description'>
                      We believe artists deserve a greater return for their labor. Too many are being exploited by other greedy corporations.
                    </p>
                  </div>
                </div>
              </div>
              <div className='col-md-6 col-lg-4 mb-3'>
                <div className='service-box d-flex'>
                  <div className='service-icon mr-4'>
                    <i className='far fa-life-ring' />
                  </div>
                  <div className='service-body'>
                    <h5 className='service-title'>Suppport Team</h5>
                    <p className='service-description'>
                      Our support team can help handle problems you might face from uploading your content to receiving your payment.
                    </p>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </Section>
    );
  };
  
  export default Service;
  
  /*
  const Service = () => {
    return (
      <Section id='services'>
        <div className='container pt-2 pb-5'>
          <div className='section-header pt-5 pb-5 text-center'>
            <h3 className='section-title'>
              <span>Our </span>Services
            </h3>
            <h6 className='section-subtitle mr-auto ml-auto'>
              Individualized quality care that meets the total needs of the
              patient Individualized quality care that quality care that
              Individualized quality care that meets the total.
            </h6>
          </div>
          <div className='section-content'>
            <div className='row'>
              <div className='col-md-6 col-lg-4 mb-3'>
                <div className='service-box d-flex'>
                  <div className='service-icon mr-4'>
                    <i className='fas fa-briefcase' />
                  </div>
                  <div className='service-body'>
                    <h5 className='service-title'>Business Planning</h5>
                    <p className='service-description'>
                      Anim pariatur cliche reprehenderit, enim eiusmod high life
                      accusamus terry richardson ad squid
                    </p>
                  </div>
                </div>
              </div>
              <div className='col-md-6 col-lg-4 mb-3'>
                <div className='service-box d-flex'>
                  <div className='service-icon mr-4'>
                    <i className='fas fa-chart-bar' />
                  </div>
                  <div className='service-body'>
                    <h5 className='service-title'>Product Marketing</h5>
                    <p className='service-description'>
                      Our tag system allows for easy and rapid product searching
                    </p>
                  </div>
                </div>
              </div>
              <div className='col-md-6 col-lg-4 mb-3'>
                <div className='service-box d-flex'>
                  <div className='service-icon mr-4'>
                    <i className='fas fa-fist-raised' />
                  </div>
                  <div className='service-body'>
                    <h5 className='service-title'>Risk Management</h5>
                    <p className='service-description'>
                      Anim pariatur cliche reprehenderit, enim eiusmod high life
                      accusamus terry richardson ad squid
                    </p>
                  </div>
                </div>
              </div>
              <div className='col-md-6 col-lg-4 mb-3'>
                <div className='service-box d-flex'>
                  <div className='service-icon mr-4'>
                    <i className='far fa-paper-plane' />
                  </div>
                  <div className='service-body'>
                    <h5 className='service-title'>Market Research</h5>
                    <p className='service-description'>
                      Anim pariatur cliche reprehenderit, enim eiusmod high life
                      accusamus terry richardson ad squid
                    </p>
                  </div>
                </div>
              </div>
              <div className='col-md-6 col-lg-4 mb-3'>
                <div className='service-box d-flex'>
                  <div className='service-icon mr-4'>
                    <i className='fas fa-gem' />
                  </div>
                  <div className='service-body'>
                    <h5 className='service-title'>Business Financing</h5>
                    <p className='service-description'>
                      Anim pariatur cliche reprehenderit, enim eiusmod high life
                      accusamus terry richardson ad squid
                    </p>
                  </div>
                </div>
              </div>
              <div className='col-md-6 col-lg-4 mb-3'>
                <div className='service-box d-flex'>
                  <div className='service-icon mr-4'>
                    <i className='far fa-life-ring' />
                  </div>
                  <div className='service-body'>
                    <h5 className='service-title'>Suppport Team</h5>
                    <p className='service-description'>
                      Anim pariatur cliche reprehenderit, enim eiusmod high life
                      accusamus terry richardson ad squid
                    </p>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </Section>
    );
  };
  
  */