src/pages/TermsAndConditions/LegalInfoCard.jsx

@@ -0,0 +1,102 @@
+import React from 'react';
+
+const LegalInfoPage = () => {
+  return (
+    <>
+    <div
+      style={{
+        background: 'linear-gradient(180deg, #FF1500FF 30%, #FFFFFFFF 30%)',
+        minHeight: '100vh',
+        display: 'flex',   
+        flexDirection: 'column', 
+        justifyContent: 'center',
+        padding: '2rem',  
+        color: 'white',  
+      }}
+    >
+      <div
+        style={{
+          display: 'flex',
+          flexDirection: 'column',
+          alignItems: 'center',
+          justifyContent: 'center',
+          width: '100%',
+          color: 'white',
+        }}
+      >
+        <div style={{ fontSize: '1.5rem', fontWeight: 'bold', marginBottom: '1rem' }}>
+          MARCO SECURE SOLUTIONS
+        </div>
+
+        <h2 className="fw-bold text-center">Legal Information</h2>
+        <div className="badge bg-dark text-white rounded-pill px-3 py-1 mb-4">
+          Updated: April 18, 2025
+        </div>
+
+        <div
+          className="card shadow p-4 w-100"
+          style={{
+            maxWidth: '800px',
+            borderRadius: '1rem',
+            overflowY: 'auto',
+            flexGrow: 1,
+            
+            marginBottom: '2rem', // Adds space below the card
+          }}
+        >
+          <h4>Terms & Conditions</h4>
+          <p>
+            Welcome to Marco Secure Solutions. By accessing and using our services, you agree to comply with and be bound by the following terms and conditions.
+          </p>
+          <p>
+            1. **Acceptance of Terms** — By creating an account or using our services, you confirm that you have read, understood, and accepted these Terms.
+          </p>
+          <p>
+            2. **Account Responsibility** — You are responsible for maintaining the confidentiality of your account information and for all activities that occur under your account.
+          </p>
+          <p>
+            3. **Service Availability** — We reserve the right to modify or discontinue our services at any time, with or without notice.
+          </p>
+          <p>
+            4. **User Conduct** — You agree not to misuse the services or help anyone else do so. Prohibited behaviors include violating applicable laws, infringing on intellectual property rights, and distributing harmful or illegal content.
+          </p>
+          <p>
+            5. **Limitation of Liability** — Marco Secure Solutions will not be liable for any indirect, incidental, or consequential damages arising out of your use of our services.
+          </p>
+
+          <hr />
+
+          <h4>Privacy Policy</h4>
+          <p>
+            Marco Secure Solutions is committed to protecting your personal information. This Privacy Policy explains how we collect, use, and safeguard your data.
+          </p>
+          <p>
+            1. **Information Collection** — We collect information you provide when creating an account, including your name, email, and other contact details.
+          </p>
+          <p>
+            2. **Usage Data** — We may collect data about how you interact with our platform, including IP address, browser type, and pages visited, to improve our service.
+          </p>
+          <p>
+            3. **Data Usage** — Your information is used to provide and enhance our services, communicate updates, and for customer support.
+          </p>
+          <p>
+            4. **Data Protection** — We implement appropriate security measures to protect your personal data from unauthorized access or disclosure.
+          </p>
+          <p>
+            5. **Third-Party Services** — We do not sell, trade, or rent your personal information. Certain trusted third-party services may be used to support our platform, and they are bound by confidentiality agreements.
+          </p>
+          <p>
+            6. **Your Rights** — You have the right to access, correct, or delete your personal information. For any such requests, please contact our support team.
+          </p>
+
+          <p className="mt-4">
+            For any questions regarding our Terms & Conditions or Privacy Policy, please contact: <a href="mailto:info@marcoaiot.com">info@marcoaiot.com</a>
+          </p>
+        </div>
+      </div>
+    </div>
+    </>
+  );
+};
+
+export default LegalInfoPage;

src/pages/authentication/RegisterPage.jsx

@@ -145,10 +145,16 @@ const RegisterPage = () => {
             />
             <label className="form-check-label" htmlFor="terms-conditions">
               I agree to
-              <a aria-label="pricacy policy and terms" href="#">
+              <Link
-                {" "}
+                aria-label="Go to Login Page"
-                privacy policy & terms
+                to="/legal-info"
-              </a>
+                className="d-flex align-items-center justify-content-center"
+              >
+                <a aria-label="pricacy policy and terms" href="#">
+                  {" "}
+                  privacy policy & terms
+                </a>
+              </Link>
             </label>
           </div>
           {errors.terms && <div className="danger-text text-start" style={{fontSize:"12px"}}>{errors.terms.message}</div>}

src/router/AppRoutes.jsx

@@ -31,6 +31,7 @@ import Support from "../pages/support/Support";
 import Documentation from "../pages/support/Documentation";
 import Connect from "../pages/support/Connect";
 import { ErrorPage } from "../pages/support/ErrorPage";
+import LegalInfoCard from "../pages/TermsAndConditions/LegalInfoCard";
 
 // Protected Route Wrapper
 import ProtectedRoute from "./ProtectedRoute";
@@ -44,6 +45,7 @@ const router = createBrowserRouter(
         { path: "/auth/reqest/demo", element: <RegisterPage /> },
         { path: "/auth/forgot-password", element: <ForgotPasswordPage /> },
         { path: "/reset-password", element: <ResetPasswordPage /> },
+        { path: "/legal-info", element: <LegalInfoCard /> },
       ],
     },
     {