add basic tutor list

1 files changed, 35 insertions, 27 deletions

diff --git a/src/app/about/page.tsx b/src/app/about/page.tsx
index b27c6bd..ed17802 100644
--- a/src/app/about/page.tsx
+++ b/src/app/about/page.tsx
@@ -7,14 +7,14 @@ import Image from "next/image";
 export default function AboutUs() {
   const team = [
     {
-      name: "Michael",
+      name: "Michael Foiani",
       degree: "M.S. in CS & B.S. in Physics @ BrownU",
-      role: "Systems Administrator",
+      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 and geometry, and even taught AP computer science.",
+      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 taught AP computer science.",
     },
     {
-      name: "Matthew",
+      name: "Matthew Stankewicz",
       degree: "",
       role: "Marketing & Outreach",
       image: "/matthew.jpg",
@@ -25,30 +25,35 @@ export default function AboutUs() {
   const tutors = [
     {
       name: "Joseph",
-      degree: "B.S. in Chemical Engineering @ OSU",
-      specialties:
-        "All levels Chemistry, Engineering, and Philosophy; Essay Planning and Revision",
+      degree: "BS in Chemical Engineering @ OSU",
+      specialty:
+        "All levels Chemistry, Engineering, & Philosophy; Essay Planning & Revision",
     },
     {
       name: "Michael",
-      degree: "M.S. in CS & B.S. in Physics @ Brown University",
-      specialties:
+      degree: "MS in CS & B.S. in Physics @ Brown University",
+      specialty:
         "All levels Computer Science & Physics; ACT Prep; College Admissions",
     },
     {
       name: "Madison",
-      degree: "Ph.D. Candidate in BioChem @ Emory University",
-      specialities: "All levels Chemistry and Biology",
+      degree: "PhD Candidate in BioChem @ Emory University",
+      specialty: "All levels Chemistry and Biology",
+    },
+    {
+      name: "Meiling",
+      degree: "MS in Biomedical Engineering @ Brown Universoty",
+      specialty: "All levels Engineering; Chinese Language & Culture",
     },
     {
       name: "Jino",
-      degree: "Premed @ Cornell Universoty",
-      specialties: "Undergraduate Biology & Nutrition",
+      degree: "Pre-Med @ Cornell Universoty",
+      specialty: "Undergraduate Biology & Nutrition",
     },
     {
       name: "Will",
-      degree: "Ph.D. Candidate in Chemical Engineering @ CaseWRU",
-      specialties: "High School Math & Science; History",
+      degree: "PhD Candidate in Chemical Engineering @ CaseWRU",
+      specialty: "High School Math, Science, & History",
     },
   ];
 
@@ -57,7 +62,7 @@ export default function AboutUs() {
       <header>
         <Header />
       </header>
-      <main className="container mx-auto isolate px-4 py-6 sm:py-12 xl:py-16 mt-16">
+      <main className="container mx-auto isolate px-4 py-6 sm:py-12 xl:py-16 mt-20 xl:mt-16">
         <div
           aria-hidden="true"
           className="absolute inset-x-0 -top-40 -z-10 transform-gpu overflow-hidden blur-3xl sm:-top-80"
@@ -154,9 +159,9 @@ export default function AboutUs() {
               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.
+              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.
             </p>
 
             <div className="mt-6 pt-8 border-t-2 border-purple-200 flex  gap-1">
@@ -196,19 +201,22 @@ export default function AboutUs() {
             <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 have previous mentorship and teaching experience. Most are
-              pursuing advanced degrees and tutoring within their education
-              field.
+            <p className="mt-6 text-lg text-gray-600 text-center">
+              The educators at Sensible Scholars are overachievers who have have
+              a passion for mentorship and teaching. We match students with
+              tutors who have a university-level understanding of the requested
+              subject.
             </p>
 
             <div>
               {tutors.map((tutor, index) => {
                 return (
-                  <div key={index}>
-                    <h3>{tutor.name}</h3>
-                    <p>{tutor.degree}</p>
+                  <div key={index} className="pt-6">
+                    <span className="flex">
+                      <h3 className="font-semibold pr-4">{tutor.name}</h3>
+                      <p className="text-gray-700 italic">{tutor.degree}</p>
+                    </span>
+                    <p className="text-left pl-10">{tutor.specialty}</p>
                   </div>
                 );
               })}