@ -1,12 +1,43 @@
import Container from '~/components/shared/Container' ;
const people = [
{
bio : 'I like to write and read good code.' ,
imageUrl : '/team/keane.png' ,
name : 'Keane Chan' ,
role : 'Role TODO' ,
} ,
{
bio : 'Hello' ,
imageUrl : '/team/su-yin.jpg' ,
name : 'Tan Su Yin' ,
role : 'Role TODO' ,
} ,
{
bio : 'Hi! I like to explore new technologies and fantasize about the countries I could be traveling in instead of working on my assignments.' ,
imageUrl : '/team/terence.jpg' ,
name : 'Terence Ho' ,
role : 'Role TODO' ,
} ,
{
bio : 'Peirong likes to work in teams because he needs the peer pressure from others to deliver excellent work. In his free time, he enjoys running and watching vlogs of people having fun in adventurous locations which he does not have money for.' ,
imageUrl : '/team/peirong.png' ,
name : 'Wu Peirong' ,
role : 'Role TODO' ,
} ,
] ;
export default function AboutUsPage() {
return (
< div className = "flex w-full flex-col items-center overflow-y-auto py-10" >
< div className = "flex justify-center text-4xl font-bold" >
< div className = "lg:py-18 bg-white py-12" >
< Container variant = "xs" >
< div className = "space-y-12" >
< div className = "space-y-6 text-center" >
< h1 className = "text-3xl font-bold tracking-tight sm:text-4xl" >
Resume Review Portal
< / div >
< div className = "mt-2 flex justify-center text-2xl font-bold" >
< div className = "font-display sm:text-md mx-auto max-w-xl text-2xl font-medium italic tracking-tight text-slate-900" >
< / h1 >
< div className = "flex justify-center text-2xl font-bold" >
< div className = "font-display sm:text-md mx-auto max-w-xl text-2xl font-medium italic tracking-tight text-slate-500" >
Resume reviews { ' ' }
< span className = "text-primary-500 relative whitespace-nowrap" >
< svg
@ -20,40 +51,80 @@ export default function AboutUsPage() {
< / span >
< / div >
< / div >
< / div >
{ /* About Us Section */ }
< div className = "mt-10 flex w-4/5 text-left text-3xl font-bold xl:w-1/2" >
< div className = "space-y-6" >
< h2 className = "text-2xl font-bold tracking-tight sm:text-3xl" >
About Us 🤓
< / div >
< div className = "mt-6 flex w-4/5 text-lg xl:w-1/2" >
As you apply for your dream jobs or internships , have you ever felt
unsure about your resume ? Have you wondered about how others got past
resume screening in a breeze ? Wonder no more !
< / div >
< div className = "mt-3 flex w-4/5 text-lg xl:w-1/2" >
Tech Interview Handbook ' s very own Resume Review portal is here to help !
Simply submit your resume and collect invaluable feedback from our
community of Software Engineers , Hiring Managers and so many more . . .
< / h2 >
< p className = "text-lg text-slate-500" >
As you apply for your dream jobs or internships , have you ever
felt unsure about your resume ? Have you wondered about how others
got past resume screening in a breeze ? Wonder no more !
< / p >
< p className = "text-lg text-slate-500" >
Tech Interview Handbook ' s very own Resume Review portal is here to
help ! Simply submit your resume and collect invaluable feedback
from our community of Software Engineers , Hiring Managers and so
many more . . .
< / p >
< / div >
{ /* Feedback */ }
< div className = "mt-10 flex w-4/5 text-left text-3xl font-bold xl:w-1/2" >
< div className = "space-y-6" >
< h2 className = "text-2xl font-bold tracking-tight sm:text-3xl" >
Feedback ? New Features ? BUGS ? ! 😱
< / div >
< / h2 >
< div className = "mt-6 flex w-4/5 text-lg xl:w-1/2 >
< p className = "text-lg text-slate-500 ">
Submit your feedback
< a
className = "ml-1 text-indigo-600 hover:text-indigo-400
className = "text-primary-600 hover:text-primary-500 ml-1 "
href = "https://forms.gle/KgA6KWDD4XNa53uJA"
rel = "noreferrer"
target = "_blank" >
here
< / a >
.
< / p >
< / div >
< div className = "space-y-6" >
< h2 className = "text-2xl font-bold tracking-tight sm:text-3xl" >
Meet the Team
< / h2 >
< ul
className = "grid grid-cols-2 items-start gap-8 md:grid-cols-1 md:items-start md:space-y-0"
role = "list" >
{ people . map ( ( person ) = > (
< li key = { person . name } >
< div className = "space-y-4 sm:grid sm:grid-cols-4 sm:gap-6 sm:space-y-0 lg:gap-8" >
< div className = "aspect-w-2 aspect-h-2 h-0" >
< img
alt = { person . name }
className = "rounded-lg object-cover shadow-lg"
src = { person . imageUrl }
/ >
< / div >
< div className = "sm:col-span-3" >
< div className = "space-y-4" >
< div className = "text-md space-y-1 font-medium leading-6 sm:text-lg" >
< h3 > { person . name } < / h3 >
< p className = "text-primary-600" > { person . role } < / p >
< / div >
< div className = "text-sm sm:text-lg" >
< p className = "text-slate-500" > { person . bio } < / p >
< / div >
< / div >
< / div >
< / div >
< / li >
) ) }
< / ul >
< / div >
< / div >
< / Container >
< / div >
) ;
}
Yangshun Tay
2 years ago
