Merge pull request #11 from Superior212/9-personal-page

added my builder profile

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

@@ -0,0 +1,60 @@
+import Image from "next/image";
+import { NextPage } from "next";
+import { FaGithub, FaLinkedin } from "react-icons/fa";
+import { FaXTwitter } from "react-icons/fa6";
+
+const SuperiorProfile: NextPage = () => {
+  const socialLinks = [
+    {
+      href: "https://github.com/Superior212",
+      label: "Github",
+      icon: <FaGithub size={24} />,
+    },
+    {
+      href: "https://x.com/Samsonaderonmu",
+      label: "Twitter",
+      icon: <FaXTwitter size={24} />,
+    },
+    {
+      href: "https://www.linkedin.com/in/samsonaderonmu",
+      label: "LinkedIn",
+      icon: <FaLinkedin size={24} />,
+    },
+  ];
+
+  return (
+    <div className="flex flex-col items-center justify-center min-h-screen bg-gradient-to-br from-base-200 to-base-300">
+      <div className="card w-96 bg-base-100 shadow-xl">
+        <figure className="px-10 pt-10">
+          <div className="avatar">
+            <div className="w-24 rounded-full ring ring-primary ring-offset-base-100 ring-offset-2">
+              <Image src="/superior.jpeg" width={96} height={96} alt="Builder Avatar" />
+            </div>
+          </div>
+        </figure>
+        <div className="card-body items-center text-center">
+          <h2 className="card-title">Samson Aderonmu</h2>
+          <p className="text-sm mt-2">
+            Passionate blockchain developer and Web3 enthusiast. Building the decentralized future, one smart contract
+            at a time.
+          </p>
+          <div className="card-actions justify-center mt-4">
+            {socialLinks.map(link => (
+              <a
+                key={link.label}
+                href={link.href}
+                target="_blank"
+                rel="noopener noreferrer"
+                className="btn btn-ghost btn-square"
+              >
+                {link.icon}
+              </a>
+            ))}
+          </div>
+        </div>
+      </div>
+    </div>
+  );
+};
+
+export default SuperiorProfile;

packages/nextjs/package.json

@@ -30,6 +30,7 @@
     "react-copy-to-clipboard": "^5.1.0",
     "react-dom": "^18.3.1",
     "react-hot-toast": "^2.4.0",
+    "react-icons": "^5.3.0",
     "use-debounce": "^8.0.4",
     "usehooks-ts": "^2.13.0",
     "viem": "2.21.7",

yarn.lock

@@ -2192,6 +2192,7 @@ __metadata:
     react-copy-to-clipboard: ^5.1.0
     react-dom: ^18.3.1
     react-hot-toast: ^2.4.0
+    react-icons: ^5.3.0
     tailwindcss: ^3.4.11
     type-fest: ^4.6.0
     typescript: 5.5.3
@@ -11314,6 +11315,15 @@ __metadata:
   languageName: node
   linkType: hard
 
+"react-icons@npm:^5.3.0":
+  version: 5.3.0
+  resolution: "react-icons@npm:5.3.0"
+  peerDependencies:
+    react: "*"
+  checksum: 3aa5f50e05aafc6d31e0d995fe0d98560069aa88717b24ce8aaa082a7e7b20ca95e1e19d847ed6e52d658a5a30e15826af20d7554bf993a743edd55586db62e3
+  languageName: node
+  linkType: hard
+
 "react-is@npm:^16.13.1":
   version: 16.13.1
   resolution: "react-is@npm:16.13.1"