<script setup>
import { NCarousel, NDivider, NMarquee, NPopselect } from 'naive-ui'
import { onUnmounted, ref, watch, onMounted, computed } from 'vue'
</script>

<template>
  <div class="privacy-policy">
    <section class="privacy-intro" style="max-width: 1200px; margin: 60px auto; padding: 0 40px">
      <h1 class="section-titles">Privacy Policy</h1>
      <div class="content-block">
        <p>
          <strong>
            We at FiEE, Inc. and its subsidiaries ("FiEE") are committed to
            maintaining the privacy and security of visitors to our website. Through
            this privacy policy, FiEE wants to assure you of our commitment to
            privacy and security.
          </strong>
        </p>
        <p>
          Our privacy philosophy is based on the concept of fair information
          practices. This means we provide visitors to our website with notice of
          how we manage information so that they can have a more informed
          understanding of how we operate.
        </p>
      </div>
    </section>

    <section class="privacy-notice" style="max-width: 1200px; margin: 60px auto; padding: 0 40px">
      <h3 class="section-title">Notice</h3>
      <div class="content-block">
        <p>
          If we collect information about you, we will tell you what information is
          being collected, how, by whom and for what purposes.
        </p>
        <p>
          Through this statement and our web pages, we let you know what types of
          information we collect from and about you, the types and intended uses of
          such information, and the types of third parties to whom the information
          may be disclosed. If we collect information from you, we clearly identify
          the information that is necessary to fulfill your request and the optional
          information that is used to deliver tailored information to you.
        </p>
        <p>
          When you visit our site, we may collect information about your use of our
          site through "cookies". Cookies are small bits of information transferred
          to your computer's hard drive that allow us to know how often someone
          visits our site and the activities they conduct while on the site. The
          information collected by cookies allows us to monitor how our customers
          are using our web site. If you simply want to browse, you do not have to
          accept cookies from us. However, if you wish to take advantage of specific
          services offered online, we may require you to accept cookies placed by a
          third party supporting this activity on our behalf. We also capture the
          paths taken as you move from page to page (i.e., your "click stream"
          activity).
        </p>
        <p>
          Information we collect on fiee.com may be used to enhance your use of this
          web site in ways like these:
        </p>
        <ul>
          <li>Arrange the web site in the most user-friendly way</li>
          <li>Customize your browsing experience of this web site</li>
          <li>Respond to your questions or suggestions</li>
          <li>
            Disclosure of personal information for legal purposes and protection of
            fiee.com and others:
          </li>
        </ul>
        <p>
          We reserve the right to share your personal information with third parties
          if required to do so by law or if we believe such action is necessary in
          order to: (a) conform with the requirements of the law or to comply with
          legal process served upon us; (b) protect or defend our legal rights or
          property, fiee.com, or our users; or (c) investigate, prevent, or take
          action regarding illegal activities, suspected fraud, situations involving
          potential threats to the physical safety of any person, or violations of
          the terms and conditions of using fiee.com.
        </p>
      </div>
    </section>

    <section class="privacy-linking" style="max-width: 1200px; margin: 60px auto; padding: 0 40px">
      <h3 class="section-title">Linking to Other Sites</h3>
      <div class="content-block">
        <p>
          Please remember that when you use a link to go from fiee.com to another
          web site, the fiee.com Terms &amp; Conditions and this Privacy Policy are
          no longer in effect. Your browsing and interaction on any other web site,
          including any site that has a link on fiee.com, is subject to the rules
          and policies of that site. We encourage you to read the rules and policies
          of the sites you visit to further understand their procedures for
          collecting, using, and disclosing personal information.
        </p>
      </div>
    </section>

    <section class="privacy-choice" style="max-width: 1200px; margin: 60px auto; padding: 0 40px">
      <h3 class="section-title">Choice</h3>
      <div class="content-block">
        <p>
          We will give you options about how the personal information that you
          provide us may be used.
        </p>
        <p>
          Before we use your personal information for any purpose, we will give you
          choices about whether or not to allow us to engage in that use. We will
          give you the opportunity to keep us from using or sharing the personal
          information that you have provided to us for purposes other than to
          fulfill your request. To exercise this choice, we will allow you to notify
          us of your preferences during the information collection process.
        </p>
        <p>
          If there are third parties that process FiEE data, we will require them to
          hold all personally-identifiable information confidential, and to use our
          customer information only for the purpose of fulfilling their business
          obligation. We do not sell personally identifiable information to third
          party marketers.
        </p>
      </div>
    </section>

    <section class="privacy-security" style="max-width: 1200px; margin: 60px auto; padding: 0 40px">
      <h3 class="section-title">Security</h3>
      <div class="content-block">
        <p>
          We use recognized industry safeguards to protect personally identifiable
          information from unauthorized access or use.
        </p>
        <p>
          We will employ industry recognized security safeguards to protect the
          personally identifiable information that you have provided to us from
          loss, misuse and unauthorized alteration. If you are required to transmit
          sensitive information (such as social security and/or credit information)
          to us through our Web site, we will provide you access to our secure
          server that allows encryption of your data as it is transmitted to us.
        </p>
        <p>
          We will protect personally identifiable information stored on the site's
          servers from unauthorized access using commercially available computer
          security products (e.g., firewalls), as well as carefully developed
          security procedures and practices.
        </p>
      </div>
    </section>

    <section class="privacy-access" style="max-width: 1200px; margin: 60px auto; padding: 0 40px">
      <h3 class="section-title">Access</h3>
      <div class="content-block">
        <p>
          We will let you update your personal information that you have provided to
          us. We will also take steps to make sure that any updates that you provide
          are processed in a timely and complete manner.
        </p>
        <p>
          If we collect personal information through our sites, we will maintain the
          information and allow you to update it at any time. We will continue to
          work on better methods of accessing your information to increase your
          access to it for update purposes. Note that our site may contain links to
          other sites that are beyond our control, and that you may want to read
          that sites' privacy policy before entering information.
        </p>
      </div>
    </section>

    <section class="privacy-contact" style="max-width: 1200px; margin: 60px auto; padding: 0 40px">
      <h3 class="section-title">Customer Service &amp; Recourse</h3>
      <div class="content-block">
        <p>
          We will tell you how you can contact us regarding our privacy statement
          and practices.
        </p>
        <p>
          If you have any questions about this privacy statement, our information
          handling practices, or any other aspects of your privacy and the security
          of information, please send an e-mail to fiee@dlkadvisory.com.
        </p>
      </div>
    </section>

    <section class="privacy-updates" style="max-width: 1200px; margin: 60px auto; padding: 0 40px">
      <h3 class="section-title">Updates</h3>
      <div class="content-block">
        <p>
          FiEE may periodically update this policy to describe how new Web features
          may affect our use of your information and to let you know of new controls
          and features that we may provide you. FiEE will NOT apply changes to this
          policy retroactively to information FiEE has previously collected.
        </p>
      </div>
    </section>
  </div>
</template>

<style scoped lang="scss">
.privacy-policy {
  background-image: url("@/assets/image/bg-mobile.png");
  background-size: 100% 100%;
  background-position: center;
  background-repeat: no-repeat;
}

.section-titles {
  font-size: 2.5rem;
  margin-bottom: 30px;
  color: black;
}

.section-title {
  font-size: 1.5rem;
  margin-bottom: 30px;
  color: #895bff;
}

.content-block {
  font-size: 1.1rem;
  line-height: 1.8;
}

.content-block p {
  margin-bottom: 16px;
}

.content-block ul {
  list-style: disc;
  padding-left: 20px;
  font-size: 1.1rem;
  margin-bottom: 16px;
}

.content-block li {
  margin-bottom: 10px;
}

/* 响应式设计 */
@media (max-width: 768px) {
  .grid-container {
    grid-template-columns: 1fr;
  }

  .section-titles {
    font-size: 2rem;
  }

  .section-title {
    font-size: 1.3rem;
  }

  .content-block {
    font-size: 1rem;
  }
}
</style>
