1+ import React from "react" ;
2+ import Priyanshu from '../assets/priyanshu_img.JPG' ;
3+ import { FontAwesomeIcon } from "@fortawesome/react-fontawesome" ;
4+ import { faLinkedinIn } from "@fortawesome/free-brands-svg-icons" ;
5+
6+ const Priyanshu2101065 = ( ) => (
7+ < >
8+ < div className = "pt-16 min-h-lvh" >
9+ < div className = "mx-auto max-w-7xl py-24 px-4 sm:px-6 lg:px-8" >
10+ < div className = "relative isolate overflow-hidden bg-black px-6 pt-16 shadow-2xl sm:rounded-3xl sm:px-16 md:pt-24 lg:flex lg:gap-x-20 lg:px-24 lg:pt-0" >
11+ < svg
12+ xmlns = "http://www.w3.org/2000/svg"
13+ width = { 1440 }
14+ height = { 560 }
15+ preserveAspectRatio = "none"
16+ viewBox = "0 0 1440 560"
17+ className = "absolute left-1/2 top-1/4 -z-10 w-full max-w-7xl -translate-x-1/2 -translate-y-1/2 [mask-image:radial-gradient(closest-side,white,transparent)] sm:left-full sm:-ml-80 lg:left-1/2 lg:ml-0 lg:-translate-x-1/2 lg:translate-y-0"
18+ aria-hidden = "true"
19+ >
20+ < g mask = 'url("#SvgjsMask1895")' fill = "none" >
21+ < path fill = 'url("#SvgjsLinearGradient1896")' d = "M0 0H1440V560H0z" />
22+ < path
23+ d = "M248.137 68.474L271.902-65.56l-112.51 38.74z"
24+ fill = "rgba(28, 83, 142, 0.4)"
25+ className = "triangle-float2"
26+ />
27+ < path
28+ d = "M612.09 260.01a177.66 177.66 0 10355.32 0 177.66 177.66 0 10-355.32 0z"
29+ fill = "rgba(28, 83, 142, 0.4)"
30+ className = "triangle-float3"
31+ />
32+ < path
33+ d = "M543.615 315.069c19.756-.302 37.545-10.408 48.26-27.008 11.822-18.314 19.512-41.827 8.2-60.46-11.046-18.195-35.178-18.615-56.46-19.033-22.402-.44-48.522-2.239-60.44 16.735-12.348 19.659-3.408 45.015 9.558 64.272 11.356 16.865 30.552 25.804 50.882 25.494M950.19 385.72a119.42 119.42 0 10238.84 0 119.42 119.42 0 10-238.84 0z"
34+ fill = "rgba(28, 83, 142, 0.4)"
35+ className = "triangle-float1"
36+ />
37+ < path
38+ d = "M359.71 387.06a143.02 143.02 0 10286.04 0 143.02 143.02 0 10-286.04 0z"
39+ fill = "rgba(28, 83, 142, 0.4)"
40+ className = "triangle-float1"
41+ />
42+ < path
43+ d = "M315.71 333.63a129.28 129.28 0 10258.56 0 129.28 129.28 0 10-258.56 0z"
44+ fill = "rgba(28, 83, 142, 0.4)"
45+ className = "triangle-float1"
46+ />
47+ < path
48+ d = "M930.91 233.2a137.74 137.74 0 10275.48 0 137.74 137.74 0 10-275.48 0z"
49+ fill = "rgba(28, 83, 142, 0.4)"
50+ className = "triangle-float3"
51+ />
52+ < path
53+ d = "M776.895 205.536c26.079-1.014 46.756-20.454 58.489-43.767 10.539-20.941 7.979-45.077-3.485-65.526-11.761-20.978-30.97-37.932-55.004-38.807-25.464-.927-49.09 12.81-62.405 34.535-13.967 22.787-17.401 51.25-4.53 74.674 13.319 24.239 39.299 39.965 66.935 38.891"
54+ fill = "rgba(28, 83, 142, 0.4)"
55+ className = "triangle-float1"
56+ />
57+ < path
58+ d = "M493.68 47.71a110.83 110.83 0 10221.66 0 110.83 110.83 0 10-221.66 0z"
59+ fill = "rgba(28, 83, 142, 0.4)"
60+ className = "triangle-float2"
61+ />
62+ < path
63+ d = "M845.044 255.92l-91.056-56.899-56.898 91.056 91.056 56.899z"
64+ fill = "rgba(28, 83, 142, 0.4)"
65+ className = "triangle-float1"
66+ />
67+ < path
68+ d = "M1165.277 520.353l99.242 131.699 32.457-230.942z"
69+ fill = "rgba(28, 83, 142, 0.4)"
70+ className = "triangle-float2"
71+ />
72+ < path
73+ d = "M754.07 477.97a171.97 171.97 0 10343.94 0 171.97 171.97 0 10-343.94 0z"
74+ fill = "rgba(28, 83, 142, 0.4)"
75+ className = "triangle-float3"
76+ />
77+ < path
78+ d = "M861.305 475.864l96.26-11.819-11.819-96.26-96.26 11.82z"
79+ fill = "rgba(28, 83, 142, 0.4)"
80+ className = "triangle-float1"
81+ />
82+ < path
83+ d = "M594.127 599.586c29.459-.161 63.402-1.609 77.804-27.307 14.231-25.392-2.016-55.118-17.964-79.469-14.016-21.402-34.257-39.245-59.84-39.331-25.714-.086-46.334 17.493-60.538 38.928-16.356 24.683-33.315 54.948-18.753 80.73 14.686 26.001 49.429 26.612 79.291 26.449"
84+ fill = "rgba(28, 83, 142, 0.4)"
85+ className = "triangle-float3"
86+ />
87+ < path
88+ d = "M237.902 474.86L101.09 486.828l11.97 136.813 136.813-11.97z"
89+ fill = "rgba(28, 83, 142, 0.4)"
90+ className = "triangle-float2"
91+ />
92+ < path
93+ d = "M-31.813 484.497c17.434.121 28.331-16.645 37.076-31.727 8.785-15.151 17.066-32.478 9.236-48.144-8.486-16.978-27.346-26.782-46.312-26.035-17.846.703-32.519 13.422-40.394 29.452-6.997 14.243-3.212 30.186 4.201 44.217 8.089 15.31 18.877 32.117 36.193 32.237"
94+ fill = "rgba(28, 83, 142, 0.4)"
95+ className = "triangle-float3"
96+ />
97+ < path
98+ d = "M1150.52 280.754l5.893 112.42 106.527-118.311z"
99+ fill = "rgba(28, 83, 142, 0.4)"
100+ className = "triangle-float2"
101+ />
102+ < path
103+ d = "M1347.96 294.118l-69.316-91.984-91.983 69.315 69.314 91.983z"
104+ fill = "rgba(28, 83, 142, 0.4)"
105+ className = "triangle-float1"
106+ />
107+ < path
108+ d = "M1020.187 405.784l14.128-134.415L899.9 257.241l-14.127 134.415z"
109+ fill = "rgba(28, 83, 142, 0.4)"
110+ className = "triangle-float3"
111+ />
112+ < path
113+ d = "M286.549 400.561c56.239 2.913 110.728-25.488 139.108-74.128 28.592-49.003 25.652-109.93-3.217-158.771-28.356-47.972-80.17-77.328-135.891-76.571-54.455.739-104.401 31.921-129.646 80.176-23.612 45.134-11.626 97.6 13.445 141.94 25.563 45.211 64.334 84.667 116.201 87.354"
114+ fill = "rgba(28, 83, 142, 0.4)"
115+ className = "triangle-float2"
116+ />
117+ </ g >
118+ < defs >
119+ < mask id = "SvgjsMask1895" >
120+ < path fill = "#fff" d = "M0 0H1440V560H0z" />
121+ </ mask >
122+ < linearGradient
123+ x1 = "84.72%"
124+ y1 = "139.29%"
125+ x2 = "15.28%"
126+ y2 = "-39.29%"
127+ gradientUnits = "userSpaceOnUse"
128+ id = "SvgjsLinearGradient1896"
129+ >
130+ < stop stopColor = "rgba(80, 72, 235, 1)" offset = { 0 } />
131+ < stop stopColor = "rgba(72, 166, 235, 1)" offset = { 1 } />
132+ </ linearGradient >
133+ < style >
134+ {
135+ "@keyframes float1{0%,to{transform:translate(0,0)}50%{transform:translate(-10px,0)}}@keyframes float2{0%,to{transform:translate(0,0)}50%{transform:translate(-5px,-5px)}}@keyframes float3{0%,to{transform:translate(0,0)}50%{transform:translate(0,-10px)}}.triangle-float1{animation:float1 5s infinite}.triangle-float2{animation:float2 4s infinite}.triangle-float3{animation:float3 6s infinite}"
136+ }
137+ </ style >
138+ </ defs >
139+ </ svg >
140+ < div className = "mx-auto max-w-md text-center lg:mx-0 lg:flex-auto lg:py-32 lg:text-left" >
141+ < h2 className = "text-3xl font-bold tracking-tight text-white sm:text-4xl" >
142+ Priyanshu Raj
143+ </ h2 >
144+ < p className = "mt-6 text-lg leading-8 text-gray-300" >
145+ A 3rd year student from Electronics and Communicaton branch, and Full stack web developer
146+ </ p >
147+ < div className = "mt-10 flex items-center justify-center gap-x-6 lg:justify-start" >
148+ < button
149+ type = "button"
150+ className = "rounded-md bg-white px-3.5 py-2.5 text-sm font-semibold text-gray-900 shadow-sm hover:bg-gray-100 focus:outline-none focus:ring focus:ring-gray-300 focus:ring-opacity-50"
151+ >
152+ ECE
153+ </ button >
154+ < a
155+ href = "https://www.linkedin.com/in/itsimmortal/"
156+ className = "text-sm font-semibold leading-6 text-white"
157+ >
158+ < FontAwesomeIcon icon = { faLinkedinIn } size = "2xl" style = { { color : "#ffffff" , } } />
159+ </ a >
160+ < a
161+ href = "https://github.com/RisingMortal"
162+ className = "text-sm font-semibold leading-6 text-white"
163+ >
164+ Github < span aria-hidden = "true" > →</ span >
165+ </ a >
166+ </ div >
167+ </ div >
168+ < div className = "relative mt-16 h-80 lg:mt-8 lg:h-auto" >
169+ < img
170+ className = "absolute left-0 top-0 w-full max-w-none rounded-md bg-white/5 ring-1 ring-white/10 sm:w-[32rem]"
171+ src = { Priyanshu }
172+ alt = ""
173+ width = { 1824 }
174+ height = { 1080 }
175+ />
176+ </ div >
177+ </ div >
178+ </ div >
179+ </ div >
180+ </ >
181+ ) ;
182+
183+ export default Priyanshu2101065 ;
0 commit comments