import { MdArrowOutward, MdCopyright } from "react-icons/md";
import "./styles/Contact.css";

const Contact = () => {
  return (
    <div className="contact-section section-container" id="contact">
      <div className="contact-container">
        <h3>Contact</h3>
        <div className="contact-flex">
          <div className="contact-box">
            <h4>Email</h4>
            <p>
              <a href="mailto:phongpt.working@gmail.com" data-cursor="disable">
                phongpt.working@gmail.com
              </a>
            </p>
            <h4>Phone</h4>
            <p>
              <a href="tel:+84867524445" data-cursor="disable">
                +84 86 752 4445
              </a>
            </p>
          </div>
          <div className="contact-box">
            <h4>Social</h4>
            <a
              href="https://gitea.phongprojects.id.vn/phongpham"
              target="_blank"
              data-cursor="disable"
              className="contact-social"
            >
              Gitea <MdArrowOutward />
            </a>
            <a
              href="https://www.linkedin.com/in/phong-pham"
              target="_blank"
              data-cursor="disable"
              className="contact-social"
            >
              Linkedin <MdArrowOutward />
            </a>
            <a
              href="https://github.com/phongpham"
              target="_blank"
              data-cursor="disable"
              className="contact-social"
            >
              Github <MdArrowOutward />
            </a>
          </div>
          <div className="contact-box">
            <h2>
              Designed and Developed <br /> by <span>Phong Pham</span>
            </h2>
            <h5>
              <MdCopyright /> 2025
            </h5>
          </div>
        </div>
      </div>
    </div>
  );
};

export default Contact;
