From e1c6d6dd40499b55fbc52b7113e40a9fec21c5f6 Mon Sep 17 00:00:00 2001
From: iris-mq <83248477+iris-mq@users.noreply.github.com>
Date: Mon, 16 Jun 2025 19:04:32 -0700
Subject: [PATCH 1/7] Update about page content

---
 frontend/src/AboutPage.tsx | 77 ++++++++++++++++++++++++++++++++++++++
 1 file changed, 77 insertions(+)
 create mode 100644 frontend/src/AboutPage.tsx

diff --git a/frontend/src/AboutPage.tsx b/frontend/src/AboutPage.tsx
new file mode 100644
index 0000000..96fcc79
--- /dev/null
+++ b/frontend/src/AboutPage.tsx
@@ -0,0 +1,77 @@
+import { useNavigate } from "react-router-dom";
+
+export default function AboutPage() {
+    const navigate = useNavigate();
+
+    return (
+        <div className="mt-26 max-w-2xl mx-auto my-8 p-8 bg-white rounded-lg shadow-md relative ">
+            <button
+                className="absolute top-2 left-4 flex items-center text-[#4a90e2] hover:text-[#3a7bc8] font-semibold cursor-pointer"
+                onClick={() => navigate(-1)}
+                aria-label="Go back"
+            >
+                <svg className="w-6 h-6 mr-2" fill="none" stroke="currentColor" strokeWidth={2} viewBox="0 0 24 24">
+                    <path strokeLinecap="round" strokeLinejoin="round" d="M15 19l-7-7 7-7" />
+                </svg>
+                Back
+            </button>
+
+            <h1 className="text-3xl font-bold mb-4 text-gray-800 mt-4 text-center">Tenant First Aid</h1>
+
+            <p className="mb-6 text-gray-700">
+                <strong>Tenant First Aid</strong> is an AI-powered chatbot designed to help Oregon tenants navigate housing and eviction issues.
+            </p>
+
+            <p>It is a volunteer-built program by <a href="https://www.codepdx.org/"className="text-blue-700 underline">Code for PDX</a> and <a href="https://www.qiu-qiulaw.com/" className="text-blue-700 underline">Qui Qiu Law</a>.</p>
+
+    
+            <h2 className="text-2xl font-semibold mt-6 mb-2 text-gray-800">Contact:</h2>
+            <p>Michael Zhang</p>
+            <p>Attorney, licensed in Oregon and Washington</p>
+            <p>michael@qiu-qiulaw.com</p>
+
+
+            <h2 className="text-2xl font-semibold mt-6 mb-2 text-gray-800">Features</h2>
+            <ul className="list-disc list-inside mb-6 text-gray-700">
+                <li>Instant answers to common rental questions</li>
+                <li>Guidance on tenant rights and landlord obligations</li>
+                <li>Easy-to-use chat interface</li>
+                <li>Available 24/7</li>
+                <li>Testing</li>
+            </ul>
+            <h2 className="text-2xl font-semibold mt-6 mb-2 text-gray-800">How It Works</h2>
+            <p className="mb-6 text-gray-700">
+                Simply type your question or describe your situation, and Tenant First Aid will provide helpful information or direct you to relevant resources.
+            </p>
+
+            <h3>Quick Facts:</h3>
+            <ul className="list-disc list-inside mb-6 text-gray-700">
+                <li>Uses openAI ChatGPT o3 model</li>
+                <li>Reference library:
+                    <ul className="list-disc list-inside">
+                        <li><a href="https://www.oregonlegislature.gov/bills_laws/ors/ors090.html">ORS 90 (as amended 2023)</a></li>
+                        <li><a href="https://www.oregonlegislature.gov/bills_laws/ors/ors105.html">ORS 105</a></li>
+                        <li><a href="https://eugene.municipal.codes/EC/8.425">Eugene Code Section 8.425</a></li>
+                        <li><a href="https://www.portland.gov/code/30/all">Portland City Code Title 30</a></li>
+                    </ul>
+                </li>
+            </ul>
+
+
+            
+            <h2 className="text-2xl font-semibold mt-6 mb-2 text-gray-800">Disclaimer</h2>
+            <p className="text-gray-600">
+                TenantFirst is an AI assistant and does not provide legal advice. For complex or urgent legal matters, please consult a qualified professional.
+            </p>
+            <p>
+                Tenant First Aid can answer questions about Oregon law and provides legal information. Legal information is not the same as legal advice, which is the application of law to an individual&apos;s specific circumstances. 
+            
+            </p>
+            <p>
+                Tenant First Aid and Qiu-Qiu Law and its affiliated organizations make no claim as to accuracy and is not responsible for any consequences that may result from the use of Tenant First Aid. We recommend that you consult with a licensed attorney if you want assurance that the information provided is appropriate for your particular situation. You should not and are not authorized to rely on Tenant First Aid as a source of legal advice. The use of Tenant First Aid does not create an attorney-client relationship between you and Tenant First Aid, Qiu-Qiu Law, or any of its affiliated organizations.
+
+
+            </p>
+        </div>
+    );
+}
\ No newline at end of file

From 734e6eba3188a6f9ccbc751fa193fec52dc9d089 Mon Sep 17 00:00:00 2001
From: iris-mq <83248477+iris-mq@users.noreply.github.com>
Date: Thu, 19 Jun 2025 15:44:18 -0700
Subject: [PATCH 2/7] Remove extra spaces & fix typos

---
 frontend/src/AboutPage.tsx | 35 +++--------------------------------
 1 file changed, 3 insertions(+), 32 deletions(-)

diff --git a/frontend/src/AboutPage.tsx b/frontend/src/AboutPage.tsx
index 96fcc79..1ab0b51 100644
--- a/frontend/src/AboutPage.tsx
+++ b/frontend/src/AboutPage.tsx
@@ -15,35 +15,22 @@ export default function AboutPage() {
                 </svg>
                 Back
             </button>
-
             <h1 className="text-3xl font-bold mb-4 text-gray-800 mt-4 text-center">Tenant First Aid</h1>
-
-            <p className="mb-6 text-gray-700">
-                <strong>Tenant First Aid</strong> is an AI-powered chatbot designed to help Oregon tenants navigate housing and eviction issues.
-            </p>
-
-            <p>It is a volunteer-built program by <a href="https://www.codepdx.org/"className="text-blue-700 underline">Code for PDX</a> and <a href="https://www.qiu-qiulaw.com/" className="text-blue-700 underline">Qui Qiu Law</a>.</p>
-
-    
+            <p className="mb-6 text-gray-700"><strong>Tenant First Aid</strong> is an AI-powered chatbot designed to help Oregon tenants navigate housing and eviction issues.</p>
+            <p>It is a volunteer-built program by <a href="https://www.codepdx.org/"className="text-blue-700 underline">Code PDX</a> and <a href="https://www.qiu-qiulaw.com/" className="text-blue-700 underline">Qiu Qiu Law</a>.</p>
             <h2 className="text-2xl font-semibold mt-6 mb-2 text-gray-800">Contact:</h2>
             <p>Michael Zhang</p>
             <p>Attorney, licensed in Oregon and Washington</p>
             <p>michael@qiu-qiulaw.com</p>
-
-
             <h2 className="text-2xl font-semibold mt-6 mb-2 text-gray-800">Features</h2>
             <ul className="list-disc list-inside mb-6 text-gray-700">
                 <li>Instant answers to common rental questions</li>
                 <li>Guidance on tenant rights and landlord obligations</li>
                 <li>Easy-to-use chat interface</li>
                 <li>Available 24/7</li>
-                <li>Testing</li>
             </ul>
             <h2 className="text-2xl font-semibold mt-6 mb-2 text-gray-800">How It Works</h2>
-            <p className="mb-6 text-gray-700">
-                Simply type your question or describe your situation, and Tenant First Aid will provide helpful information or direct you to relevant resources.
-            </p>
-
+            <p className="mb-6 text-gray-700">Simply type your question or describe your situation, and Tenant First Aid will provide helpful information or direct you to relevant resources.</p>
             <h3>Quick Facts:</h3>
             <ul className="list-disc list-inside mb-6 text-gray-700">
                 <li>Uses openAI ChatGPT o3 model</li>
@@ -56,22 +43,6 @@ export default function AboutPage() {
                     </ul>
                 </li>
             </ul>
-
-
-            
-            <h2 className="text-2xl font-semibold mt-6 mb-2 text-gray-800">Disclaimer</h2>
-            <p className="text-gray-600">
-                TenantFirst is an AI assistant and does not provide legal advice. For complex or urgent legal matters, please consult a qualified professional.
-            </p>
-            <p>
-                Tenant First Aid can answer questions about Oregon law and provides legal information. Legal information is not the same as legal advice, which is the application of law to an individual&apos;s specific circumstances. 
-            
-            </p>
-            <p>
-                Tenant First Aid and Qiu-Qiu Law and its affiliated organizations make no claim as to accuracy and is not responsible for any consequences that may result from the use of Tenant First Aid. We recommend that you consult with a licensed attorney if you want assurance that the information provided is appropriate for your particular situation. You should not and are not authorized to rely on Tenant First Aid as a source of legal advice. The use of Tenant First Aid does not create an attorney-client relationship between you and Tenant First Aid, Qiu-Qiu Law, or any of its affiliated organizations.
-
-
-            </p>
         </div>
     );
 }
\ No newline at end of file

From bd43063ddfa55e4f1218f44d526f8a05231864e0 Mon Sep 17 00:00:00 2001
From: iris-mq <83248477+iris-mq@users.noreply.github.com>
Date: Thu, 19 Jun 2025 15:49:22 -0700
Subject: [PATCH 3/7] Add text explaining TFA name

---
 frontend/src/AboutPage.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/frontend/src/AboutPage.tsx b/frontend/src/AboutPage.tsx
index 1ab0b51..4b78cb7 100644
--- a/frontend/src/AboutPage.tsx
+++ b/frontend/src/AboutPage.tsx
@@ -16,8 +16,8 @@ export default function AboutPage() {
                 Back
             </button>
             <h1 className="text-3xl font-bold mb-4 text-gray-800 mt-4 text-center">Tenant First Aid</h1>
-            <p className="mb-6 text-gray-700"><strong>Tenant First Aid</strong> is an AI-powered chatbot designed to help Oregon tenants navigate housing and eviction issues.</p>
-            <p>It is a volunteer-built program by <a href="https://www.codepdx.org/"className="text-blue-700 underline">Code PDX</a> and <a href="https://www.qiu-qiulaw.com/" className="text-blue-700 underline">Qiu Qiu Law</a>.</p>
+            <p className="mb-6 text-gray-700"><strong>Tenant First Aid</strong> is an AI-powered chatbot designed to help Oregon tenants navigate housing and eviction issues. It is a volunteer-built program by <a href="https://www.codepdx.org/"className="text-blue-700 underline">Code PDX</a> and <a href="https://www.qiu-qiulaw.com/" className="text-blue-700 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 text-gray-800">Contact:</h2>
             <p>Michael Zhang</p>
             <p>Attorney, licensed in Oregon and Washington</p>

From b34087b22a80a1ddf8e2f4b204a7be26c473d26b Mon Sep 17 00:00:00 2001
From: iris-mq <83248477+iris-mq@users.noreply.github.com>
Date: Thu, 19 Jun 2025 16:30:54 -0700
Subject: [PATCH 4/7] Fix formatting with Prettier

---
 frontend/src/AboutPage.tsx | 149 ++++++++++++++++++++++++++-----------
 1 file changed, 105 insertions(+), 44 deletions(-)

diff --git a/frontend/src/AboutPage.tsx b/frontend/src/AboutPage.tsx
index 4b78cb7..a7a51dd 100644
--- a/frontend/src/AboutPage.tsx
+++ b/frontend/src/AboutPage.tsx
@@ -1,48 +1,109 @@
 import { useNavigate } from "react-router-dom";
 
 export default function AboutPage() {
-    const navigate = useNavigate();
+  const navigate = useNavigate();
 
-    return (
-        <div className="mt-26 max-w-2xl mx-auto my-8 p-8 bg-white rounded-lg shadow-md relative ">
-            <button
-                className="absolute top-2 left-4 flex items-center text-[#4a90e2] hover:text-[#3a7bc8] font-semibold cursor-pointer"
-                onClick={() => navigate(-1)}
-                aria-label="Go back"
-            >
-                <svg className="w-6 h-6 mr-2" fill="none" stroke="currentColor" strokeWidth={2} viewBox="0 0 24 24">
-                    <path strokeLinecap="round" strokeLinejoin="round" d="M15 19l-7-7 7-7" />
-                </svg>
-                Back
-            </button>
-            <h1 className="text-3xl font-bold mb-4 text-gray-800 mt-4 text-center">Tenant First Aid</h1>
-            <p className="mb-6 text-gray-700"><strong>Tenant First Aid</strong> is an AI-powered chatbot designed to help Oregon tenants navigate housing and eviction issues. It is a volunteer-built program by <a href="https://www.codepdx.org/"className="text-blue-700 underline">Code PDX</a> and <a href="https://www.qiu-qiulaw.com/" className="text-blue-700 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 text-gray-800">Contact:</h2>
-            <p>Michael Zhang</p>
-            <p>Attorney, licensed in Oregon and Washington</p>
-            <p>michael@qiu-qiulaw.com</p>
-            <h2 className="text-2xl font-semibold mt-6 mb-2 text-gray-800">Features</h2>
-            <ul className="list-disc list-inside mb-6 text-gray-700">
-                <li>Instant answers to common rental questions</li>
-                <li>Guidance on tenant rights and landlord obligations</li>
-                <li>Easy-to-use chat interface</li>
-                <li>Available 24/7</li>
-            </ul>
-            <h2 className="text-2xl font-semibold mt-6 mb-2 text-gray-800">How It Works</h2>
-            <p className="mb-6 text-gray-700">Simply type your question or describe your situation, and Tenant First Aid will provide helpful information or direct you to relevant resources.</p>
-            <h3>Quick Facts:</h3>
-            <ul className="list-disc list-inside mb-6 text-gray-700">
-                <li>Uses openAI ChatGPT o3 model</li>
-                <li>Reference library:
-                    <ul className="list-disc list-inside">
-                        <li><a href="https://www.oregonlegislature.gov/bills_laws/ors/ors090.html">ORS 90 (as amended 2023)</a></li>
-                        <li><a href="https://www.oregonlegislature.gov/bills_laws/ors/ors105.html">ORS 105</a></li>
-                        <li><a href="https://eugene.municipal.codes/EC/8.425">Eugene Code Section 8.425</a></li>
-                        <li><a href="https://www.portland.gov/code/30/all">Portland City Code Title 30</a></li>
-                    </ul>
-                </li>
-            </ul>
-        </div>
-    );
-}
\ No newline at end of file
+  return (
+    <div className="mt-26 max-w-2xl mx-auto my-8 p-8 bg-white rounded-lg shadow-md relative ">
+      <button
+        className="absolute top-2 left-4 flex items-center text-[#4a90e2] hover:text-[#3a7bc8] font-semibold cursor-pointer"
+        onClick={() => navigate(-1)}
+        aria-label="Go back"
+      >
+        <svg
+          className="w-6 h-6 mr-2"
+          fill="none"
+          stroke="currentColor"
+          strokeWidth={2}
+          viewBox="0 0 24 24"
+        >
+          <path
+            strokeLinecap="round"
+            strokeLinejoin="round"
+            d="M15 19l-7-7 7-7"
+          />
+        </svg>
+        Back
+      </button>
+      <h1 className="text-3xl font-bold mb-4 text-gray-800 mt-4 text-center">
+        Tenant First Aid
+      </h1>
+      <p className="mb-6 text-gray-700">
+        <strong>Tenant First Aid</strong> is an AI-powered chatbot designed to
+        help Oregon tenants navigate housing and eviction issues. It is a
+        volunteer-built program by{" "}
+        <a href="https://www.codepdx.org/" className="text-blue-700 underline">
+          Code PDX
+        </a>{" "}
+        and{" "}
+        <a
+          href="https://www.qiu-qiulaw.com/"
+          className="text-blue-700 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 text-gray-800">
+        Contact:
+      </h2>
+      <p>Michael Zhang</p>
+      <p>Attorney, licensed in Oregon and Washington</p>
+      <p>michael@qiu-qiulaw.com</p>
+      <h2 className="text-2xl font-semibold mt-6 mb-2 text-gray-800">
+        Features
+      </h2>
+      <ul className="list-disc list-inside mb-6 text-gray-700">
+        <li>Instant answers to common rental questions</li>
+        <li>Guidance on tenant rights and landlord obligations</li>
+        <li>Easy-to-use chat interface</li>
+        <li>Available 24/7</li>
+      </ul>
+      <h2 className="text-2xl font-semibold mt-6 mb-2 text-gray-800">
+        How It Works
+      </h2>
+      <p className="mb-6 text-gray-700">
+        Simply type your question or describe your situation, and Tenant First
+        Aid will provide helpful information or direct you to relevant
+        resources.
+      </p>
+      <h3>Quick Facts:</h3>
+      <ul className="list-disc list-inside mb-6 text-gray-700">
+        <li>Uses openAI ChatGPT o3 model</li>
+        <li>
+          Reference library:
+          <ul className="list-disc list-inside">
+            <li>
+              <a href="https://www.oregonlegislature.gov/bills_laws/ors/ors090.html">
+                ORS 90 (as amended 2023)
+              </a>
+            </li>
+            <li>
+              <a href="https://www.oregonlegislature.gov/bills_laws/ors/ors105.html">
+                ORS 105
+              </a>
+            </li>
+            <li>
+              <a href="https://eugene.municipal.codes/EC/8.425">
+                Eugene Code Section 8.425
+              </a>
+            </li>
+            <li>
+              <a href="https://www.portland.gov/code/30/all">
+                Portland City Code Title 30
+              </a>
+            </li>
+          </ul>
+        </li>
+      </ul>
+    </div>
+  );
+}

From c95a14a67ca11fa458f7b0ff51a376edddff7e03 Mon Sep 17 00:00:00 2001
From: iris-mq <83248477+iris-mq@users.noreply.github.com>
Date: Thu, 19 Jun 2025 16:44:41 -0700
Subject: [PATCH 5/7] Style list items and links

---
 frontend/src/About.tsx     | 147 +++++++++++++++++++++++++------------
 frontend/src/AboutPage.tsx | 109 ---------------------------
 2 files changed, 100 insertions(+), 156 deletions(-)
 delete mode 100644 frontend/src/AboutPage.tsx

diff --git a/frontend/src/About.tsx b/frontend/src/About.tsx
index 5f28a8e..473294f 100644
--- a/frontend/src/About.tsx
+++ b/frontend/src/About.tsx
@@ -1,56 +1,109 @@
 import { useNavigate } from "react-router-dom";
 
-export default function About() {
+export default function AboutPage() {
   const navigate = useNavigate();
 
   return (
-    <div className="flex items-center h-dvh pt-16 sm:pt-0">
-      <div className="relative max-w-2xl m-auto p-8 bg-[#F4F4F2] rounded-lg shadow-md">
-        <button
-          className="absolute top-4 left-4 flex text-[#4a90e2] hover:text-[#3a7bc8] font-semibold cursor-pointer"
-          onClick={() => navigate(-1)}
-          aria-label="Go back"
+    <div className="mt-26 max-w-2xl mx-auto my-8 p-8 bg-white rounded-lg shadow-md relative ">
+      <button
+        className="absolute top-2 left-4 flex items-center text-[#4a90e2] hover:text-[#3a7bc8] font-semibold cursor-pointer"
+        onClick={() => navigate(-1)}
+        aria-label="Go back"
+      >
+        <svg
+          className="w-6 h-6 mr-2"
+          fill="none"
+          stroke="currentColor"
+          strokeWidth={2}
+          viewBox="0 0 24 24"
         >
-          <svg
-            className="w-6 h-6 mr-2"
-            fill="none"
-            stroke="currentColor"
-            strokeWidth={2}
-            viewBox="0 0 24 24"
-          >
-            <path
-              strokeLinecap="round"
-              strokeLinejoin="round"
-              d="M15 19l-7-7 7-7"
-            />
-          </svg>
-          Back
-        </button>
-        <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.
-        </p>
-        <h2 className="text-2xl font-semibold mt-6 mb-2">Features</h2>
-        <ul className="list-disc list-inside mb-6">
-          <li>Instant answers to common rental questions</li>
-          <li>Guidance on tenant rights and landlord obligations</li>
-          <li>Easy-to-use chat interface</li>
-          <li>Available 24/7</li>
-        </ul>
-        <h2 className="text-2xl font-semibold mt-6 mb-2">How It Works</h2>
-        <p className="mb-6">
-          Simply type your question or describe your situation, and Tenant First
-          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>
-      </div>
+          <path
+            strokeLinecap="round"
+            strokeLinejoin="round"
+            d="M15 19l-7-7 7-7"
+          />
+        </svg>
+        Back
+      </button>
+      <h1 className="text-3xl font-bold mb-4 text-gray-800 mt-4 text-center">
+        Tenant First Aid
+      </h1>
+      <p className="mb-6 text-gray-700">
+        <strong>Tenant First Aid</strong> is an AI-powered chatbot designed to
+        help Oregon tenants navigate housing and eviction issues. It is a
+        volunteer-built program by{" "}
+        <a href="https://www.codepdx.org/" className="text-blue-700 underline">
+          Code PDX
+        </a>{" "}
+        and{" "}
+        <a
+          href="https://www.qiu-qiulaw.com/"
+          className="text-blue-700 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 text-gray-800">
+        Contact:
+      </h2>
+      <p>Michael Zhang</p>
+      <p>Attorney, licensed in Oregon and Washington</p>
+      <p>michael@qiu-qiulaw.com</p>
+      <h2 className="text-2xl font-semibold mt-6 mb-2 text-gray-800">
+        Features
+      </h2>
+      <ul className="list-disc list-inside mb-6 text-gray-700">
+        <li>Instant answers to common rental questions</li>
+        <li>Guidance on tenant rights and landlord obligations</li>
+        <li>Easy-to-use chat interface</li>
+        <li>Available 24/7</li>
+      </ul>
+      <h2 className="text-2xl font-semibold mt-6 mb-2 text-gray-800">
+        How It Works
+      </h2>
+      <p className="mb-6 text-gray-700">
+        Simply type your question or describe your situation, and Tenant First
+        Aid will provide helpful information or direct you to relevant
+        resources.
+      </p>
+      <h2 className="text-2xl font-semibold mt-6 mb-2 text-gray-800">Quick Facts:</h2>
+      <ul className="list-disc list-inside mb-6 text-gray-700">
+        <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-700 underline">
+                ORS 90 (as amended 2023)
+              </a>
+            </li>
+            <li>
+              <a href="https://www.oregonlegislature.gov/bills_laws/ors/ors105.html" className="text-blue-700 underline">
+                ORS 105
+              </a>
+            </li>
+            <li>
+              <a href="https://eugene.municipal.codes/EC/8.425" className="text-blue-700 underline">
+                Eugene Code Section 8.425
+              </a>
+            </li>
+            <li>
+              <a href="https://www.portland.gov/code/30/all" className="text-blue-700 underline">
+                Portland City Code Title 30
+              </a>
+            </li>
+          </ul>
+        </li>
+      </ul>
     </div>
   );
 }
diff --git a/frontend/src/AboutPage.tsx b/frontend/src/AboutPage.tsx
deleted file mode 100644
index a7a51dd..0000000
--- a/frontend/src/AboutPage.tsx
+++ /dev/null
@@ -1,109 +0,0 @@
-import { useNavigate } from "react-router-dom";
-
-export default function AboutPage() {
-  const navigate = useNavigate();
-
-  return (
-    <div className="mt-26 max-w-2xl mx-auto my-8 p-8 bg-white rounded-lg shadow-md relative ">
-      <button
-        className="absolute top-2 left-4 flex items-center text-[#4a90e2] hover:text-[#3a7bc8] font-semibold cursor-pointer"
-        onClick={() => navigate(-1)}
-        aria-label="Go back"
-      >
-        <svg
-          className="w-6 h-6 mr-2"
-          fill="none"
-          stroke="currentColor"
-          strokeWidth={2}
-          viewBox="0 0 24 24"
-        >
-          <path
-            strokeLinecap="round"
-            strokeLinejoin="round"
-            d="M15 19l-7-7 7-7"
-          />
-        </svg>
-        Back
-      </button>
-      <h1 className="text-3xl font-bold mb-4 text-gray-800 mt-4 text-center">
-        Tenant First Aid
-      </h1>
-      <p className="mb-6 text-gray-700">
-        <strong>Tenant First Aid</strong> is an AI-powered chatbot designed to
-        help Oregon tenants navigate housing and eviction issues. It is a
-        volunteer-built program by{" "}
-        <a href="https://www.codepdx.org/" className="text-blue-700 underline">
-          Code PDX
-        </a>{" "}
-        and{" "}
-        <a
-          href="https://www.qiu-qiulaw.com/"
-          className="text-blue-700 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 text-gray-800">
-        Contact:
-      </h2>
-      <p>Michael Zhang</p>
-      <p>Attorney, licensed in Oregon and Washington</p>
-      <p>michael@qiu-qiulaw.com</p>
-      <h2 className="text-2xl font-semibold mt-6 mb-2 text-gray-800">
-        Features
-      </h2>
-      <ul className="list-disc list-inside mb-6 text-gray-700">
-        <li>Instant answers to common rental questions</li>
-        <li>Guidance on tenant rights and landlord obligations</li>
-        <li>Easy-to-use chat interface</li>
-        <li>Available 24/7</li>
-      </ul>
-      <h2 className="text-2xl font-semibold mt-6 mb-2 text-gray-800">
-        How It Works
-      </h2>
-      <p className="mb-6 text-gray-700">
-        Simply type your question or describe your situation, and Tenant First
-        Aid will provide helpful information or direct you to relevant
-        resources.
-      </p>
-      <h3>Quick Facts:</h3>
-      <ul className="list-disc list-inside mb-6 text-gray-700">
-        <li>Uses openAI ChatGPT o3 model</li>
-        <li>
-          Reference library:
-          <ul className="list-disc list-inside">
-            <li>
-              <a href="https://www.oregonlegislature.gov/bills_laws/ors/ors090.html">
-                ORS 90 (as amended 2023)
-              </a>
-            </li>
-            <li>
-              <a href="https://www.oregonlegislature.gov/bills_laws/ors/ors105.html">
-                ORS 105
-              </a>
-            </li>
-            <li>
-              <a href="https://eugene.municipal.codes/EC/8.425">
-                Eugene Code Section 8.425
-              </a>
-            </li>
-            <li>
-              <a href="https://www.portland.gov/code/30/all">
-                Portland City Code Title 30
-              </a>
-            </li>
-          </ul>
-        </li>
-      </ul>
-    </div>
-  );
-}

From 4457f467a22663290c14aa6e7c895561abb06c5e Mon Sep 17 00:00:00 2001
From: iris-mq <83248477+iris-mq@users.noreply.github.com>
Date: Thu, 19 Jun 2025 16:47:28 -0700
Subject: [PATCH 6/7] Fix format with Prettier

---
 frontend/src/About.tsx | 24 +++++++++++++++++++-----
 1 file changed, 19 insertions(+), 5 deletions(-)

diff --git a/frontend/src/About.tsx b/frontend/src/About.tsx
index 473294f..b80302e 100644
--- a/frontend/src/About.tsx
+++ b/frontend/src/About.tsx
@@ -75,29 +75,43 @@ export default function AboutPage() {
         Aid will provide helpful information or direct you to relevant
         resources.
       </p>
-      <h2 className="text-2xl font-semibold mt-6 mb-2 text-gray-800">Quick Facts:</h2>
+      <h2 className="text-2xl font-semibold mt-6 mb-2 text-gray-800">
+        Quick Facts:
+      </h2>
       <ul className="list-disc list-inside mb-6 text-gray-700">
         <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-700 underline">
+              <a
+                href="https://www.oregonlegislature.gov/bills_laws/ors/ors090.html"
+                className="text-blue-700 underline"
+              >
                 ORS 90 (as amended 2023)
               </a>
             </li>
             <li>
-              <a href="https://www.oregonlegislature.gov/bills_laws/ors/ors105.html" className="text-blue-700 underline">
+              <a
+                href="https://www.oregonlegislature.gov/bills_laws/ors/ors105.html"
+                className="text-blue-700 underline"
+              >
                 ORS 105
               </a>
             </li>
             <li>
-              <a href="https://eugene.municipal.codes/EC/8.425" className="text-blue-700 underline">
+              <a
+                href="https://eugene.municipal.codes/EC/8.425"
+                className="text-blue-700 underline"
+              >
                 Eugene Code Section 8.425
               </a>
             </li>
             <li>
-              <a href="https://www.portland.gov/code/30/all" className="text-blue-700 underline">
+              <a
+                href="https://www.portland.gov/code/30/all"
+                className="text-blue-700 underline"
+              >
                 Portland City Code Title 30
               </a>
             </li>

From c236f88c5b6b09a3a5b993323db2fb8be0843d73 Mon Sep 17 00:00:00 2001
From: iris-mq <83248477+iris-mq@users.noreply.github.com>
Date: Tue, 24 Jun 2025 16:33:39 -0700
Subject: [PATCH 7/7] Remove H1, update AboutPage to About, change link
 font-weight to 600

---
 frontend/src/About.tsx | 17 +++++++----------
 1 file changed, 7 insertions(+), 10 deletions(-)

diff --git a/frontend/src/About.tsx b/frontend/src/About.tsx
index b80302e..c686078 100644
--- a/frontend/src/About.tsx
+++ b/frontend/src/About.tsx
@@ -1,6 +1,6 @@
 import { useNavigate } from "react-router-dom";
 
-export default function AboutPage() {
+export default function About() {
   const navigate = useNavigate();
 
   return (
@@ -25,20 +25,17 @@ export default function AboutPage() {
         </svg>
         Back
       </button>
-      <h1 className="text-3xl font-bold mb-4 text-gray-800 mt-4 text-center">
-        Tenant First Aid
-      </h1>
       <p className="mb-6 text-gray-700">
         <strong>Tenant First Aid</strong> is an AI-powered chatbot designed to
         help Oregon tenants navigate housing and eviction issues. It is a
         volunteer-built program by{" "}
-        <a href="https://www.codepdx.org/" className="text-blue-700 underline">
+        <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-700 underline"
+          className="text-blue-600 underline"
         >
           Qiu Qiu Law
         </a>
@@ -86,7 +83,7 @@ export default function AboutPage() {
             <li>
               <a
                 href="https://www.oregonlegislature.gov/bills_laws/ors/ors090.html"
-                className="text-blue-700 underline"
+                className="text-blue-600 underline"
               >
                 ORS 90 (as amended 2023)
               </a>
@@ -94,7 +91,7 @@ export default function AboutPage() {
             <li>
               <a
                 href="https://www.oregonlegislature.gov/bills_laws/ors/ors105.html"
-                className="text-blue-700 underline"
+                className="text-blue-600 underline"
               >
                 ORS 105
               </a>
@@ -102,7 +99,7 @@ export default function AboutPage() {
             <li>
               <a
                 href="https://eugene.municipal.codes/EC/8.425"
-                className="text-blue-700 underline"
+                className="text-blue-600 underline"
               >
                 Eugene Code Section 8.425
               </a>
@@ -110,7 +107,7 @@ export default function AboutPage() {
             <li>
               <a
                 href="https://www.portland.gov/code/30/all"
-                className="text-blue-700 underline"
+                className="text-blue-600 underline"
               >
                 Portland City Code Title 30
               </a>