diff --git a/packages/nextjs/app/builders/0xe9Ad7D1C2069E0Fa9b5852Adc77C9196651BB8b8/components/Socials.tsx b/packages/nextjs/app/builders/0xe9Ad7D1C2069E0Fa9b5852Adc77C9196651BB8b8/components/Socials.tsx
new file mode 100644
index 0000000..5ee6cb7
--- /dev/null
+++ b/packages/nextjs/app/builders/0xe9Ad7D1C2069E0Fa9b5852Adc77C9196651BB8b8/components/Socials.tsx
@@ -0,0 +1,21 @@
+import Link from "next/link";
+import { FaGithub, FaXTwitter } from "react-icons/fa6";
+
+const Socials: React.FC = () => {
+ const socialPlatforms = [
+ { name: "github", url: "https://github.com/krvvs", icon: },
+ { name: "twitter", url: "https://x.com/xkrvsx", icon: },
+ ];
+
+ return (
+
+ {socialPlatforms.map(social => (
+
+ {social.icon}
+
+ ))}
+
+ );
+};
+
+export default Socials;
diff --git a/packages/nextjs/app/builders/0xe9Ad7D1C2069E0Fa9b5852Adc77C9196651BB8b8/page.tsx b/packages/nextjs/app/builders/0xe9Ad7D1C2069E0Fa9b5852Adc77C9196651BB8b8/page.tsx
new file mode 100644
index 0000000..c9643b3
--- /dev/null
+++ b/packages/nextjs/app/builders/0xe9Ad7D1C2069E0Fa9b5852Adc77C9196651BB8b8/page.tsx
@@ -0,0 +1,54 @@
+"use client";
+
+import Socials from "./components/Socials";
+import type { NextPage } from "next";
+import { useEnsAvatar, useEnsName } from "wagmi";
+import { Address } from "~~/components/scaffold-eth";
+
+const builderAddress = "0xe9Ad7D1C2069E0Fa9b5852Adc77C9196651BB8b8";
+const shortBuilderAddress = builderAddress.slice(0, 6);
+
+const KrvvsProfile: NextPage = () => {
+ const { data: fetchedEns } = useEnsName({
+ address: builderAddress,
+ chainId: 1,
+ });
+
+ const { data: fetchedEnsAvatar } = useEnsAvatar({
+ name: fetchedEns ? fetchedEns : "",
+ chainId: 1,
+ });
+
+ return (
+
+
+
+
+ {/* eslint-disable-next-line @next/next/no-img-element */}
+
+
+
+
+
{fetchedEns || shortBuilderAddress}
+
+
+
+
+
Hello World!
+
+ I am a builder who enjoys learning and creating value, with a strong interest in bringing blockchain
+ technologies to life.
+
+
+
+
+
+ );
+};
+
+export default KrvvsProfile;
diff --git a/packages/nextjs/next.config.js b/packages/nextjs/next.config.js
index d765869..52b5b18 100644
--- a/packages/nextjs/next.config.js
+++ b/packages/nextjs/next.config.js
@@ -14,6 +14,16 @@ const nextConfig = {
config.externals.push("pino-pretty", "lokijs", "encoding");
return config;
},
+ images: {
+ remotePatterns: [
+ {
+ protocol: "https",
+ hostname: "avatars.githubusercontent.com",
+ port: "",
+ pathname: "/u/**",
+ },
+ ],
+ },
};
module.exports = nextConfig;