Merge branch 'BuidlGuidl:main' into 5-Connected-Wallet-Info

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;

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

@@ -0,0 +1,70 @@
+import Image from "next/image";
+import ProfilePic from "./cherrypfp.png";
+import type { NextPage } from "next";
+import { Address } from "~~/components/scaffold-eth";
+
+const CherryBuilderPage: NextPage = () => {
+  const socialLinks = ["https://github.com/aspiringLilCoder", "https://t.me/aspirecoder", "https://x.com/aspirecoder"];
+  const socialIcons = [
+    <path
+      key="github"
+      d="M9 19c-5 1.5-5-2.5-7-3m14 6v-3.87a3.37 3.37 0 0 0-.94-2.61c3.14-.35 6.44-1.54 6.44-7A5.44 5.44 0 0 0 20 4.77 5.07 5.07 0 0 0 19.91 1S18.73.65 16 2.48a13.38 13.38 0 0 0-7 0C6.27.65 5.09 1 5.09 1A5.07 5.07 0 0 0 5 4.77a5.44 5.44 0 0 0-1.5 3.78c0 5.42 3.3 6.61 6.44 7A3.37 3.37 0 0 0 9 18.13V22"
+    ></path>,
+    <>
+      <line x1="22" y1="2" x2="11" y2="13"></line>
+      <polygon points="22 2 15 22 11 13 2 9 22 2"></polygon>
+    </>,
+    <path
+      key="x"
+      d="M23 3a10.9 10.9 0 0 1-3.14 1.53 4.48 4.48 0 0 0-7.86 3v1A10.66 10.66 0 0 1 3 4s-4 9 5 13a11.64 11.64 0 0 1-7 2c9 5 20 0 20-11.5a4.5 4.5 0 0 0-.08-.83A7.72 7.72 0 0 0 23 3z"
+    ></path>,
+  ];
+
+  return (
+    <div className="min-h-screen bg-[#F9F9F9] text-[#333333] flex flex-col items-center justify-center">
+      {/* Profile Picture */}
+      <Image
+        src={ProfilePic}
+        alt="Profile"
+        width={128}
+        height={128}
+        className="rounded-full border-4 border-[#EAEAEA] shadow-lg mb-6"
+      />
+
+      {/* Name */}
+      <h1 className="text-4xl font-bold text-[#1A1A1A] mb-4">Cherry 🍒</h1>
+
+      {/* Description */}
+      <p className="text-lg text-[#4F4F4F] max-w-md text-center mb-8">
+        I am currently pursuing a Bachelor&apos;s degree in Computer Science and I aspire to become a blockchain
+        developer and build cool things. Nice to meet you! 🌟
+      </p>
+
+      {/* Social Media Links */}
+      <div className="flex space-x-6 mb-8">
+        {socialLinks.map((link, index) => {
+          return (
+            <a href={link} target="_blank" key={index}>
+              <svg
+                xmlns="http://www.w3.org/2000/svg"
+                width="24"
+                height="24"
+                viewBox="0 0 24 24"
+                fill="none"
+                stroke="#1A1A1A"
+                strokeWidth="2"
+                strokeLinecap="round"
+                strokeLinejoin="round"
+              >
+                {socialIcons[index]}
+              </svg>
+            </a>
+          );
+        })}
+      </div>
+      <Address address="0xC52E3E454a735d4A74F3dd6Ea281F7AebDFAad83" onlyEnsOrAddress={true} />
+    </div>
+  );
+};
+
+export default CherryBuilderPage;