Add Wilfred profile

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

@@ -0,0 +1,92 @@
+import React from "react";
+import Image from "next/image";
+import Link from "next/link";
+import { FaGithub } from "react-icons/fa";
+import { FaLinkedin } from "react-icons/fa";
+import { FaXTwitter } from "react-icons/fa6";
+
+const BuildersProfile = () => {
+  const address = "0x2aA2f7090f0ADD72B2d50386CdDE97CE27898287";
+  return (
+    <>
+      <div className="flex flex-col items-center gap-8 py-12 px-4 max-w-4xl mx-auto">
+        <div className="flex flex-col items-center gap-4">
+          <div className="relative w-32 h-32">
+            <Image
+              src="/myAvatar.jpg" // Replace with your actual image URL
+              alt="Your Name"
+              layout="fill"
+              className="rounded-full ring-4 ring-blue-500"
+            />
+          </div>
+          <h1 className="text-4xl font-bold">Wilfred Adzer</h1>
+          <p className="text-gray-600 break-all">{address}</p>
+        </div>
+
+        <div className="text-center">
+          <p className="text-xl mb-4">Blockchain Developer</p>
+          <div className="flex gap-4 justify-center">
+            <Link
+              href="https://github.com/wilfred007"
+              target="_blank"
+              rel="noopener noreferrer"
+              className="bg-blue-500 hover:bg-blue-600 text-white font-bold flex py-2 px-4 space-x-5 rounded"
+            >
+              <FaGithub className="mt-1" />
+              GitHub
+            </Link>
+            <Link
+              href="https://twitter.com/yourusername"
+              target="_blank"
+              rel="noopener noreferrer"
+              className="bg-blue-500 hover:bg-blue-600 text-white flex font-bold py-2 px-4 rounded"
+            >
+              <FaXTwitter className="mt-1" />
+              Twitter
+            </Link>
+            <Link
+              href="https://linkedin.com/in/yourusername"
+              target="_blank"
+              rel="noopener noreferrer"
+              className="bg-blue-500 hover:bg-blue-600 flex text-white font-bold py-2 px-4 rounded"
+            >
+              <FaLinkedin className="mt-1" />
+              LinkedIn
+            </Link>
+          </div>
+        </div>
+
+        <div className="w-full bg-white shadow-lg rounded-lg overflow-hidden">
+          <div className="px-6 py-4">
+            <h2 className="font-bold text-2xl mb-2">About Me</h2>
+            <p className="text-gray-600 mb-4">Blockchain Developer</p>
+            <div className="space-y-4 text-gray-700 mb-4">
+              <p>
+                I am a blockchain developer who specializes in developing decentralized applications (dApps) and
+                blockchain solutions. My journey in tech started with traditional web development, but I quickly became
+                fascinated by the potential of blockchain technology to reshape our digital landscape.
+              </p>
+              <p>
+                Currently, I&apos;m working on projects that combines NFTs markets and upcomiing artist, allowing users
+                to create and trade unique, music art on the blockchain. This project exemplifies my passion for merging
+                cutting-edge technologies to create novel user experiences.
+              </p>
+              <p>
+                My tech stack includes Solidity for smart contract development, React and Next.js for frontend. I&apos;m
+                also experienced with tools like Hardhat, Ethers.js, and OpenZeppelin for robust and secure smart
+                contract development.
+              </p>
+            </div>
+            <div>
+              <div>
+                <h1></h1>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </>
+  );
+};
+
+export default BuildersProfile;