diff --git a/src/components/TOS.tsx b/src/components/TOS.tsx
new file mode 100644
index 0000000..3f8317b
--- /dev/null
+++ b/src/components/TOS.tsx
@@ -0,0 +1,14 @@
+import React from 'react';
+
+const TOS = () => {
+    return (
+        <div>
+            <h1>Terms of Service</h1>
+            <p> 
+                // Place your terms of service text here...
+            </p>
+        </div>
+    );
+}
+
+export default TOS;
diff --git a/src/pages/index.tsx b/src/pages/index.tsx
index 3b3501c..0248406 100644
--- a/src/pages/index.tsx
+++ b/src/pages/index.tsx
@@ -7,6 +7,8 @@ import { type NextPage } from "next";
 import Head from "next/head";
 import Chat from "../components/Chat/Chat";
 import { chatUserIdAtom } from "./_app";
+import TOS from '../components/TOS';
+
 
 const Home: NextPage = () => {
   console.log("Loggin home page");
@@ -40,6 +42,8 @@ const Home: NextPage = () => {
       <main className="h-full p-4">
         <div className="text-2xl font-semibold">Test your Empathy!</div>
         <Chat />
+<TOS />
+
       </main>
     </>
   );