diff options
Diffstat (limited to 'src')
| -rw-r--r-- | src/app/about/page.tsx | 130 |
1 files changed, 88 insertions, 42 deletions
diff --git a/src/app/about/page.tsx b/src/app/about/page.tsx index e2fad42..b27c6bd 100644 --- a/src/app/about/page.tsx +++ b/src/app/about/page.tsx @@ -1,32 +1,54 @@ "use client"; import Header from "@/components/Header"; -import Spinner from "@/components/Spinner"; import { motion } from "motion/react"; -import Form from "next/form"; import Image from "next/image"; export default function AboutUs() { - const tutors = [ + const team = [ { name: "Michael", degree: "M.S. in CS & B.S. in Physics @ BrownU", - subjects: "AP Computer Science, Physics, Math, & ACT Prep", + role: "Systems Administrator", image: "/michael.jpg", bio: "At Brown, Michael served as the head teaching assistant for two 400+ student courses, in which he designed course materials, lectures, assignments, exams, and grading structures. He also mentored and tutored many students directly through his other roles as a residential and research assistant. Academically he earned magnum cum laude for his GPA, departmental honors for his bachelors thesis, then went on to complete a masters with a specialty in computational physics. In high school, he tutored AP Stats, led review sessions, ranked top 5 state-wide for algebra and geometry, and even taught AP computer science.", }, { + name: "Matthew", + degree: "", + role: "Marketing & Outreach", + image: "/matthew.jpg", + bio: "Matthew ", + }, + ]; + + const tutors = [ + { + name: "Joseph", + degree: "B.S. in Chemical Engineering @ OSU", + specialties: + "All levels Chemistry, Engineering, and Philosophy; Essay Planning and Revision", + }, + { + name: "Michael", + degree: "M.S. in CS & B.S. in Physics @ Brown University", + specialties: + "All levels Computer Science & Physics; ACT Prep; College Admissions", + }, + { name: "Madison", - degree: "Ph.D. Candidate in BioChem @ EmoryU", - subjects: "AP Biology & Chemistry", - image: "/madison.jpg", - bio: "Madison is a Biochemistry Ph.D. student at Emory University. She attended The Ohio State University where she completed a BS in Biochemistry and received an Honors Research Distinction. Madison has completed extensive coursework in STEM including basic and advanced biology, chemistry, biochemistry, physics, and calculus, and has over 3 years of wet lab Biochemistry research experience. During her undergraduate experience, she also worked for 3 years as a Teaching Assistant for General Chemistry and Organic Chemistry Lab. Currently, Madison supervises multiple undergraduate students in her graduate school lab and has a strong passion for mentorship and tutoring.", + degree: "Ph.D. Candidate in BioChem @ Emory University", + specialities: "All levels Chemistry and Biology", }, { name: "Jino", - degree: "PreMed @ CornellU", - subjects: "Undergraduate Biochemistry & Nutrition", - image: "/jino.jpg", + degree: "Premed @ Cornell Universoty", + specialties: "Undergraduate Biology & Nutrition", + }, + { + name: "Will", + degree: "Ph.D. Candidate in Chemical Engineering @ CaseWRU", + specialties: "High School Math & Science; History", }, ]; @@ -129,43 +151,67 @@ export default function AboutUs() { transition={{ duration: 0.5 }} > <h2 className="text-4xl font-semibold tracking-tight text-balance text-gray-900 sm:text-5xl"> + About the <span className="text-gradient">Team</span> + </h2> + <p className="mt-6 text-lg text-gray-600 text-center tracking-tight"> + Those who help organize Sensible Scholars and hire tutors have + been overachieving students who share the same passion for + mentorship and teaching. + </p> + + <div className="mt-6 pt-8 border-t-2 border-purple-200 flex gap-1"> + {team.map((member, index) => { + return ( + <div + className="flex flex-col flex-1 items-center" + key={index} + > + <span> + {" "} + <Image + className="rounded-xl" + alt={`${member.name}'s image`} + src={member.image} + width={200} + height={200} + /> + </span> + <h3>{member.name}</h3> + <h4>{member.role}</h4> + <p>{member.bio}</p> + </div> + ); + })} + </div> + </motion.div> + </div> + + <div className="mx-auto max-w-5xl outline outline-gray-700/20 rounded-xl p-6 shadow-lg shadow-gray-700/10 backdrop-blur-lg sm:p-10 bg-white/30 px-4 py-6 sm:py-12 xl:py-16 mt-16"> + <motion.div + className="mx-auto max-w-4xl text-center" + initial={{ opacity: 0, y: -20 }} + animate={{ opacity: 1, y: 0 }} + transition={{ duration: 0.5 }} + > + <h2 className="text-4xl font-semibold tracking-tight text-balance text-gray-900 sm:text-5xl"> About the <span className="text-gradient">Tutors</span> </h2> <p className="mt-6 text-lg text-gray-600 text-center tracking-tight"> The tutors at Sensible Scholars have been overachieving students - who joined a like-minded group to help others. + who have previous mentorship and teaching experience. Most are + pursuing advanced degrees and tutoring within their education + field. </p> - <div className="mt-12 grid grid-cols-1 gap-8 sm:grid-cols-2 lg:grid-cols-3"> - <motion.div - className="bg-white rounded-xl shadow-lg overflow-hidden - border border-gray-200 hover:shadow - transition-shadow duration-300" - initial={{ opacity: 0, y: 20 }} - animate={{ opacity: 1, y: 0 }} - transition={{ duration: 0.5, delay: 1 * 0.1 }} - whileHover={{ y: -5 }} - > - <div className="p-6"> - <h3 - className="text-xl font-bold text-gray - -900" - > - Michael - </h3> - <p className="text-gray-600 mt-2">Math</p> - <p - className="mt-4 text-gray-7 - 00" - > - Bio - </p> - <div - className="mt-6 flex space-x- - 2" - ></div>{" "} - </div> - </motion.div> + <div> + {tutors.map((tutor, index) => { + return ( + <div key={index}> + <h3>{tutor.name}</h3> + <p>{tutor.degree}</p> + </div> + ); + })} </div> </motion.div> </div> |