issue #2- Added Rohan page (#11)

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

@@ -0,0 +1,78 @@
+import React from "react";
+import Image from "next/image";
+//Icons
+import { FaGithub } from "react-icons/fa";
+import { RiTwitterXFill } from "react-icons/ri";
+import { SiGmail } from "react-icons/si";
+import { Address } from "~~/components/scaffold-eth";
+
+const RohanPersonalPage = () => {
+  return (
+    <div className=" flex justify-center items-center">
+      <div>
+        <div className=" pt-24 lg:pt-[100px]">
+          <div className="flex flex-col-reverse lg:flex-row items-center justify-center gap-x-[50px] md:mx-[550px]">
+            <div className=" w-full">
+              <h1 className=" text-[40px] font-bold md:my-[1rem]">Hey! I&apos;m Rohan👋🏼</h1>
+              <p className=" text-[14px] md:text-lg p-1 font-semibold w-full text-justify mb-[6px]">
+                I started as a front-end developer, and I&apos;ve grown into someone who simply enjoys building
+                regardless of the tech stack or language. I enjoy solving complex problems and am eager to dive deeper
+                into the Web3 world.
+              </p>
+              <div className=" flex items-center gap-x-2 -my-3">
+                <p>Address :</p>{" "}
+                <div className="bg-primary-content text-secondary px-3 py-2 rounded-[10px] my-3">
+                  <Address address="0x4a9A95B6fe3b9416f0c78A8735Aa075c75AF46a4" />
+                </div>
+              </div>
+              <p className=" md:text-lg p-1 text-[17px] w-full text-justify mt-1 mb-3">
+                My{" "}
+                <a href="https://rohan06.vercel.app/">
+                  {" "}
+                  <span className=" underline font-bold  hover:text-accent  text-[17px]">Portfolio</span>
+                </a>
+              </p>
+
+              <div className=" flex items-center justify-center lg:justify-start gap-5 text-[20px] lg:text-[23px] my-1 ">
+                <a
+                  href={"https://github.com/rohan-ahire06"}
+                  target="_blank"
+                  rel="noopener noreferrer"
+                  className=" hover:text-accent duration-300 ease-in-out text-[1.8rem]"
+                >
+                  <FaGithub />
+                </a>
+                <a
+                  href={"https://github.com/rohan-ahire06"}
+                  target="_blank"
+                  rel="noopener noreferrer"
+                  className=" hover:text-accent duration-300 ease-in-out text-[1.8rem]"
+                >
+                  <RiTwitterXFill />
+                </a>
+                <a
+                  href="mailto:[email protected]"
+                  className=" hover:text-accent duration-300 ease-in-out text-[1.8rem]"
+                >
+                  <SiGmail />
+                </a>
+              </div>
+            </div>
+
+            <div className=" relative rounded-full overflow-hidden h-auto w-[270px] md:mb-20">
+              <Image
+                src={"/builders/avatars/0x4a9A95B6fe3b9416f0c78A8735Aa075c75AF46a4.jpg"}
+                width={500}
+                height={500}
+                alt={"mtpic"}
+                className=" h-full w-full "
+              />
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  );
+};
+
+export default RohanPersonalPage;

packages/nextjs/package.json

@@ -30,6 +30,7 @@
     "react-copy-to-clipboard": "^5.1.0",
     "react-dom": "^18.2.0",
     "react-hot-toast": "^2.4.0",
+    "react-icons": "^5.2.1",
     "use-debounce": "^8.0.4",
     "usehooks-ts": "^2.13.0",
     "viem": "2.17.4",

yarn.lock

@@ -2324,6 +2324,7 @@ __metadata:
     react-copy-to-clipboard: ^5.1.0
     react-dom: ^18.2.0
     react-hot-toast: ^2.4.0
+    react-icons: ^5.2.1
     tailwindcss: ^3.4.3
     type-fest: ^4.6.0
     typescript: 5.5.3
@@ -12009,6 +12010,15 @@ __metadata:
   languageName: node
   linkType: hard
 
+"react-icons@npm:^5.2.1":
+  version: 5.2.1
+  resolution: "react-icons@npm:5.2.1"
+  peerDependencies:
+    react: "*"
+  checksum: f084ea7409a3986c03b7805d0787d8526e2c988439a39f485cc526ec1b2eb6ec78e7b69345478151ce94bca8522737c6569203c8ab8b8ff08542b496f954bdfb
+  languageName: node
+  linkType: hard
+
 "react-is@npm:^16.13.1":
   version: 16.13.1
   resolution: "react-is@npm:16.13.1"