diff --git a/packages/nextjs/app/api/builders/profiles/route.ts b/packages/nextjs/app/api/builders/profiles/route.ts index 93744841..e9511f4e 100644 --- a/packages/nextjs/app/api/builders/profiles/route.ts +++ b/packages/nextjs/app/api/builders/profiles/route.ts @@ -10,6 +10,9 @@ const BUILDER_PROFILES = [ "0x2E15bB8aDF3438F66A6F786679B0bBBBF02A75d5", "0x2d90C8bE0Df1BA58a66282bc4Ed03b330eBD7911", "0x3BFbE4E3dCC472E9B1bdFC0c177dE3459Cf769bf", + "0x74370B567f5c65bef0428B9c78df5C691B632Cf7", + "0x972d1be405DcFcD32DD95743934693B673e3F2B0", + "0x9f535319FF3c093F0841427FBC68f483952017BD", "0xB24023434c3670E100068C925A87fE8F500d909a", "0xE00E720798803B8B83379720c42f7A9bE1cCd281", "0xb216270aFB9DfcD611AFAf785cEB38250863F2C9", diff --git a/packages/nextjs/app/builders/0x972d1be405DcFcD32DD95743934693B673e3F2B0/page.tsx b/packages/nextjs/app/builders/0x972d1be405DcFcD32DD95743934693B673e3F2B0/page.tsx new file mode 100644 index 00000000..00480c0a --- /dev/null +++ b/packages/nextjs/app/builders/0x972d1be405DcFcD32DD95743934693B673e3F2B0/page.tsx @@ -0,0 +1,96 @@ +import Image from "next/image"; +import { NextPage } from "next"; +import { FaEnvelope, FaGithub, FaMapMarkerAlt } from "react-icons/fa"; + +interface ProfileData { + name: string; + title: string; + bio: string; + avatar: string; + location: string; + email: string; + social: { + github: string; + }; +} + +const profile: ProfileData = { + name: "Developer Millburn", + title: "Smart Contract Developer", + bio: "I'm a blockchain developer, versitle in writing smart contract using Solidity, Hardhat, Foundry, Remix, EthersJs.", + avatar: "/millburnAvartar.jpg", + location: "Kogi State, Nigeria", + email: "millburncrack@gmail.com", + social: { + github: "https://github.com/MillburnCrackDev", + }, +}; +const socialLinks = [ + { + href: profile.social.github, + icon: FaGithub, + lightHoverColor: "hover:text-gray-900", + darkHoverColor: "dark:hover:text-gray-200", + }, + { + href: `mailto:${profile.email}`, + icon: FaEnvelope, + lightHoverColor: "hover:text-red-500", + darkHoverColor: "dark:hover:text-red-400", + }, +]; + +const MillburnBuilderPage: NextPage = () => { + return ( +
+
+
+
+ {/* Avatar */} + {profile.name} + +

{profile.name}

+

{profile.title}

+ +
+ + + + {profile.location} +
+ +

+ {profile.bio} +

+ +
+ {socialLinks.map(({ href, icon: Icon, lightHoverColor, darkHoverColor }, index) => ( + + + + + + ))} +
+
+
+
+
+ ); +}; + +export default MillburnBuilderPage; diff --git a/packages/nextjs/public/millburnAvartar.jpg b/packages/nextjs/public/millburnAvartar.jpg new file mode 100644 index 00000000..a6f50e5e Binary files /dev/null and b/packages/nextjs/public/millburnAvartar.jpg differ