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;
