import { FaGitAlt , FaInstagram, FaYoutube, FaLinkedin, FaSteam, FaXTwitter, FaClapperboard   } from "react-icons/fa6";
import { FaPhoneAlt, FaEnvelope, FaTeamspeak, FaGlobe } from "react-icons/fa";
import { GiAutoRepair } from "react-icons/gi";

import styles from "./footer.module.css";

export default function Footer() {
  return (
    <footer id="contacts" className={styles.footer}>
      <div className={styles.logo}>
        <h1>vontor.cz</h1>
      </div>
      
      <address>
        <h2><b>Kontakty</b></h2>
        <p><FaPhoneAlt /><a href="tel:+420 605 512 624"><u>+420 605 512 624</u></a></p>
        <p><FaEnvelope  /> <a href="mailto:brunovontor@gmail.com"><u>brunovontor@gmail.com</u></a></p>
        <p><FaTeamspeak /> teamspeak.vontor.cz:4926</p>
        <p>IČO: <a href="https://www.rzp.cz/verejne-udaje/cs/udaje/vyber-subjektu;ico=21613109;"><u>21613109</u></a></p>
        
      </address>

      <div className={styles.services}>
        <h2><b>Služby</b></h2>

        <p><FaGlobe /><a href="/services/web"><u>Weby</u></a></p>
        <p><FaClapperboard  /> <a href="/services/film"><u>Filmařina</u></a></p>
        <p><GiAutoRepair /> <a href="/services/drone-service"><u>Servis dronu</u></a></p>
        <p></p>
      </div>
        <div className={styles.links}>
          <a href="https://git.vontor.cz/Brunobrno">
            <FaGitAlt />
          </a>
          <a href="https://www.instagram.com/brunovontor/">
            <FaInstagram />
          </a>
          <a href="https://twitter.com/BVontor">
            <FaXTwitter />
          </a>
          <a href="https://steamcommunity.com/id/Brunobrno/">
            <FaSteam />
          </a>
          <a href="www.youtube.com/@brunovontor">
            <FaYoutube />
          </a>
          <a href="https://www.linkedin.com/in/brunobrno/?skipRedirect=true">
            <FaLinkedin />
          </a>
        </div>
    </footer>
  );
}


