diff options
Diffstat (limited to 'src/app/about/page.tsx')
| -rw-r--r-- | src/app/about/page.tsx | 44 |
1 files changed, 24 insertions, 20 deletions
diff --git a/src/app/about/page.tsx b/src/app/about/page.tsx index 6c29970..107d5a3 100644 --- a/src/app/about/page.tsx +++ b/src/app/about/page.tsx @@ -11,14 +11,14 @@ export default function AboutUs() { degree: "M.S. in CS & B.S. in Physics @ BrownU", role: "Webmaster & Tutor Coordinator", 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 & geometry, and taught AP computer science.", + bio: "At Brown Univeristy, Michael served as the head teaching assistant for two 400+ student courses, in which he designed course materials, lectures, assignments, exams, and grading structures. 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 & geometry, and taught AP computer science.", }, { name: "Matthew Stankewicz", degree: "", role: "Marketing & Outreach", image: "/matthew.jpg", - bio: "Matthew ", + bio: "Matthew Bio", }, ]; @@ -88,14 +88,12 @@ export default function AboutUs() { <Image src="/joseph.jpg" alt="Founder, Joseph Ceferatti, Image" - width={600} - height={600} - className="mx-auto rounded-md - white/80 object-cover w-48 - h-48" + width={250} + height={250} + className="mx-auto rounded-md white/80" /> <div> - <p className="mt-6 text-lg text-gray-600 text-left tracking-tight"> + <p className="mt-4 text-lg text-gray-600 text-left tracking-tight"> After working with a large national tutoring provider, I saw firsthand what works — and what could be better. Sensible Scholars was created to make the changes I always knew were @@ -155,23 +153,23 @@ export default function AboutUs() { 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">Team</span> + <h2 className="text-4xl font-semibold tracking-tight text-balance text-gray-800 sm:text-5xl"> + About the <span className="text-gradient">Organizers</span> </h2> <p className="mt-6 text-lg text-gray-600 text-center tracking-tight"> - The others who help organize Sensible Scholars use their previous - professional expereince to carry out their passion for making - education the best it can be. + The others who joined Joseph use their previous professional + expereince to carry out their passion for making education the + best it can be. </p> - <div className="mt-6 pt-8 border-t-2 border-purple-200 flex gap-1"> + <div className="mt-6 pt-8 border-t-2 border-purple-200 flex gap-1 flex-col sm:flex-row"> {team.map((member, index) => { return ( <div - className="flex flex-col flex-1 items-center" + className="flex flex-col flex-1 items-center sm:mb-0 mb-8 gap-1" key={index} > - <span> + <span className="mb-2"> {" "} <Image className="rounded-xl" @@ -181,9 +179,13 @@ export default function AboutUs() { height={200} /> </span> - <h3>{member.name}</h3> - <h4>{member.role}</h4> - <p>{member.bio}</p> + <h3 className="font-medium text-xl text-gray-700"> + {member.name} + </h3> + <h4 className="tracking-tight text-gradient text-lg"> + {member.role} + </h4> + <p className="text-md text-gray-600">{member.bio}</p> </div> ); })} @@ -226,7 +228,9 @@ export default function AboutUs() { return ( <div key={index} className="pt-6"> <span className="flex flex-col sm:flex-row text-left"> - <h3 className="font-semibold pr-4">{tutor.name}</h3> + <h3 className="font-semibold pr-4 text-gray-700"> + {tutor.name} + </h3> <p className="text-gray-700 italic">{tutor.degree}</p> </span> <p className="text-left pl-10">{tutor.specialty}</p> |