diff --git a/packages/nextjs/app/builders/0x5cc8Be96B1C9A68F57a73b5bEa60cF5D890055A1/page.tsx b/packages/nextjs/app/builders/0x5cc8Be96B1C9A68F57a73b5bEa60cF5D890055A1/page.tsx new file mode 100644 index 0000000..e020984 --- /dev/null +++ b/packages/nextjs/app/builders/0x5cc8Be96B1C9A68F57a73b5bEa60cF5D890055A1/page.tsx @@ -0,0 +1,143 @@ +import { NextPage } from "next"; +import { EnvelopeIcon, GlobeAltIcon } from "@heroicons/react/24/outline"; +import { Address } from "~~/components/scaffold-eth"; + +const GitHubIcon = () => ( + +); + +const BuidlGuidlLogo = () => ( + +); + +const styles = { + container: "min-h-screen p-8 bg-gradient-to-b from-base-200 to-base-300 dark:from-base-300 dark:to-base-200", + card: "max-w-4xl mx-auto p-12 bg-base-100 rounded-2xl shadow-xl border border-base-300 dark:bg-base-200 dark:border-base-400", + profileSection: "flex flex-col md:flex-row items-center md:items-start gap-8", + avatarContainer: "relative group", + avatar: "w-40 h-40 md:w-48 md:h-48 rounded-2xl shadow-lg transition-transform duration-300 group-hover:scale-105", + nameSection: "flex-1 text-center md:text-left space-y-2", + name: "text-4xl font-extrabold text-base-content dark:text-white bg-gradient-to-r from-primary to-secondary bg-clip-text", + section: "mt-10", + sectionTitle: "text-2xl font-extrabold mb-6 text-base-content dark:text-white flex items-center gap-2", + titleIcon: "w-6 h-6 text-primary", + bio: "text-base-content dark:text-white font-semibold leading-relaxed text-lg", + highlight: + "inline-block bg-primary/20 dark:bg-primary/30 text-primary dark:text-primary-content px-3 py-1 rounded-md font-bold", + socialLinks: "flex gap-6 items-center justify-center md:justify-start mt-8", + socialIcon: + "p-3 hover:bg-base-200 dark:hover:bg-base-300 rounded-xl transition-all duration-200 hover:scale-110 hover:shadow-md text-base-content dark:text-white", + divider: "my-8 border-t border-base-300 dark:border-base-400", + addressContainer: + "mt-2 bg-base-200 dark:bg-base-300 py-2 px-4 rounded-lg inline-block text-base-content dark:text-white", + buidlGuidlLink: + "flex items-center gap-2 text-base-content dark:text-white hover:text-primary dark:hover:text-primary transition-colors duration-200", +}; + +const builderDetails = { + name: "Gbolahan Akande", + address: "0x5cc8Be96B1C9A68F57a73b5bEa60cF5D890055A1", + bio: ( + <> + A passionate Web3 developer with experience in{" "} + Solidity and{" "} + full-stack development. Currently building{" "} + decentralized applications and contributing to{" "} + BuidlGuidl projects. Excited about the future of{" "} + blockchain technology and its potential to reshape the digital world. + > + ), + avatar: "https://1.gravatar.com/userimage/206352262/e4937825bd2f70cf0335dce4e8792eda?size=256", + links: { + github: "gboigwe", + website: "https://agedevs.netlify.app", + email: "geakande@gmail.com", + buidlGuidl: "0x5cc8Be96B1C9A68F57a73b5bEa60cF5D890055A1", + }, +}; + +const GbolahanAkandeBuilderPage: NextPage = () => { + return ( +
{builderDetails.bio}
+