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";
import { MdEmail } from "react-icons/md";
import Connection_form from "./Connection_form";

const email = "digivagyok@gmail.com";
const mailto = "mailto:digivagyok@gmail.com";


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/playermarci"
              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 className="contact-item">
            <MdEmail className="contact-icon" />
            <a
              href={mailto}
              target="_blank"
              rel="noopener noreferrer"
            >
              Email: - {email}
            </a>
          </div>
        </div>
        <Connection_form>
      </Connection_form>
      </div>
      
    </>
  )
}

export default Connection;