import Link from "next/link";
import { LuExternalLink } from "react-icons/lu";

export default function Home() {
  return (
    <div className="">
      <div className="flex flex-row items-center justify-center pt-[100px] md:w-[60%] xl:w-[40%] w-[85%] mx-auto">
        <div>
          <span className="text-ashgray text-2xl">
            Hi, I&apos;m Asher 👋
          </span>
          <p>
            I&apos;m a Year 12 student passionate about software engineering and problem-solving. Studying Economics, Computing, Maths, and Chemistry, I enjoy coding, tackling challenges, and building practical solutions.

            This site is where I share my projects and ideas.
          </p>
        </div>
      </div>
      <div className="mt-[20] flex flex-row items-center justify-center space-x-4">
        <Link href="/blog" className="flex items-center space-x-1 ">
          <LuExternalLink /> <span className="">Blog</span>
        </Link>
        <Link href="/contact" className="flex items-center space-x-1 ">
          <LuExternalLink /> <span className="">Contact</span>
        </Link>
      </div>
    </div>
  );
}