fix layout on about page, fill blog with upcoming, update so build ready

8 files changed, 67 insertions, 67 deletions

diff --git a/src/app/Footer.tsx b/src/app/Footer.tsx
index 4d0bd00..f0fb9b6 100644
--- a/src/app/Footer.tsx
+++ b/src/app/Footer.tsx
@@ -22,7 +22,7 @@ export default function Footer() {
           <Link href="/blog" className="hover:text-white transition">
             Blog
           </Link>
-          <Link href="/contact" className="hover:text-white transition">
+          <Link href="/get-started" className="hover:text-white transition">
             Contact
           </Link>
         </nav>
diff --git a/src/app/Header.tsx b/src/app/Header.tsx
index dc9dac7..92c118c 100644
--- a/src/app/Header.tsx
+++ b/src/app/Header.tsx
@@ -16,7 +16,6 @@ export default function Header() {
   const navigation = [
     { name: "About", href: "/about" },
     { name: "Blog", href: "/blog" },
-    { name: "Contact", href: "/contact" },
   ];
 
   const [mobileMenuOpen, setMobileMenuOpen] = useState(false);
@@ -78,7 +77,7 @@ export default function Header() {
               <span className="sr-only">Close menu</span>
               <XMarkIcon aria-hidden="true" className="size-6" />
             </button>
-            <a href="#" className="-m-1.5 p-1.5">
+            <Link href="/" className="-m-1.5 p-1.5">
               <span className="sr-only">Your Company</span>
               <Image
                 alt="Sensible Scholars Logo"
@@ -87,7 +86,7 @@ export default function Header() {
                 height={36}
                 className="rounded-md"
               />
-            </a>
+            </Link>
           </div>
           <div className="mt-6 flow-root">
             <div className="-my-6 divide-y divide-white/10">
diff --git a/src/app/Roadmap.tsx b/src/app/Roadmap.tsx
index 7f0d0c8..65336e3 100644
--- a/src/app/Roadmap.tsx
+++ b/src/app/Roadmap.tsx
@@ -56,7 +56,7 @@ export default function Roadmap() {
               </time>
             </div>
             <h3 className="text-lg font-semibold text-gray-600">
-              A Full <span className="text-gradient">AI Tutoring Service</span>
+              A Full <span className="text-gradient">AI Tutoring</span> Service
             </h3>
             <p className="text-base font-normal text-gray-500">
               We will launch our homemade AI tutoring services, allowing
@@ -73,8 +73,8 @@ export default function Roadmap() {
               </time>
             </div>
             <h3 className="text-lg font-semibold text-gray-600">
-              Expanding Our Reach with a Super{" "}
-              <span className="text-gradient">AI Tutor Agent</span>
+              Expanding Our Reach with a{" "}
+              <span className="text-gradient">Super AI</span> Tutor Agent
             </h3>
             <p className="text-base font-normal text-gray-500">
               After continuous iteration on our specifically trained AI tutor,
diff --git a/src/app/Testimonials.tsx b/src/app/Testimonials.tsx
index 2588f1b..960c006 100644
--- a/src/app/Testimonials.tsx
+++ b/src/app/Testimonials.tsx
@@ -1,6 +1,6 @@
 import { motion } from "motion/react";
-import Image from "next/image";
 import { useState } from "react";
+import Image from "next/image";
 
 const posts = [
   {
@@ -167,16 +167,15 @@ export default function Testimonials() {
                 </div>
                 <div className="relative mt-8 flex items-center gap-x-4 justify-self-end">
                   <Image
-                    alt=""
+                    width={40}
+                    height={40}
+                    alt={post.author.name}
                     src={post.author.imageUrl}
                     className="size-10 rounded-full bg-gray-50"
                   />
                   <div className="text-sm/6">
                     <p className="font-semibold text-gray-900">
-                      <a href={post.author.href}>
-                        <span className="absolute inset-0" />
-                        {post.author.name}
-                      </a>
+                      {post.author.name}
                     </p>
                     <p className="text-gray-600">{post.author.role}</p>
                   </div>
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>
diff --git a/src/app/blog/page.tsx b/src/app/blog/page.tsx
new file mode 100644
index 0000000..7fa6f53
--- /dev/null
+++ b/src/app/blog/page.tsx
@@ -0,0 +1,30 @@
+"use client";
+
+import Header from "@/components/Header";
+import { motion } from "motion/react";
+
+export default function Blog() {
+  const box = {
+    width: 100,
+    height: 100,
+    backgroundColor: "#ff0000",
+    marginTop: 20,
+  };
+
+  return (
+    <>
+      <Header />
+      <motion.div
+        className="flex items-center justify-center min-h-screen bg-gray-100"
+        initial={{ opacity: 0 }}
+        animate={{ opacity: 1 }}
+        exit={{ opacity: 0 }}
+        transition={{ duration: 5 }}
+      >
+        <h1 className="text-4xl text-gray-800">
+          Blog Page - Coming Soon Feb 2026!
+        </h1>
+      </motion.div>
+    </>
+  );
+}
diff --git a/src/app/contact/page.tsx b/src/app/contact/page.tsx
deleted file mode 100644
index 550498d..0000000
--- a/src/app/contact/page.tsx
+++ /dev/null
@@ -1,31 +0,0 @@
-"use client";
-
-import { motion } from "motion/react";
-
-export default function ContactPage() {
-  const box = {
-    width: 100,
-    height: 100,
-    backgroundColor: "#ff0000",
-    marginTop: 20,
-  };
-
-  return (
-    <motion.div
-      className="flex items-center justify-center min-h-screen bg-gray-100"
-      initial={{ opacity: 0 }}
-      animate={{ opacity: 1 }}
-      exit={{ opacity: 0 }}
-      transition={{ duration: 10 }}
-    >
-      <h1 className="text-4xl font-bold text-gray-800">
-        Contact Us Page - Coming Soon!
-      </h1>
-      <motion.div
-        style={box}
-        animate={{ rotate: 360 }}
-        transition={{ duration: 10 }}
-      />
-    </motion.div>
-  );
-}
diff --git a/src/components/Header.tsx b/src/components/Header.tsx
index abb6dd0..87c7729 100644
--- a/src/components/Header.tsx
+++ b/src/components/Header.tsx
@@ -15,7 +15,6 @@ export default function Header() {
   const navigation = [
     { name: "About", href: "/about" },
     { name: "Blog", href: "/blog" },
-    { name: "Contact", href: "/contact" },
   ];
 
   const [mobileMenuOpen, setMobileMenuOpen] = useState(false);
@@ -70,7 +69,7 @@ export default function Header() {
               <span className="sr-only">Close menu</span>
               <XMarkIcon aria-hidden="true" className="size-6" />
             </button>
-            <a href="#" className="-m-1.5 p-1.5">
+            <Link href="/" className="-m-1.5 p-1.5">
               <span className="sr-only">Your Company</span>
               <Image
                 alt="Sensible Scholars Logo"
@@ -79,7 +78,7 @@ export default function Header() {
                 height={36}
                 className="rounded-md"
               />
-            </a>
+            </Link>
           </div>
           <div className="mt-6 flow-root">
             <div className="-my-6 divide-y divide-white/10">