Function PrivacyPolicy

client/src/component/Footers/Privacypolicy.jsx:4–179

(props)

import PropTypes from "prop-types";

export default function PrivacyPolicy(props) {
  const VITE_CLIENT_PORT = import.meta.env.VITE_CLIENT_PORT;

  return (
    <div
      className="privacy-policy-container p-6"
      style={{
        backgroundColor: props.mode === "dark" ? "#111111" : "#f9f9f9",
        color: props.mode === "dark" ? "#f9f9f9" : "#1a1a1a",
        lineHeight: "1.75",
        fontFamily: "'Inter', sans-serif",
      }}
    >
      <h2
        className={`text-4xl font-extrabold mb-10 text-center tracking-wide ${props.mode === "dark" ? "text-gray-100" : "text-gray-700"
          }`}
      >
        Privacy Policy
      </h2>

      <div
        className="container mx-auto p-8"
        style={{
          backgroundColor: props.mode === "dark" ? "#282828" : "#ffffff",
          color: props.mode === "dark" ? "#eaeaea" : "#1a1a1a",
          borderRadius: "12px",
          boxShadow:
            props.mode === "dark"
              ? "0 10px 30px rgba(0, 0, 0, 0.5)"
              : "0 10px 30px rgba(0, 0, 0, 0.1)",
          transition: "all 0.3s ease",
        }}
      >
        <div className="text-sm text-gray-500 dark:text-gray-400 mb-6 italic">
          Last updated: April 13, 2024
        </div>

        <div className="mb-8 text-lg leading-relaxed">
          This Privacy Policy describes our policies and procedures on the
          collection, use, and disclosure of your information when you use the
          Service. It also explains your privacy rights and how the law protects
          you.
        </div>

        <h3
          className={`text-3xl font-semibold mb-6   ${props.mode === "dark" ? "text-gray-100" : "text-gray-700"
            } `}
        >
          Interpretation
        </h3>
        <p className="mb-8 text-lg leading-relaxed">
          Words with capitalized initials have meanings defined under the
          following conditions. These definitions shall apply whether they
          appear in singular or plural.
        </p>

        <h3
          className={`text-3xl font-semibold mb-6 ${props.mode === "dark" ? "text-gray-100" : "text-gray-700"