Add Legal Information page and update routing for legal info access #27
102
src/pages/TermsAndConditions/LegalInfoCard.jsx
Normal file
102
src/pages/TermsAndConditions/LegalInfoCard.jsx
Normal file
@ -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;
|
||||
@ -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="#">
|
||||
{" "}
|
||||
privacy policy & terms
|
||||
</a>
|
||||
<Link
|
||||
aria-label="Go to Login Page"
|
||||
to="/legal-info"
|
||||
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>}
|
||||
|
||||
@ -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 /> },
|
||||
],
|
||||
},
|
||||
{
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user