"use client"
import Link from "next/link";
import { IoMdArrowBack } from "react-icons/io";
import { useRouter } from 'next/navigation'  // Usage: App router
import { FaLinkedin } from "react-icons/fa";
import { FaGithub } from "react-icons/fa";
import { MdOutlineMailOutline } from "react-icons/md";

export default function BlogPage() {

    const router = useRouter()

  return (
    <div>
        <div style={{paddingTop: "50px"}} className="relative flex justify-center items-center">
            <div className="absolute left-0 ml-6">
                <button onClick={() => {router.back()}}>
                    <IoMdArrowBack size={30}/>
                </button>
            </div>
            <span className="text-xl">Get in touch</span>
        </div>
        <div style={{paddingTop: "50px"}} className="">
            <div className="relative flex justify-center items-center">
                <Link href="https://www.linkedin.com/in/ashfn/" target="_blank" rel="noopener noreferrer" className="flex items-center space-x-1 ">
                    <FaLinkedin /> <span className="">LinkedIn</span>
                </Link>
            </div>
            <div className="relative flex justify-center items-center">
                <Link href="https://github.com/ashfn" target="_blank" rel="noopener noreferrer" className="flex items-center space-x-1 ">
                    <FaGithub /> <span className=""> GitHub</span>
                </Link>
            </div>
            <div className="relative flex justify-center items-center">
                <div className="flex items-center space-x-1 ">
                    <MdOutlineMailOutline /> <span className=""> af [at] asherfalcon.com</span>
                </div>
            </div>
        </div>

    </div>
  );
}