import React from "react";
/**
 * Represents the GetInTouchCard component.
 * @interface
 */
const GetInTouchCard = () => {
  /**
   * Renders the GetInTouchCard component.
   * @function
   * @returns {React.ReactElement} JSX for the GetInTouchCard component.
   */
  return (
    <div className="single_event_footer">
      <div className="event_contact_details">
        <h3>GET IN TOUCH WITH US</h3>
        <div className="event_contact_div">
          <ul>
            <li>
              <ion-icon name="mail" style={{ color: "#677483" }}></ion-icon>
            </li>
            <li>
              <ion-icon name="call" style={{ color: "#075E54" }}></ion-icon>
            </li>
            <li>
              <ion-icon
                name="logo-youtube"
                style={{ color: "#ff0000" }}
              ></ion-icon>
            </li>
            <li>
              <ion-icon
                name="logo-twitter"
                style={{ color: "#00acee" }}
              ></ion-icon>
            </li>
            <li>
              <ion-icon
                name="logo-skype"
                style={{ color: "#00aff0" }}
              ></ion-icon>
            </li>
          </ul>
        </div>
      </div>
    </div>
  );
};

export default GetInTouchCard;