import React from 'react'

const IntegrationCard = () => {
  return (
    <div className="integration-card">
      <div className="container">
        <div className="content">
          <p> Iteck Syncs With The Apps You’re Already Using </p>
          <h3> Over 30+ App Integrations </h3>
          <a href="#0" className="btn btn-icon-circle rounded-pill fw-bold border-white text-white hover-orange2 text-capitalize">
            <small> View All Integrations <i className="fas fa-long-arrow-alt-right bg-white"></i> </small>
          </a>
          <div className="icons">
            <span className="icon slide_up_down"> <img src="/assets/img/integ/1.png" alt="" /> </span>
            <span className="icon slide_up_down"> <img src="/assets/img/integ/2.png" alt="" /> </span>
            <span className="icon slide_up_down"> <img src="/assets/img/integ/3.png" alt="" /> </span>
            <span className="icon slide_up_down"> <img src="/assets/img/integ/4.png" alt="" /> </span>
            <span className="icon slide_up_down"> <img src="/assets/img/integ/5.png" alt="" /> </span>
            <span className="icon slide_up_down"> <img src="/assets/img/integ/6.png" alt="" /> </span>
            <span className="icon slide_up_down"> <img src="/assets/img/integ/7.png" alt="" /> </span>
            <span className="icon slide_up_down"> <img src="/assets/img/integ/8.png" alt="" /> </span>
            <span className="icon slide_up_down"> <img src="/assets/img/integ/9.png" alt="" /> </span>
            <span className="icon slide_up_down"> <img src="/assets/img/integ/10.png" alt="" /> </span>
          </div>
        </div>
      </div>
    </div>
  )
}

export default IntegrationCard