Merge pull request #156 from iris-mq/about-page-updates-6-25-25

About page updates from 6-25-25, ready to merge.

Author: iris-mq

frontend/package-lock.json

@@ -28,7 +28,7 @@
     "eslint-plugin-react-hooks": "^5.2.0",
     "eslint-plugin-react-refresh": "^0.4.19",
     "globals": "^16.0.0",
-    "prettier": "^3.5.3",
+    "prettier": "^3.6.2",
     "typescript": "~5.7.2",
     "typescript-eslint": "^8.26.1",
     "vite": "^6.3.1"

frontend/package.json

@@ -2,16 +2,42 @@ import BackLink from "./shared/components/BackLink";
 
 export default function About() {
   return (
-    <div className="flex items-center pt-16 sm:mt-26 sm:pt-0">
-      <div className="relative max-w-2xl m-auto p-8 bg-[#F4F4F2] rounded-lg shadow-md">
+    <div className="flex items-center my-16 mb-0 sm:mt-26 sm:mb-10">
+      <div className="relative max-w-2xl m-auto p-8 bg-[#F4F4F2] rounded-none sm:rounded-lg shadow-md">
         <BackLink />
         <p className="my-6">
           <strong>Tenant First Aid</strong> is an AI-powered chatbot designed to
-          help tenants navigate rental issues, answer questions, and provides
-          legal advice related to housing and eviction.
+          help Oregon tenants navigate housing and eviction issues. It is a
+          volunteer-built program by{" "}
+          <a
+            href="https://www.codepdx.org/"
+            className="text-blue-600 underline"
+          >
+            Code PDX
+          </a>{" "}
+          and{" "}
+          <a
+            href="https://www.qiu-qiulaw.com/"
+            className="text-blue-600 underline"
+          >
+            Qiu Qiu Law
+          </a>
+          .
         </p>
+        <p className="mb-6 text-gray-700">
+          It&apos;s called "Tenant First Aid" because it&apos;s like emergency
+          help for renters facing eviction—quick, clear, and focused on what to
+          do right now. Just like medical first aid helps stabilize someone
+          before they can see a doctor, Tenant First Aid gives Oregon tenants
+          the essential legal info they need to understand an eviction notice,
+          respond on time, and avoid mistakes that could cost them their home.
+        </p>
+        <h2 className="text-2xl font-semibold mt-6 mb-2">Contact:</h2>
+        <p>Michael Zhang</p>
+        <p>Attorney, licensed in Oregon and Washington</p>
+        <p>[email protected]</p>
         <h2 className="text-2xl font-semibold mt-6 mb-2">Features</h2>
-        <ul className="list-disc list-inside mb-6">
+        <ul className="list-disc list-inside">
           <li>Instant answers to common rental questions</li>
           <li>Guidance on tenant rights and landlord obligations</li>
           <li>Easy-to-use chat interface</li>
@@ -23,12 +49,47 @@ export default function About() {
           Aid will provide helpful information or direct you to relevant
           resources.
         </p>
-        <h2 className="text-2xl font-semibold mt-6 mb-2">Disclaimer</h2>
-        <p className="">
-          <strong>Tenant First Aid</strong> is an AI assistant and does not
-          provide legal advice. For complex or urgent legal matters, please
-          consult a qualified professional.
-        </p>
+        <h2 className="text-2xl font-semibold mt-6 mb-2">Quick Facts:</h2>
+        <ul className="list-disc list-inside mb-6">
+          <li>Uses openAI ChatGPT o3 model</li>
+          <li>
+            Reference library:
+            <ul className="list-none pl-6 mt-1">
+              <li>
+                <a
+                  href="https://www.oregonlegislature.gov/bills_laws/ors/ors090.html"
+                  className="text-blue-600 underline"
+                >
+                  ORS 90 (as amended 2023)
+                </a>
+              </li>
+              <li>
+                <a
+                  href="https://www.oregonlegislature.gov/bills_laws/ors/ors105.html"
+                  className="text-blue-600 underline"
+                >
+                  ORS 105
+                </a>
+              </li>
+              <li>
+                <a
+                  href="https://eugene.municipal.codes/EC/8.425"
+                  className="text-blue-600 underline"
+                >
+                  Eugene Code Section 8.425
+                </a>
+              </li>
+              <li>
+                <a
+                  href="https://www.portland.gov/code/30/all"
+                  className="text-blue-600 underline"
+                >
+                  Portland City Code Title 30
+                </a>
+              </li>
+            </ul>
+          </li>
+        </ul>
       </div>
     </div>
   );