import React from 'react';
import { Link } from 'react-router-dom';
import PublicNavbar from '../components/PublicNavbar';
import PublicFooter from '../components/PublicFooter';

export default function PrivacyPolicy() {
  return (
    <>
      <PublicNavbar />
      <main className="bg-gradient-to-bl from-[var(--neutral-100)] to-[var(--neutral-800)] text-[var(--purple-deep)]">
        <div className="mx-auto w-full max-w-5xl px-4 sm:px-6 lg:px-8 py-10">
          <header className="border-b pb-6">
            <h1 className="text-3xl sm:text-4xl font-bold tracking-tight" style={{ fontFamily: 'Poppins' }}>
              LOAFers, Inc. Website Privacy Policy
            </h1>
          </header>

          <div className="prose text-[var(--purple-deep)] max-w-none prose-h2:mt-10 prose-h2:scroll-mt-24 prose-h3:mt-6">
            <section className="mt-8">
              <p>
                This Privacy Policy ("Policy") applies to Membership Applications, and LOAFers, Inc. ("Company") and
                governs data collection and usage. The Company&apos;s application is a Membership request, Membership online
                profile, and Consent to receive eNewsletters. By using the Company application, you consent to the data
                practices described in the statement.
              </p>
              <p>
                We reserve the right to change this policy at any given time, of which you will be promptly updated. If
                you want to make sure that you are up to date with the latest changes, we advise you to frequently visit
                this page.
              </p>
            </section>

            <section id="user-data" className="scroll-mt-24">
              <h2 className="text-xl sm:text-2xl font-bold text-[var(--purple-deep)]">What User Data We Collect</h2>
              <p>When you visit the Site, we may collect the following data:</p>
              <ul className="list-disc pl-6 space-y-1">
                <li>Your IP address.</li>
                <li>Your contact information and email address.</li>
              </ul>

              <p>When you apply for membership, we collect the following data:</p>
              <ul className="list-disc pl-6 space-y-1">
                <li>First and last name</li>
                <li>Mailing address</li>
                <li>Email</li>
                <li>Phone number</li>
                <li>Birthday</li>
              </ul>

              <p>If you choose to pay your membership administrative fee online, we have access to:</p>
              <ul className="list-disc pl-6 space-y-1">
                <li>Partial credit card information</li>
              </ul>

              <p>You may also choose to provide the following:</p>
              <ul className="list-disc pl-6 space-y-1">
                <li>Partners name</li>
                <li>Photo</li>
                <li>Self-bio</li>
                <li>Consent to receive our eNewsletter</li>
                <li>Consent to display an online profile visible only to membership</li>
              </ul>
            </section>

            <section id="why-collect" className="scroll-mt-24">
              <h2 className="text-xl sm:text-2xl font-bold text-[var(--purple-deep)]">Why We Collect Your Data</h2>
              <ul className="list-disc pl-6 space-y-1">
                <li>
                  To send you announcement emails containing the information about our events and information we think you
                  will find interesting.
                </li>
                <li>To contact you to fill out surveys about our membership</li>
                <li>To customize our blog according to your online behavior and personal preferences.</li>
              </ul>
            </section>

            <section id="third-parties" className="scroll-mt-24">
              <h2 className="text-xl sm:text-2xl font-bold text-[var(--purple-deep)]">Sharing Information with Third Parties</h2>
              <p>The Company does not sell, rent, or lease personal data to third parties.</p>
              <p>
                The Company may share data with trusted partners to help perform statistical analysis, provide customer
                support.
              </p>
              <p>
                The Company uses Stripe to process online payments at which time users would no longer be governed by the
                Company&apos;s Privacy Policy.
              </p>
              <p>The Company may disclose your personal information, without notice, if required to do so by law.</p>
            </section>

            <section id="safeguarding" className="scroll-mt-24">
              <h2 className="text-xl sm:text-2xl font-bold text-[var(--purple-deep)]">Safeguarding and Securing the Data</h2>
              <p>
                LOAFers, Inc. is committed to securing your data and keeping it confidential. LOAFers, Inc. has done all
                in its power to prevent data theft, unauthorized access, and disclosure by implementing the latest
                technologies and software, which help us safeguard all the information we collect online.
              </p>
            </section>

            <section id="cookies" className="scroll-mt-24">
              <h2 className="text-xl sm:text-2xl font-bold text-[var(--purple-deep)]">Our Cookie Policy</h2>
              <p>
                Once you agree to allow our blog to use cookies, you also agree to use the data it collects regarding your
                online behavior (analyze web traffic, web pages you visit and spend the most time on).
              </p>
              <p>
                The data we collect by using cookies is used to customize our blog to your needs. After we use the data
                for statistical analysis, the data is completely removed from our systems.
              </p>
              <p>
                Please note that cookies don&apos;t allow us to gain control of your computer in any way. They are strictly
                used to monitor which pages you find useful and which you do not so that we can provide a better
                experience for you.
              </p>
              <p>
                If you want to disable cookies, you can do it by accessing the settings of your internet browser. You can
                visit{" "}
                <a className="" href="https://www.internetcookies.com">
                  https://www.internetcookies.com
                </a>
                , which contains comprehensive information on how to do this on a wide variety of browsers and devices.
              </p>
            </section>

            <section id="other-sites" className="scroll-mt-24">
              <h2 className="text-xl sm:text-2xl font-bold text-[var(--purple-deep)]">Links to Other Websites</h2>
              <p>
                Our blog contains links that lead to other websites. If you click on these links LOAFers, Inc. is not held
                responsible for your data and privacy protection. Visiting those websites is not governed by this privacy
                policy agreement. Make sure to read the privacy policy documentation of the website you go to from our
                website.
              </p>
            </section>

            <section id="restricting" className="scroll-mt-24">
              <h2 className="text-xl sm:text-2xl font-bold text-[var(--purple-deep)]">
                Restricting the Collection of your Personal Data
              </h2>
              <p>
                At some point, you might wish to restrict the use and collection of your personal data. You can achieve
                this by doing the following:
              </p>
              <ul className="list-disc pl-6 space-y-1">
                <li>Log in to your online profile and make any changes you wish to your profile information.</li>
                <li>
                  If you have already agreed to share your information with us, feel free to contact us via email and we
                  will be more than happy to change this for you.
                </li>
              </ul>
            </section>

            <section id="children" className="scroll-mt-24">
              <h2 className="text-xl sm:text-2xl font-bold text-[var(--purple-deep)]">Children Under Thirteen</h2>
              <p>The Company does not knowingly collect information from children under the age of 13.</p>
            </section>

            <section id="changes" className="scroll-mt-24">
              <h2 className="text-xl sm:text-2xl font-bold text-[var(--purple-deep)]">Changes to this Statement</h2>
              <p>
                The Company may make changes to this Policy. When this occurs the effective date of this policy will be
                updated.
              </p>
            </section>

            <section id="contact" className="scroll-mt-24">
              <h2 className="text-xl sm:text-2xl font-bold text-[var(--purple-deep)]">Contact Information</h2>
              <p>If you have any question, please contact LOAFers, Inc. at:</p>
              <div className="not-prose mt-4">
                <p className="font-semibold mb-2">LOAFers, Inc.</p>
                <p className="">PO BOX 7207</p>
                <p className="">Houston, TX 77248-7207</p>
                <p className="mt-3">Or</p>
                <p className="mt-3">
                  <a className="" href="mailto:info@loaftx.org">
                    info@loaftx.org
                  </a>
                </p>
              </div>
            </section>
          </div>
        </div>

        {/* Back to Home Link */}
        <div className="mt-8 text-center">
          <Link
            to="/"
            className="text-[var(--purple-lavender)] hover:text-[var(--purple-ink)] font-semibold transition-colors inline-flex items-center gap-2"
            style={{ fontFamily: "'Nunito Sans', sans-serif" }}
          >
            <span>←</span> Back to Home
          </Link>
        </div>
      </main>
      <PublicFooter />
    </>
  );
}
