header & footer

app/terms/page.tsx

@@ -1,7 +1,10 @@
+import { Main } from "../ui/Main";
+import { PageFooter } from "../ui/PageFooter";
+import { PageHeader } from "../ui/PageHeader";
 
 const TermsPage = () =>
-    <main>
-        <article className="prose container mx-auto my-[4em]">
+    <Main>
+        <article className="prose container">
             <h1>Terms of Service for Home Utility Bills Tracking Web Application</h1>
             <h2>1. Introduction</h2>
             <p>Welcome to our Home Utility Bills Tracking Web Application (“App”). These Terms of Service (“Terms”) govern your access to and use of our App. By accessing or using the App, you agree to be bound by these Terms.</p>
@@ -42,6 +45,6 @@ const TermsPage = () =>
             <h2>11. Contact Us</h2>
             <p>If you have any questions about these Terms, please contact us at [Contact Information].</p>
         </article>
-    </main>;
+    </Main>;
 
 export default TermsPage;