---
import { Image } from "astro:assets";
import Phone from "@images/main/footer/phone.png";
import Email from "@images/main/footer/email.png";
import Telegram from "@images/main/footer/telegram.png";
import Whatsapp from "@images/main/footer/whatsapp.png";
import "./contacts.style.css";
---

<div class="container contacts">
  <div>
    <a href="tel:+37125704038">
      <Image src={Phone} alt="phone" width={64} height={64} />
    </a>
    <a href="tel:+37125704038">+371 25704038</a>
  </div>
  <div>
    <a href="mailto:info@midcreative.eu">
      <Image src={Email} alt="email" width={64} height={64} />
    </a>
    <a href="mailto:info@midcreative.eu">info@midcreative.eu</a>
  </div>
  <div>
    <a href="https://telegram.me/shiseri" target="_blank" rel="noreferrer">
      <Image src={Telegram} alt="telegram" width={64} height={64} />
    </a>
    <a href="https://telegram.me/shiseri" target="_blank" rel="noreferrer">
      Telegram
    </a>
  </div>
  <div>
    <a href="https://wa.me/37125704038" target="_blank" rel="noreferrer">
      <Image src={Whatsapp} alt="whatsapp" width={64} height={64} />
    </a>
    <a href="https://wa.me/37125704038" target="_blank" rel="noreferrer">
      WhatsApp
    </a>
  </div>
</div>