import Meta from '../../components/Meta/Meta';
import Layout from '../../layouts/Layout';

import styles from '../../styles/modules/pages/privacy/privacy.module.scss';

const Privacy = () => {
  return (
    <>
      <Meta
        title='Privacy'
        description='Privacy policy of libremdb, a free & open source IMDb front-end.'
      />
      <Layout className={styles.privacy}>
        <section className={styles.policy}>
          <h1 className={`heading heading__primary ${styles.policy__heading}`}>
            Privacy Policy
          </h1>
          <div className={styles.list}>
            <div className={styles.item}>
              <h2
                className={`heading heading__secondary ${styles.item__heading}`}
              >
                Information collected
              </h2>
              <p className={styles.item__text}>No information is collected.</p>
            </div>
            <div className={styles.item}>
              <h2
                className={`heading heading__secondary ${styles.item__heading}`}
              >
                Information stored in your browser
              </h2>
              <p className={styles.item__text}>
                A key named 'theme' is stored in Local Storage provided by your
                browser, if you ever override the default theme. To remove it,
                go to site data settings, and clear the data for this website.
              </p>
              <p className={styles.item__text}>
                To permamently disable libremdb from storing your theme
                prefrences, either turn off JavaScript or disable access to
                Local Storage for libremdb.
              </p>
            </div>
            <div className={styles.item}>
              <h2
                className={`heading heading__secondary ${styles.item__heading}`}
              >
                Information collected by other services
              </h2>
              <p className={styles.item__text}>
                libremdb connects to 'media-amazon.com' and 'media-imdb.com' for
                fetching images and videos. So, Amazon might log your IP
                address, and other information(such as http headers) sent by
                your browser.
              </p>
            </div>
          </div>

          <footer className={styles.metadata}>
            <p>
              Last updated on <time>10 september, 2022.</time>
            </p>
            <p>
              You can see the full revision history of this privacy policy on
              GitHub, or Codeberg.
            </p>
          </footer>
        </section>
      </Layout>
    </>
  );
};

export default Privacy;
