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

<template>
  <div class="terms-of-use">
    <section class="terms-intro" style="max-width: 1200px; margin: 60px auto; padding: 0 40px">
      <h1 class="section-titles">Terms &amp; Conditions</h1>
      <div class="content-block">
        <p>
          FiEE, Inc. and its subsidiaries (collectively and individually referred to
          herein as "FiEE") maintain the fiee.com web site (the "Site") as a service
          to the Internet community. All site references to "FiEE", "our", "we",
          "company" and other words of like connotation are intended to refer to
          FiEE, Inc. and its subsidiaries, collectively and/or individually. This
          document outlines the Terms and Conditions relating to your use of the
          Site. These Terms and Conditions are applicable to your use of this site
          regardless of how you accessed it. If you do not wish to be bound by these
          Terms and Conditions, please discontinue using and accessing this site
          immediately.
        </p>
      </div>
    </section>

    <section class="terms-usage" style="max-width: 1200px; margin: 60px auto; padding: 0 40px">
      <h3 class="section-title">Your Use of This Site</h3>
      <div class="content-block">
        <p>
          You may not use this site to engage in any illegal activity. You may not
          use this site to engage in conduct which is defamatory, libelous,
          threatening or harassing or that infringes on a third party's intellectual
          property or other proprietary rights. You agree that any information you
          provide through this site will be truthful and accurate.
        </p>
      </div>
    </section>

    <section class="terms-ip" style="max-width: 1200px; margin: 60px auto; padding: 0 40px">
      <h3 class="section-title">Intellectual Property</h3>
      <div class="content-block">
        <p>
          The information on this site, including without limitation all design,
          text, images, press releases, and other information, is protected under
          United States and other copyright laws and is owned by FiEE or used under
          license from the copyright owner. The information may not, except under
          written license, be copied, reproduced, transmitted, displayed, performed,
          distributed, rented, sublicensed, altered, stored for subsequent use or
          otherwise used in whole or in part in any manner without FiEE's prior
          written consent, except to the extent that such use is authorized under
          the United States copyright laws. FiEE's trademarks, logos, images, and
          service marks used on this site are the property of FiEE and may not be
          used without permission from FiEE and then only with proper
          acknowledgment. In addition, the information on this Web site is provided
          "as is" and "as available" by FiEE and/or its subsidiaries without
          warranty of any kind, either implied or expressed, to its accuracy and
          completeness.
        </p>
      </div>
    </section>

    <section class="terms-forward" style="max-width: 1200px; margin: 60px auto; padding: 0 40px">
      <h3 class="section-title">Forward-looking Statements</h3>
      <div class="content-block">
        <p>
          FiEE is including the following cautionary statement to make applicable
          and take advantage of the safe harbor provisions of the Private Securities
          Litigation Reform Act of 1995 for any forward-looking statements made by,
          or on behalf of FiEE. With the exception of historical matters, any
          matters discussed are forward-looking statements (as defined in Section
          21E of the Securities Exchange Act of 1934) that involve risks and
          uncertainties that could cause actual results to differ materially from
          projected results. These risks, uncertainties and contingencies include,
          but are not limited to, the following: the success or failure of FiEE's
          efforts to implement its business strategy; the effects of market demand
          and price on performance; our liquidity, results of operations and
          financial condition; changes in laws and regulations; results of
          litigation; the effects of government regulation; the risk of work
          stoppages; and management's ability to correctly estimate and accrue for
          contingent liabilities. FiEE assumes no obligation to update information
          contained in this site.
        </p>
      </div>
    </section>

    <section class="terms-linking" style="max-width: 1200px; margin: 60px auto; padding: 0 40px">
      <h3 class="section-title">Linking</h3>
      <div class="content-block">
        <p>
          As a convenience, this site may contain links to other sites that are not
          controlled by, or affiliated or associated with, FiEE. Accordingly, FiEE
          does not make any representations concerning the privacy practices or
          terms of use of such sites, nor does FiEE control or guarantee the
          accuracy, integrity, or quality of the information, data, text, software,
          music, sound, photographs, graphics, video, messages or other materials
          available on such sites. The inclusion or exclusion does not imply any
          endorsement by FiEE of the site, the site's provider, or the information
          on the site. FiEE is not responsible for the content of any linked site or
          any link contained in a linked site. FiEE reserves the right to terminate
          any link or linking program at any time. FiEE does not endorse companies
          or products to which it links and reserves the right to note as such on
          its web pages. If you decide to access any of the third party sites linked
          to this site, you do this entirely at your own risk.
        </p>
      </div>
    </section>

    <section class="terms-violations" style="max-width: 1200px; margin: 60px auto; padding: 0 40px">
      <h3 class="section-title">Violations of Terms &amp; Conditions</h3>
      <div class="content-block">
        <p>
          FiEE reserves the right to seek all remedies available at law and in
          equity for violations of these Terms and Conditions, including the right
          to block access from a particular Internet address to the Site. YOU AGREE
          TO INDEMNIFY, DEFEND AND HOLD HARMLESS FIEE FROM ANY LIABILITY, LOSS,
          CLAIM AND EXPENSE, INCLUDING ATTORNEY'S FEES, RELATED TO YOUR VIOLATION OF
          THESE TERMS AND CONDITIONS OR YOUR USE OF THE SERVICES AND INFORMATION
          PROVIDED AT THE SITE.
        </p>
      </div>
    </section>

    <section class="terms-liability" style="max-width: 1200px; margin: 60px auto; padding: 0 40px">
      <h3 class="section-title">Limitation of Liability</h3>
      <div class="content-block">
        <p>
          NEITHER FIEE NOR ITS DIRECTORS, MANAGERS, OFFICERS, EMPLOYEES,
          REPRESENTATIVES OR AFFILIATES WILL BE LIABLE FOR DAMAGES ARISING OUT OF OR
          IN CONNECTION WITH THE USE OF THIS SITE OR ANY SITE LINKED HERETO,
          INCLUDING, WITHOUT LIMITATION, INDIRECT, PUNITIVE, INCIDENTAL OR
          CONSEQUENTIAL DAMAGES, LOSS OF DATA, INCOME OR PROFIT, LOSS OF OR DAMAGE
          TO PROPERTY AND CLAIMS OF THIRD PARTIES, WHETHER BASED ON CONTRACT, TORT,
          STRICT LIABILITY OR OTHERWISE. BECAUSE SOME STATES/JURISDICTIONS DO NOT
          ALLOW THE EXCLUSION OR LIMITATION OF LIABILITY FOR INCIDENTAL OR
          CONSEQUENTIAL DAMAGES, SUCH LIMITATION MAY NOT APPLY.
        </p>
        <p>
          FiEE may revise these Terms and Conditions at any time. Revisions will be
          posted on this "Terms and Conditions" page and users are responsible for
          reviewing the page from time to time to ensure compliance.
        </p>
      </div>
    </section>
  </div>
</template>

<style scoped>
.terms-of-use {
  background-image: url("@/assets/image/bg.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;
}

/* 响应式设计 */
@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>
