import { Button } from "@/components/ui/button";
import { SiLinkedin } from "react-icons/si";

const Contact = () => {
  return (
    <section id="contact" className="contact py-20">
      <div className="container mx-auto">
        <h2 className="text-3xl font-bold mb-4">Contact Me</h2>
        <p className="text-lg mb-4">
          Get in touch with me at <a href="mailto:cdmacfadyen@proton.me" className="text-blue-500">cdmacfadyen@proton.me</a>, or drop me a message on LinkedIn.
        </p>
        <div className="flex items-center justify-center gap-3">
          <Button asChild>
            <a href="mailto:cdmacfadyen@proton.me">Email Me</a>
          </Button>
          <Button asChild>
            <a href="https://www.linkedin.com/in/craig-macfadyen-9a2041197/" target="_blank" rel="noopener noreferrer">
              <SiLinkedin className="w-6 h-6 mr-2" />
              LinkedIn
            </a>
          </Button>
        </div>
      </div>
    </section>
  );
};

export default Contact;