import React from "react";
import "./contacts.style.scss";
import Phone from "../../assets/images/main/footer/phone.png";
import Email from "../../assets/images/main/footer/email.png";
import Telegram from "../../assets/images/main/footer/telegram.png";
import Whatsapp from "../../assets/images/main/footer/whatsapp.png";

const Contacts = () => {
  return (
    <div className="container contacts">
      <div>
        <a href="tel:+371 2662 0770">
          <img src={Phone} alt="phone" />
        </a>
        <a href="tel:+371 2662 0770">+371 2662 0770</a>
      </div>
      <div>
        <a href="mailto:info@midcreative.eu">
          <img src={Email} alt="email" />
        </a>
        <a href="mailto:info@midcreative.eu">info@midcreative.eu</a>
      </div>
      <div>
        <a href="https://telegram.me/vlsqzwsme" target="_blank" rel="noreferrer">
          <img src={Telegram} alt="telegram" />
        </a>
        <a href="https://telegram.me/vlsqzwsme" target="_blank" rel="noreferrer">
          Telegram
        </a>
      </div>
      <div>
        <a href="https://wa.me/37125704038" target="_blank" rel="noreferrer">
          <img src={Whatsapp} alt="whatsapp" />
        </a>
        <a href="https://wa.me/37125704038" target="_blank" rel="noreferrer">
          WhatsApp
        </a>
      </div>
    </div>
  );
};

export default Contacts;
