Merge pull request #22 from danitome24/2-personal-page

Issue 2 - danitome24's page

packages/nextjs/app/builders/0xaa4C60b784E2b3E485035399bF1b1aBDeD66A60f/_components/GithubIcon.tsx

@@ -0,0 +1,7 @@
+export const GithubIcon = () => {
+  return (
+    <svg xmlns="http://www.w3.org/2000/svg" className="w-6 h-6" fill="currentColor" viewBox="0 0 24 24">
+      <path d="M12 0c-6.627 0-12 5.373-12 12 0 5.303 3.438 9.8 8.205 11.387.6.111.82-.261.82-.577v-2.051c-3.338.726-4.033-1.416-4.033-1.416-.546-1.387-1.333-1.756-1.333-1.756-1.089-.744.083-.729.083-.729 1.205.085 1.838 1.237 1.838 1.237 1.07 1.834 2.809 1.304 3.495.997.108-.774.419-1.304.762-1.605-2.665-.303-5.466-1.333-5.466-5.931 0-1.31.469-2.381 1.236-3.221-.123-.303-.536-1.521.117-3.176 0 0 1.008-.322 3.3 1.23.957-.266 1.983-.399 3.003-.403 1.019.004 2.045.137 3.004.403 2.29-1.552 3.297-1.23 3.297-1.23.655 1.655.242 2.873.119 3.176.769.84 1.235 1.911 1.235 3.221 0 4.609-2.803 5.624-5.475 5.921.43.372.814 1.102.814 2.222v3.293c0 .319.218.694.825.576 4.765-1.589 8.2-6.085 8.2-11.385 0-6.627-5.373-12-12-12z" />
+    </svg>
+  );
+};

packages/nextjs/app/builders/0xaa4C60b784E2b3E485035399bF1b1aBDeD66A60f/_components/WalletIcon.tsx

@@ -0,0 +1,18 @@
+export const WalletIcon = () => {
+  return (
+    <svg
+      fill="currentColor"
+      version="1.1"
+      className="w-6 h-6"
+      xmlns="http://www.w3.org/2000/svg"
+      xmlnsXlink="http://www.w3.org/1999/xlink"
+      viewBox="0 0 969.486 969.486"
+      xmlSpace="preserve"
+    >
+      <g>
+        <path d="M806.582,235.309L766.137,87.125l-137.434,37.51L571.451,9.072L114.798,235.309H0v725.105h907.137V764.973h62.35v-337.53 h-62.352V235.309H806.582z M718.441,170.63l17.654,64.68h-52.561h-75.887h-126.19l111.159-30.339l66.848-18.245L718.441,170.63z M839.135,892.414H68V522.062v-129.13v-10.233v-69.787v-9.602h35.181h27.538h101.592h409.025h75.889h37.43h35.242h35.244h13.994 v51.272v72.86h-15.357h-35.244h-87.85H547.508h-55.217v27.356v75.888v8.758v35.244v35.244v155.039h346.846v127.441H839.135z M901.486,696.973h-28.352h-34H560.291V591.375v-35.244v-35.244v-23.889v-1.555h3.139h90.086h129.129h56.492h34h4.445h23.904 V696.973z M540.707,100.191l21.15,42.688l-238.955,65.218L540.707,100.191z"></path>
+        <polygon points="614.146,564.57 614.146,576.676 614.146,631.152 680.73,631.152 680.73,564.57 658.498,564.57 "></polygon>
+      </g>
+    </svg>
+  );
+};

packages/nextjs/app/builders/0xaa4C60b784E2b3E485035399bF1b1aBDeD66A60f/_components/XIcon.tsx

@@ -0,0 +1,7 @@
+export const XIcon = () => {
+  return (
+    <svg xmlns="http://www.w3.org/2000/svg" className="w-6 h-6" fill="currentColor" viewBox="0 0 24 24">
+      <path d="M24 4.557c-.883.392-1.83.656-2.828.775 1.017-.609 1.798-1.574 2.165-2.724-.951.564-2.005.974-3.127 1.195-.897-.957-2.178-1.555-3.594-1.555-2.719 0-4.92 2.201-4.92 4.917 0 .386.044.762.128 1.124-4.088-.205-7.719-2.164-10.148-5.144-.423.729-.666 1.575-.666 2.476 0 1.71.87 3.213 2.188 4.096-.807-.026-1.566-.248-2.228-.617v.062c0 2.385 1.696 4.374 3.946 4.827-.413.112-.849.172-1.296.172-.317 0-.626-.031-.928-.088.627 1.956 2.444 3.379 4.6 3.418-1.684 1.32-3.809 2.107-6.115 2.107-.397 0-.788-.023-1.174-.069 2.179 1.397 4.768 2.212 7.548 2.212 9.057 0 14.01-7.506 14.01-14.01 0-.213-.005-.426-.015-.637.961-.694 1.797-1.562 2.457-2.549z" />
+    </svg>
+  );
+};

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

@@ -0,0 +1,56 @@
+import { GithubIcon } from "./_components/GithubIcon";
+import { WalletIcon } from "./_components/WalletIcon";
+import { XIcon } from "./_components/XIcon";
+import type { NextPage } from "next";
+import { BlockieAvatar } from "~~/components/scaffold-eth";
+import { getMetadata } from "~~/utils/scaffold-eth/getMetadata";
+
+export const metadata = getMetadata({
+  title: "Danitome24 builder page",
+  description: "Builder page for danitome24 with a little bio and social links.",
+});
+
+const DaniTome24Page: NextPage = () => {
+  return (
+    <div className="max-w-lg mx-auto mt-10 p-6 bg-white shadow-md rounded-lg">
+      <div className="text-center">
+        <div className="w-24 h-24 rounded-full mx-auto mb-4">
+          <BlockieAvatar address="0xaa4C60b784E2b3E485035399bF1b1aBDeD66A60f" size={120} />
+        </div>
+
+        <h1 className="text-2xl font-bold text-gray-800">danitome24</h1>
+      </div>
+
+      <div className="mt-4 text-center text-gray-700">
+        <p>My name is Daniel.</p>
+        <p>I&apos;m a backend developer and for the past 7 years.</p>
+        <p>
+          I&apos;ve been working with Php as main language. discovered web3 development through experimenting with
+          crypto. Recently, I completed some tutorials: the first one on Udemy, then Cyfin Updraft, where I heard about
+          SpeedrunEthereum.
+        </p>
+        <p>You can reach me at: </p>
+      </div>
+
+      <div className="mt-6 flex justify-center space-x-6">
+        <a href="https://github.com/danitome24" target="_blank" className="text-gray-800 hover:text-gray-600">
+          <GithubIcon />
+        </a>
+
+        <a href="https://x.com/danitome24" target="_blank" className="text-blue-400 hover:text-blue-600">
+          <XIcon />
+        </a>
+
+        <a
+          href="https://app.buidlguidl.com/builders/0xaa4C60b784E2b3E485035399bF1b1aBDeD66A60f"
+          target="_blank"
+          className="text-gray-500 hover:text-gray-900"
+        >
+          <WalletIcon />
+        </a>
+      </div>
+    </div>
+  );
+};
+
+export default DaniTome24Page;