fix privacy linking, added terms of service page

app/(full-page)/page.tsx

@@ -81,8 +81,12 @@ const LandingPage = () => {
 
                                 <div className="col-12 md:col-3 mt-4 md:mt-0">
                                     <h4 className="font-medium text-2xl line-height-3 mb-3 text-900">Legal</h4>
-                                    <a className="line-height-3 text-xl block cursor-pointer mb-2 text-700">Privacy Policy</a>
-                                    <a className="line-height-3 text-xl block cursor-pointer text-700">Terms of Service</a>
+                                    <Link href="/privacy">
+                                        <span className="line-height-3 text-xl block cursor-pointer mb-2 text-700">Privacy Policy</span>
+                                    </Link>
+                                    <Link href="/terms">
+                                        <span className="line-height-3 text-xl block cursor-pointer text-700">Terms of Service</span>
+                                    </Link>
                                 </div>
                             </div>
                         </div>

app/(full-page)/privacy/page.tsx

@@ -2,9 +2,11 @@ import React from 'react';
 
 const PrivacyPage = () => {
     return (
-        <div className="grid">
-            <div className="col-12">
-                <div className="card">
+        <div className="grid" 
+        style={{ maxWidth: '800px', margin: '20px auto', padding: '20px', backgroundColor: '#ffffff', boxShadow: '0 0 10px rgba(0, 0, 0, 0.1)' }}
+        >
+            <div className="col-12" >
+                {/* <div className="card"> */}
                     <h5>Privacy Policy</h5>
                     <p>
                         <b>Effective Date: 1 October 2024</b>
@@ -126,7 +128,7 @@ const PrivacyPage = () => {
                         <br />
                         If you have any questions about this Privacy Policy, please contact us by email: [email protected]
                     </p>
-                </div>
+                {/* </div> */}
             </div>
         </div>
     );

app/(full-page)/terms/page.tsx

@@ -0,0 +1,52 @@
+import React from 'react';
+
+const TermsOfService = () => {
+    return (
+        <div style={{ maxWidth: '800px', margin: '20px auto', padding: '20px', backgroundColor: '#ffffff', boxShadow: '0 0 10px rgba(0, 0, 0, 0.1)' }}>
+            <h1>Terms of Service</h1>
+            <p>Last Updated: 29 October 2024</p>
+
+            <p>Welcome to Quemistry, a learning management platform designed to enhance your educational experience. By using our website, you agree to comply with and be bound by the following Terms of Service. Please review them carefully.</p>
+
+            <h2>1. Acceptance of Terms</h2>
+            <p>By accessing or using Quemistry, you agree to abide by these Terms of Service and to comply with all applicable laws and regulations. If you do not agree with any part of these terms, please do not use our platform.</p>
+
+            <h2>2. Changes to Terms</h2>
+            <p>Quemistry reserves the right to modify these Terms of Service at any time. We will notify you of any changes by updating the date at the top of this page. It is your responsibility to review the terms periodically.</p>
+
+            <h2>3. User Accounts</h2>
+            <p>To use certain features of Quemistry, you may need to create an account. You agree to provide accurate and complete information when creating your account and to keep this information up-to-date. You are responsible for maintaining the confidentiality of your account and password.</p>
+
+            <h2>4. User Conduct</h2>
+            <p>You agree not to use Quemistry in any way that could harm, disable, or impair the platform. Prohibited activities include:</p>
+            <ul>
+                <li>Sharing illegal, harmful, or offensive content</li>
+                <li>Attempting to access unauthorized areas of the platform</li>
+                <li>Harassing or harming other users</li>
+            </ul>
+
+            <h2>5. Intellectual Property</h2>
+            <p>All content on Quemistry, including text, graphics, logos, and software, is the property of Quemistry or its content suppliers and is protected by intellectual property laws. You may not reproduce, distribute, or create derivative works without our permission.</p>
+
+            <h2>6. Fees and Payment</h2>
+            <p>Quemistry offers both free and paid services. If you choose to purchase any paid services, you agree to pay all fees associated with your subscription. Fees may vary and are subject to change with notice.</p>
+
+            <h2>7. Termination</h2>
+            <p>Quemistry reserves the right to terminate or suspend your access to the platform at any time, without notice, for conduct that we believe violates these Terms of Service or is harmful to other users.</p>
+
+            <h2>8. Disclaimer of Warranties</h2>
+            <p>Quemistry is provided "as is" without any warranties, express or implied. We do not warrant that the platform will be error-free or uninterrupted.</p>
+
+            <h2>9. Limitation of Liability</h2>
+            <p>In no event shall Quemistry or its affiliates be liable for any damages arising out of or related to your use of the platform.</p>
+
+            <h2>10. Governing Law</h2>
+            <p>These Terms of Service are governed by the laws of Singapore. You agree to submit to the exclusive jurisdiction of the courts located in Singapore.</p>
+
+            <h2>11. Contact Us</h2>
+            <p>If you have any questions about these Terms of Service, please contact us at <a href="mailto:[email protected]">[email protected]</a>.</p>
+        </div>
+    );
+};
+
+export default TermsOfService;

lib/RouteGuard.ts

@@ -26,6 +26,10 @@ export const RouteGuard = {
         switch (path) {
             case '/':
                 return true;
+            case '/privacy':
+                return true;
+            case '/terms':
+                return true;
             case '/auth/google':
                 return true;
             case '/auth/access':