feat: add buidlguidl icon linked to my profile

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

@@ -2,7 +2,6 @@ import { NextPage } from "next";
 import { EnvelopeIcon, GlobeAltIcon } from "@heroicons/react/24/outline";
 import { Address } from "~~/components/scaffold-eth";
 
-// Custom GitHub Icon SVG component
 const GitHubIcon = () => (
   <svg
     viewBox="0 0 24 24"
@@ -17,6 +16,15 @@ const GitHubIcon = () => (
   </svg>
 );
 
+const BuidlGuidlLogo = () => (
+  <svg viewBox="0 0 32 32" className="w-8 h-8">
+    <path
+      fill="currentColor"
+      d="M16 0C7.163 0 0 7.163 0 16s7.163 16 16 16 16-7.163 16-16S24.837 0 16 0zm0 2c7.732 0 14 6.268 14 14s-6.268 14-14 14S2 23.732 2 16 8.268 2 16 2zm-.5 5l-8 4v10l8 4 8-4V11l-8-4zm0 2.236L21.5 12l-6 3-6-3 6-2.764zm-6 9.428v-7l5.5 2.75v7l-5.5-2.75zm7.5 2.75v-7l5.5-2.75v7l-5.5 2.75z"
+    />
+  </svg>
+);
+
 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",
@@ -37,9 +45,10 @@ const styles = {
   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",
 };
 
-// Profile details
 const builderDetails = {
   name: "Gbolahan Akande",
   address: "0x5cc8Be96B1C9A68F57a73b5bEa60cF5D890055A1",
@@ -53,16 +62,15 @@ const builderDetails = {
       <span className={styles.highlight}>blockchain technology</span> and its potential to reshape the digital world.
     </>
   ),
-  avatar: "https://1.gravatar.com/userimage/206352262/e4937825bd2f70cf0335dce4e8792eda?size=256", // Increased size for better quality
+  avatar: "https://1.gravatar.com/userimage/206352262/e4937825bd2f70cf0335dce4e8792eda?size=256",
   links: {
     github: "gboigwe",
     website: "https://agedevs.netlify.app",
     email: "[email protected]",
+    buidlGuidl: "0x5cc8Be96B1C9A68F57a73b5bEa60cF5D890055A1",
   },
 };
 
-// avatar: "https://api.multiavatar.com/Binx.png", // Increased size for better quality https://1.gravatar.com/userimage/206352262/e4937825bd2f70cf0335dce4e8792eda?size=256
-
 const GbolahanAkandeBuilderPage: NextPage = () => {
   return (
     <div className={styles.container}>
@@ -78,6 +86,18 @@ const GbolahanAkandeBuilderPage: NextPage = () => {
             </div>
 
             <div className={styles.socialLinks}>
+              {builderDetails.links.buidlGuidl && (
+                <a
+                  href={`https://app.buidlguidl.com/builders/${builderDetails.links.buidlGuidl}`}
+                  target="_blank"
+                  rel="noopener noreferrer"
+                  className={styles.buidlGuidlLink}
+                  aria-label="BuidlGuidl Profile"
+                >
+                  <BuidlGuidlLogo />
+                  {/* <span className="font-semibold">BuidlGuidl Profile</span> */}
+                </a>
+              )}
               {builderDetails.links.github && (
                 <a
                   href={`https://github.com/${builderDetails.links.github}`}