Merge pull request #19 from Michael-Nwachukwu/9-personal-page

9 personal page

packages/nextjs/app/builders/0x5defa248834d4b6112a0Ad3854AA22913e01BD83/components/Socials.tsx

@@ -0,0 +1,40 @@
+import Link from "next/link";
+import { FaGithub, FaInstagram, FaLinkedin } from "react-icons/fa";
+import { FaXTwitter } from "react-icons/fa6";
+
+interface SocialLink {
+  href: string;
+  icon: JSX.Element;
+}
+
+const Socials: React.FC = () => {
+  const links: SocialLink[] = [
+    { href: "https://github.com/Michael-Nwachukwu", icon: <FaGithub /> },
+    {
+      href: "https://www.instagram.com/bldn.work/",
+      icon: <FaInstagram />,
+    },
+    { href: "https://twitter.com/0xchef__", icon: <FaXTwitter /> },
+    {
+      href: "https://www.linkedin.com/in/nwachukwu-michael-b6b8261a2/",
+      icon: <FaLinkedin />,
+    },
+  ];
+  return (
+    <>
+      {links.map((link, index) => (
+        <Link
+          key={index}
+          href={link.href}
+          target="_blank"
+          rel="noreferrer"
+          className="btn btn-primary btn-md rounded-full"
+        >
+          {link.icon}
+        </Link>
+      ))}
+    </>
+  );
+};
+
+export default Socials;

packages/nextjs/app/builders/0x5defa248834d4b6112a0Ad3854AA22913e01BD83/page.tsx

@@ -0,0 +1,32 @@
+import Image from "next/image";
+import Socials from "./components/Socials";
+import type { NextPage } from "next";
+
+const MichaelNwachukwuProfile: NextPage = () => {
+  return (
+    <main className="flex max-h-screen justify-center items-center h-full w-full pt-28">
+      <div className="flex flex-col items-center gap-2 max-w-xl">
+        <Image
+          src="/michaelNwachukwu-images/michael-nwachukwu.png"
+          alt="0x5defa248834d4b6112a0Ad3854AA22913e01BD83"
+          width={140}
+          height={140}
+          className="rounded-full"
+        />
+        <h1 className="text-4xl font-bold">Michael Nwachukwu</h1>
+        <p className="text-lg font-medium">Fullstack Engineer | Smart contract Developer | Technical Writer</p>
+        <p className="text-center">
+          With a background in Architecture, I’ve transitioned into developing web applications while also working as a
+          technical writer. Currently, I’m deepening my expertise in web3 through the Speed Run Ethereum BuidlGuidl
+          program, collaborating with talented developers to build innovative projects and continuously learning
+          throughout the process.
+        </p>
+        <div className="inline-flex items-center gap-4">
+          <Socials />
+        </div>
+      </div>
+    </main>
+  );
+};
+
+export default MichaelNwachukwuProfile;