|
1 | 1 | import Image from "next/image"; |
| 2 | +import Link from "next/link"; |
2 | 3 | import type { NextPage } from "next"; |
3 | 4 | import { FaGithub, FaLinkedin, FaTwitter } from "react-icons/fa"; |
4 | | -import { Address as AddressType } from "viem"; |
5 | 5 | import { Address } from "~~/components/scaffold-eth"; |
6 | 6 |
|
7 | | -const socials = [ |
8 | | - { |
9 | | - name: "GitHub", |
10 | | - url: "https://github.com/big14way", |
11 | | - icon: FaGithub, |
12 | | - }, |
13 | | - { |
14 | | - name: "Twitter", |
15 | | - url: "https://twitter.com/big14teru", |
16 | | - icon: FaTwitter, |
17 | | - }, |
18 | | - { |
19 | | - name: "LinkedIn", |
20 | | - url: "https://linkedin.com/in/idolor-godswill-21b801254", |
21 | | - icon: FaLinkedin, |
22 | | - }, |
23 | | -]; |
24 | | - |
25 | 7 | const GwillPage: NextPage = () => { |
26 | | - const address: AddressType = "0x208B2660e5F62CDca21869b389c5aF9E7f0faE89"; |
27 | | - |
28 | 8 | return ( |
29 | | - <div className="flex flex-col items-center justify-center min-h-screen py-2 bg-base-100"> |
30 | | - <div className="container flex flex-col items-center justify-center gap-8 px-4 py-16"> |
31 | | - <div className="relative w-32 h-32 overflow-hidden rounded-full ring-2 ring-primary"> |
32 | | - <Image |
33 | | - src="https://avatars.githubusercontent.com/big14way" |
34 | | - alt="Builder Avatar" |
35 | | - className="object-cover" |
36 | | - fill |
37 | | - sizes="(max-width: 128px) 100vw, 128px" |
38 | | - /> |
39 | | - </div> |
40 | | - |
41 | | - <h1 className="text-4xl font-bold text-center">Godswill Idolor</h1> |
42 | | - |
43 | | - <div className="flex items-center space-x-2"> |
44 | | - <Address address={address} format="short" /> |
45 | | - </div> |
46 | | - |
47 | | - <div className="flex flex-col gap-4 max-w-xl text-center text-lg opacity-80"> |
48 | | - <p>Web3 Builder | Full Stack Developer | BuidlGuidl Batch 16</p> |
49 | | - |
50 | | - <p> |
51 | | - I'm passionate about revolutionizing early-stage startup funding through web3. Currently building a |
52 | | - decentralized platform that connects promising founders with investors, featuring milestone-based grant |
53 | | - distributions for enhanced accountability and success rates. |
54 | | - </p> |
55 | | - |
56 | | - <p> |
57 | | - What excites me most about web3 is its potential to democratize access to capital and create transparent, |
58 | | - trustless systems that empower both founders and investors. The intersection of DeFi, smart contracts, and |
59 | | - real-world business applications is where innovation happens! |
60 | | - </p> |
61 | | - </div> |
62 | | - |
63 | | - <div className="flex space-x-4"> |
64 | | - {socials.map(social => ( |
65 | | - <a |
66 | | - key={social.name} |
67 | | - href={social.url} |
68 | | - target="_blank" |
69 | | - rel="noopener noreferrer" |
70 | | - className="p-3 text-xl hover:text-primary transition-colors" |
71 | | - > |
72 | | - <social.icon /> |
73 | | - </a> |
74 | | - ))} |
75 | | - </div> |
76 | | - |
77 | | - <div className="grid grid-cols-1 md:grid-cols-2 gap-4 w-full max-w-2xl border-2 border-primary/20 bg-base-200 p-6 rounded-lg"> |
78 | | - <div className="stats bg-base-100 shadow-lg border border-primary/10"> |
79 | | - <div className="stat"> |
80 | | - <div className="stat-title font-semibold">Favorite Stack</div> |
81 | | - <div className="stat-value text-primary text-2xl">NextJS + Solidity</div> |
| 9 | + <> |
| 10 | + <div className="flex items-center flex-col flex-grow pt-10"> |
| 11 | + <div className="flex flex-col md:flex-row px-5 max-w-4xl mx-auto gap-8"> |
| 12 | + <div className="flex flex-col items-center w-full md:w-1/3"> |
| 13 | + <div className="mb-6"> |
| 14 | + <div className="avatar"> |
| 15 | + <div className="w-36 h-36 rounded-full ring ring-primary ring-offset-base-100 ring-offset-2 overflow-hidden"> |
| 16 | + <Image |
| 17 | + src="https://avatars.githubusercontent.com/big14way" |
| 18 | + width={500} |
| 19 | + height={500} |
| 20 | + alt="Builder Avatar" |
| 21 | + /> |
| 22 | + </div> |
| 23 | + </div> |
| 24 | + </div> |
| 25 | + <h1 className="text-center mb-4"> |
| 26 | + <span className="block text-4xl font-bold">Godswill Idolor</span> |
| 27 | + </h1> |
| 28 | + <span className="block mb-6 text-s text-center text-gray-500"> |
| 29 | + Web3 Builder | Full Stack Developer | BuidlGuidl Batch 16 |
| 30 | + </span> |
| 31 | + <div className="flex flex-wrap mb-6 gap-4 items-center"> |
| 32 | + <Link href="https://github.com/big14way" passHref className="btn btn-circle btn-outline"> |
| 33 | + <FaGithub size={24} /> |
| 34 | + </Link> |
| 35 | + <Link href="https://twitter.com/big14teru" passHref className="btn btn-circle btn-outline"> |
| 36 | + <FaTwitter size={24} /> |
| 37 | + </Link> |
| 38 | + <Link |
| 39 | + href="https://linkedin.com/in/idolor-godswill-21b801254" |
| 40 | + passHref |
| 41 | + className="btn btn-circle btn-outline" |
| 42 | + > |
| 43 | + <FaLinkedin size={24} /> |
| 44 | + </Link> |
| 45 | + </div> |
| 46 | + <div> |
| 47 | + <Address address="0x208B2660e5F62CDca21869b389c5aF9E7f0faE89" /> |
82 | 48 | </div> |
83 | 49 | </div> |
84 | | - |
85 | | - <div className="stats bg-base-100 shadow-lg border border-secondary/10"> |
86 | | - <div className="stat"> |
87 | | - <div className="stat-title font-semibold">Current Focus</div> |
88 | | - <div className="stat-value text-secondary text-2xl">DeFi + Startup Funding</div> |
| 50 | + <div className="flex flex-col w-full md:w-2/3 mt-8 md:mt-0"> |
| 51 | + <h1 className="text-center mb-4"> |
| 52 | + <span className="block text-2xl mb-2">About me</span> |
| 53 | + </h1> |
| 54 | + <div className="mb-6"> |
| 55 | + <p className="mb-4"> |
| 56 | + I'm passionate about revolutionizing early-stage startup funding through web3. Currently building a |
| 57 | + decentralized platform that connects promising founders with investors, featuring milestone-based grant |
| 58 | + distributions for enhanced accountability and success rates. |
| 59 | + </p> |
| 60 | + <p className="mb-4"> |
| 61 | + What excites me most about web3 is its potential to democratize access to capital and create |
| 62 | + transparent, trustless systems that empower both founders and investors. The intersection of DeFi, smart |
| 63 | + contracts, and real-world business applications is where innovation happens! |
| 64 | + </p> |
| 65 | + </div> |
| 66 | + <div className="grid grid-cols-1 md:grid-cols-2 gap-4 w-full border-2 border-primary/20 bg-base-200 p-6 rounded-lg"> |
| 67 | + <div className="stats bg-base-100 shadow-lg border border-primary/10"> |
| 68 | + <div className="stat"> |
| 69 | + <div className="stat-title font-semibold">Favorite Stack</div> |
| 70 | + <div className="stat-value text-primary text-2xl">NextJS + Solidity</div> |
| 71 | + </div> |
| 72 | + </div> |
| 73 | + <div className="stats bg-base-100 shadow-lg border border-secondary/10"> |
| 74 | + <div className="stat"> |
| 75 | + <div className="stat-title font-semibold">Current Focus</div> |
| 76 | + <div className="stat-value text-secondary text-2xl">DeFi + Startup Funding</div> |
| 77 | + </div> |
| 78 | + </div> |
89 | 79 | </div> |
90 | 80 | </div> |
91 | 81 | </div> |
92 | 82 | </div> |
93 | | - </div> |
| 83 | + </> |
94 | 84 | ); |
95 | 85 | }; |
96 | 86 |
|
|
0 commit comments