import React from "react";
import { Link } from "react-router-dom";
import Menu from "./Menu";
import "./CSS/Contact.css";
import { FaFacebook, FaLinkedin, FaGithub, FaTwitter } from "react-icons/fa";

function Connection(){
    return (
        <>
            <Menu/>
            <div className="contact-container">
      <h1 className="contact-title">Kapcsolat</h1>
      <p className="contact-subtitle">
        Itt megtalálod az elérhetőségeimet és kapcsolatba léphetsz velem.
      </p>
      <div className="contact-links">
        <div className="contact-item">
          <FaFacebook className="contact-icon" />
          <a
            href="https://www.facebook.com/digivagyok"
            target="_blank"
            rel="noopener noreferrer"
          >
            Facebook - digivagyok
          </a>
        </div>
        <div className="contact-item">
          <FaLinkedin className="contact-icon" />
          <a
            href="https://www.linkedin.com/in/digivagyok"
            target="_blank"
            rel="noopener noreferrer"
          >
            LinkedIn - digivagyok
          </a>
        </div>
        <div className="contact-item">
          <FaGithub className="contact-icon" />
          <a
            href="https://github.com/digivagyok"
            target="_blank"
            rel="noopener noreferrer"
          >
            GitHub - digivagyok
          </a>
        </div>
        <div className="contact-item">
          <FaTwitter className="contact-icon" />
          <a
            href="https://twitter.com/digivagyok"
            target="_blank"
            rel="noopener noreferrer"
          >
            Twitter - digivagyok
          </a>
        </div>
      </div>
    </div>
        </>
    )
}

export default Connection;