Skip to content

Commit

Permalink
issue BuidlGuidl#2- Added Rohan page (BuidlGuidl#11)
Browse files Browse the repository at this point in the history
  • Loading branch information
rohann06 authored Aug 11, 2024
1 parent 281d233 commit f9b9b52
Show file tree
Hide file tree
Showing 4 changed files with 89 additions and 0 deletions.
Original file line number Diff line number Diff line change
@@ -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;
1 change: 1 addition & 0 deletions packages/nextjs/package.json
Original file line number Diff line number Diff line change
Expand Up @@ -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",
Expand Down
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
10 changes: 10 additions & 0 deletions yarn.lock
Original file line number Diff line number Diff line change
Expand Up @@ -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
Expand Down Expand Up @@ -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"
Expand Down

0 comments on commit f9b9b52

Please sign in to comment.