@ -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() { export default function AboutUsPage() {
return (
return (
< div className = "flex w-full flex-col items-center overflow-y-auto py-10" >
< div className = "lg:py-18 bg-white py-12" >
< div className = "flex justify-center text-4xl font-bold" >
< 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
Resume Review Portal
< / div >
< / h1 >
< div className = "flex justify-center text-2xl font-bold" >
< 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-500" >
< div className = "font-display sm:text-md mx-auto max-w-xl text-2xl font-medium italic tracking-tight text-slate-900" >
Resume reviews { ' ' }
Resume reviews { ' ' }
< span className = "text-primary-500 relative whitespace-nowrap" >
< span className = "text-primary-500 relative whitespace-nowrap" >
< svg
< svg
@ -20,40 +51,80 @@ export default function AboutUsPage() {
< / span >
< / span >
< / div >
< / div >
< / div >
< / div >
< / div >
{ /* About Us Section */ }
{ /* 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 🤓
About Us 🤓
< / div >
< / h2 >
< p className = "text-lg text-slate-500" >
< 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
As you apply for your dream jobs or internships , have you ever felt
felt unsure about your resume ? Have you wondered about how others
unsure about your resume ? Have you wondered about how others got past
got past resume screening in a breeze ? Wonder no more !
resume screening in a breeze ? Wonder no more !
< / p >
< / div >
< p className = "text-lg text-slate-500" >
Tech Interview Handbook ' s very own Resume Review portal is here to
< div className = "mt-3 flex w-4/5 text-lg xl:w-1/2" >
help ! Simply submit your resume and collect invaluable feedback
Tech Interview Handbook ' s very own Resume Review portal is here to help !
from our community of Software Engineers , Hiring Managers and so
Simply submit your resume and collect invaluable feedback from our
many more . . .
community of Software Engineers , Hiring Managers and so many more . . .
< / p >
< / div >
< / div >
{ /* Feedback */ }
{ /* 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 ? ! 😱
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
Submit your feedback
< a
< 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"
href = "https://forms.gle/KgA6KWDD4XNa53uJA"
rel = "noreferrer"
rel = "noreferrer"
target = "_blank" >
target = "_blank" >
here
here
< / a >
< / 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 >
< / div >
< / Container >
< / div >
< / div >
) ;
) ;
} }
Yangshun Tay
2 years ago
