crush-level-web/src/app/(auth)/policy/tos/page.tsx

'use client';
import { useEffect } from 'react';
import { usePolicyLayout } from '../../layout';

export default function TermsOfServicePage() {
  const { setTitle } = usePolicyLayout();

  useEffect(() => {
    setTitle('Crushlevel User Agreement');
  }, [setTitle]);

  return (
    <div className="relative flex size-full min-h-screen flex-col items-center justify-start">
      <div className="relative flex min-h-px w-full max-w-[1232px] min-w-px shrink-0 grow items-start justify-center gap-1 px-6 pt-6 pb-0 md:px-12">
        <div className="relative flex min-h-px w-full max-w-[752px] min-w-px shrink-0 grow flex-col items-center justify-start gap-12">
          {/* 主标题 */}
          {/* <div className="txt-headline-s w-full text-center text-white">
            <p className="whitespace-pre-wrap">Crushlevel User Agreement</p>
          </div> */}

          {/* 前言 */}
          <div className="txt-body-l w-full text-white">
            <p className="mb-4">
              Welcome to the Crushlevel application (hereinafter referred to as "this App") and
              related website (Crushlevel.ai, hereinafter referred to as "this Website"). This User
              Agreement (hereinafter referred to as "this Agreement") is a legally binding agreement
              between you (hereinafter referred to as the "User") and the operator of Crushlevel
              (hereinafter referred to as "We," "Us," or "Our") regarding your use of this App and
              this Website. Before registering for or using this App and this Website, please read
              this Agreement carefully and understand its contents in full. If you have any
              questions regarding this Agreement, you should consult Us. If you do not agree to any
              part of this Agreement, you should immediately cease registration or use of this App
              and this Website. Once you register for or use this App and this Website, it means
              that you have fully understood and agreed to all the terms of this Agreement.
            </p>
          </div>

          {/* 协议条款 */}
          <div className="flex w-full flex-col items-start justify-start gap-6 text-white">
            {/* Article 1: User Eligibility */}
            <div className="flex w-full flex-col items-start justify-start gap-6">
              <div className="txt-title-l w-full">
                <p>Article 1: User Eligibility</p>
              </div>
              <div className="txt-body-l w-full">
                <p className="mb-4">
                  You declare and warrant that at the time of registering an account for this App
                  and this Website, you are at least 18 years old, possess full civil rights
                  capacity and civil capacity for conduct, and are able to independently bear civil
                  liability. If you are under 18 years old, you should read this Agreement under the
                  supervision of your legal guardian and only use this App and this Website with the
                  consent of your legal guardian.
                </p>
                <p className="mb-4">
                  You shall ensure that the registration information provided is true, accurate, and
                  complete, and promptly update your registration information to ensure its
                  validity. If, due to registration information provided by you being untrue,
                  inaccurate, incomplete, or not updated in a timely manner, We are unable to
                  provide you with corresponding services or any other losses arise, you shall bear
                  full responsibility.
                </p>
                <p className="mb-4">
                  Each user may register only one account. Registering multiple accounts in any
                  form, including but not limited to using different identity information, phone
                  numbers, etc., is strictly prohibited. If We discover that you have registered
                  multiple accounts, We have the right to restrict, freeze, or terminate such
                  accounts without any liability to you.
                </p>
              </div>
            </div>

            {/* Article 2: Account Management */}
            <div className="flex w-full flex-col items-start justify-start gap-6">
              <div className="txt-title-l w-full">
                <p>Article 2: Account Management</p>
              </div>
              <div className="txt-body-l w-full">
                <p className="mb-4">
                  You are responsible for the security of your account and password and shall not
                  disclose your account and password to any third party. If your account and
                  password are used illegally by others due to your own reasons, you shall bear all
                  consequences arising therefrom, and We assume no liability.
                </p>
                <p className="mb-4">
                  If you discover that your account and password are being used illegally by others
                  or that other security risks exist, you shall immediately notify Us and take
                  corresponding security measures. Upon receiving your notice, We will take
                  reasonable measures based on the actual circumstances, but We assume no
                  responsibility for the outcome of such measures.
                </p>
                <p className="mb-4">
                  Without Our prior written consent, you may not transfer, gift, lease, or sell your
                  account to any third party. If you violate this provision, you shall bear all
                  consequences arising therefrom, and We have the right to restrict, freeze, or
                  terminate the relevant account(s).
                </p>
              </div>
            </div>

            {/* Article 3: Service Content and Usage Norms */}
            <div className="flex w-full flex-col items-start justify-start gap-6">
              <div className="txt-title-l w-full">
                <p>Article 3: Service Content and Usage Norms</p>
              </div>

              {/* (1) Service Content */}
              <div className="flex w-full flex-col gap-4">
                <div className="txt-title-s w-full">
                  <p>(1) Service Content</p>
                </div>
                <div className="txt-body-l w-full">
                  <p className="mb-4">
                    You can create AI virtual characters ("Characters") on this App and this
                    Website. Created Characters fall into two categories: Original and Derivative
                    (based on existing fictional works).
                  </p>
                  <p className="mb-4">
                    Other users can chat with the AI virtual Characters you create. Chat methods
                    include text, images, voice, etc.
                  </p>
                  <p className="mb-4">
                    Chatting with Characters allows users to level up their relationship with the
                    Character, unlocking related features and rewards.
                  </p>
                </div>
              </div>

              {/* (2) Usage Norms */}
              <div className="flex w-full flex-col gap-4">
                <div className="txt-title-s w-full">
                  <p>(2) Usage Norms</p>
                </div>
                <div className="txt-body-l w-full">
                  <p className="mb-4">
                    When using this App and this Website, you shall comply with applicable laws and
                    regulations, public order and good morals, and the provisions of this Agreement.
                    You may not use this App and this Website to engage in any illegal or
                    non-compliant activities.
                  </p>
                  <p className="mb-4">
                    The AI virtual Characters you create and the content you publish during chats
                    (including but not limited to text, images, voice, etc.) must not contain the
                    following:
                  </p>
                  <ul className="mb-4 ml-6 list-disc">
                    <li className="mb-2">
                      Content that violates laws and regulations, such as content endangering
                      national security, undermining ethnic unity, promoting terrorism, extremism,
                      obscenity, pornography, gambling, etc.;
                    </li>
                    <li className="mb-2">
                      Content that infringes upon the lawful rights and interests of others, such as
                      infringing upon others' portrait rights, reputation rights, privacy rights,
                      intellectual property rights, etc.;
                    </li>
                    <li className="mb-2">Content that is false, fraudulent, or misleading;</li>
                    <li className="mb-2">
                      Content that insults, slanders, intimidates, or harasses others;
                    </li>
                    <li className="mb-2">
                      Other content that violates public order, good morals, or the provisions of
                      this Agreement.
                    </li>
                  </ul>
                  <p className="mb-4">
                    You may not use this App and this Website to engage in any form of network
                    attacks, virus dissemination, spam distribution, or other activities that
                    disrupt the normal operation of this App and this Website.
                  </p>
                  <p className="mb-4">
                    You shall respect the lawful rights and interests of other users and must not
                    maliciously harass or attack other users or infringe upon other users' private
                    information.
                  </p>
                </div>
              </div>
            </div>

            {/* Article 4: Intellectual Property Rights */}
            <div className="flex w-full flex-col items-start justify-start gap-6">
              <div className="txt-title-l w-full">
                <p>Article 4: Intellectual Property Rights</p>
              </div>
              <div className="txt-body-l w-full">
                <p className="mb-4">
                  We own all intellectual property rights in this App and this Website, including
                  but not limited to copyrights, trademarks, patents, trade secrets, etc. All
                  content of this App and this Website, including but not limited to text, images,
                  audio, video, software, programs, interface design, etc., is protected by laws and
                  regulations.
                </p>
                <p className="mb-4">
                  The intellectual property rights in the AI virtual Characters you create and the
                  content you publish on this App and this Website belong to you. However, you grant
                  Us a worldwide, royalty-free, non-exclusive, transferable, and sub-licensable
                  license to use such content for the operation, promotion, marketing, and related
                  activities of this App and this Website.
                </p>
                <p className="mb-4">
                  When creating Derivative AI virtual Characters, you shall ensure that the
                  Character does not infringe upon the intellectual property rights of the original
                  work. If any dispute arises due to your creation of a Derivative Character
                  infringing upon others' intellectual property rights, you shall bear full
                  responsibility. If losses are caused to Us, you shall compensate Us accordingly.
                </p>
                <p className="mb-4">
                  Without Our prior written permission, you may not use, copy, modify, disseminate,
                  or display any intellectual property content of this App and this Website.
                </p>
              </div>
            </div>

            {/* Article 5: Payments and Transactions */}
            <div className="flex w-full flex-col items-start justify-start gap-6">
              <div className="txt-title-l w-full">
                <p>Article 5: Payments and Transactions</p>
              </div>

              {/* (1) Chat Payments */}
              <div className="flex w-full flex-col gap-4">
                <div className="txt-title-s w-full">
                  <p>(1) Chat Payments</p>
                </div>
                <div className="txt-body-l w-full">
                  <p className="mb-4">
                    Users have a daily limit on free chats with virtual Characters. The specific
                    number of free chats is subject to the actual display within this App and this
                    Website.
                  </p>
                  <p className="mb-4">
                    After the free quota is exhausted, users need to pay per message to continue
                    chatting with virtual Characters. Specific payment standards are subject to the
                    actual display within this App and this Website.
                  </p>
                </div>
              </div>

              {/* (2) Creation Payments */}
              <div className="flex w-full flex-col gap-4">
                <div className="txt-title-s w-full">
                  <p>(2) Creation Payments</p>
                </div>
                <div className="txt-body-l w-full">
                  <p className="mb-4">
                    Creators must pay corresponding fees to create Characters or generate derivative
                    AI images. Fees can be paid via membership subscription or virtual currency.
                  </p>
                  <p className="mb-4">
                    The specific content, pricing, and validity period of membership services are
                    subject to the actual display within this App and this Website. After purchasing
                    membership, the member benefits will be effective for the corresponding validity
                    period.
                  </p>
                  <p className="mb-4">
                    Virtual currency is a type of virtual item within this App and this Website,
                    obtainable by users through purchase using fiat currency. The purchase price of
                    virtual currency is subject to the actual display within this App and this
                    Website. Virtual currency may not be exchanged for fiat currency or
                    transferred/gifted to other users.
                  </p>
                </div>
              </div>

              {/* (3) Transaction Rules */}
              <div className="flex w-full flex-col gap-4">
                <div className="txt-title-s w-full">
                  <p>(3) Transaction Rules</p>
                </div>
                <div className="txt-body-l w-full">
                  <p className="mb-4">
                    Before making any payment, users should carefully confirm the payment
                    information, including but not limited to the amount, content, and payment
                    method. Once payment is successfully completed, no refunds will be issued unless
                    otherwise stipulated by applicable law or as mutually agreed upon by both
                    parties.
                  </p>
                  <p className="mb-4">
                    If payment failure or incorrect payment amount occurs due to force majeure such
                    as system failures or network issues, We will handle the situation accordingly
                    upon verification, including but not limited to refunding or supplementing
                    payment.
                  </p>
                  <p className="mb-4">
                    We reserve the right to adjust payment standards, membership service content,
                    virtual currency prices, etc., based on market conditions and business
                    development needs. Adjusted content will be announced on this App and this
                    Website and will become effective after the announcement.
                  </p>
                </div>
              </div>
            </div>

            {/* Article 6: Privacy Protection */}
            <div className="flex w-full flex-col items-start justify-start gap-6">
              <div className="txt-title-l w-full">
                <p>Article 6: Privacy Protection</p>
              </div>
              <div className="txt-body-l w-full">
                <p className="mb-4">
                  We value user privacy protection and will collect, use, store, and protect your
                  personal information in accordance with the provisions of the "Privacy Policy".
                  The "Privacy Policy" is an integral part of this Agreement and has the same legal
                  effect as this Agreement.
                </p>
                <p className="mb-4">
                  You should read the "Privacy Policy" carefully to understand how We process
                  personal information. If you do not agree to any part of the "Privacy Policy," you
                  should immediately stop using this App and this Website.
                </p>
              </div>
            </div>

            {/* Article 7: Disclaimer */}
            <div className="flex w-full flex-col items-start justify-start gap-6">
              <div className="txt-title-l w-full">
                <p>Article 7: Disclaimer</p>
              </div>
              <div className="txt-body-l w-full">
                <p className="mb-4">
                  The services of this App and this Website are provided according to the level of
                  technology and conditions currently available. We will make every effort to ensure
                  the stability and security of the services, but We cannot guarantee that services
                  will be uninterrupted, timely, secure, or error-free. We shall not be liable for
                  any service interruption or malfunction caused by force majeure or third-party
                  reasons.
                </p>
                <p className="mb-4">
                  Any losses or risks incurred by you during your use of this App and this Website
                  resulting from the use of third-party services or links shall be borne solely by
                  you, and We assume no liability.
                </p>
                <p className="mb-4">
                  You shall bear full responsibility for any losses or legal liabilities arising
                  from your violation of the provisions of this Agreement or applicable laws and
                  regulations. If losses are caused to Us or other users, you shall compensate
                  accordingly.
                </p>
                <p className="mb-4">
                  We assume no responsibility for the content on this App and this Website.
                  Regarding the AI virtual Characters created by users and the content published, We
                  only provide a platform service and do not assume responsibility for the
                  authenticity, legality, or accuracy of such content.
                </p>
              </div>
            </div>

            {/* Article 8: Agreement Modification and Termination */}
            <div className="flex w-full flex-col items-start justify-start gap-6">
              <div className="txt-title-l w-full">
                <p>Article 8: Agreement Modification and Termination</p>
              </div>
              <div className="txt-body-l w-full">
                <p className="mb-4">
                  We reserve the right to modify and update this Agreement based on changes in laws
                  and regulations and business development needs. The modified agreement will be
                  announced on this App and this Website and will become effective after the
                  announcement period. If you object to the modified agreement, you should
                  immediately stop using this App and this Website. If you continue to use this App
                  and this Website, it means you have accepted the modified agreement.
                </p>
                <p className="mb-4">
                  If you violate the provisions of this Agreement, We have the right, based on the
                  severity of the violation, to take actions such as warning you, restricting
                  features, freezing, or terminating your account, and reserve the right to pursue
                  your legal liability.
                </p>
                <p className="mb-4">
                  You may apply to Us to deregister your account at any time. After account
                  deregistration, you will no longer be able to use the services of this App and
                  this Website, and your relevant information will be processed in accordance with
                  the "Privacy Policy."
                </p>
                <p className="mb-4">
                  If due to legal provisions, government requirements, or other force majeure events
                  this App and this Website cannot continue to provide services, We have the right
                  to terminate this Agreement and will notify you within a reasonable period.
                </p>
              </div>
            </div>

            {/* Article 9: Governing Law and Dispute Resolution */}
            <div className="flex w-full flex-col items-start justify-start gap-6">
              <div className="txt-title-l w-full">
                <p>Article 9: Governing Law and Dispute Resolution</p>
              </div>
              <div className="txt-body-l w-full">
                <p className="mb-4">
                  The conclusion, validity, interpretation, performance, and dispute resolution of
                  this Agreement shall be governed by the laws of the jurisdiction where the user
                  registered their account. If the laws of the registration jurisdiction contain no
                  relevant provisions, internationally accepted commercial practices shall apply.
                </p>
                <p className="mb-4">
                  Any dispute arising from or in connection with this Agreement shall first be
                  resolved through friendly negotiation between the parties. If no settlement is
                  reached through negotiation, either party shall have the right to file a lawsuit
                  with the competent people's court in the location where We are based.
                </p>
              </div>
            </div>

            {/* Article 10: Miscellaneous */}
            <div className="flex w-full flex-col items-start justify-start gap-6">
              <div className="txt-title-l w-full">
                <p>Article 10: Miscellaneous</p>
              </div>
              <div className="txt-body-l w-full">
                <p className="mb-4">
                  This Agreement constitutes the entire agreement between you and Us regarding the
                  use of this App and this Website, superseding any prior agreements or
                  understandings, whether oral or written, concerning the subject matter hereof.
                </p>
                <p className="mb-4">
                  If any term of this Agreement is found to be invalid or unenforceable, it shall
                  not affect the validity of the remaining terms.
                </p>
                <p className="mb-4">
                  We reserve the right of final interpretation of this Agreement. If you have any
                  questions during your use of this App and this Website, you may contact Us through
                  the contact methods provided within this App and this Website.
                </p>
                <p className="mb-4">
                  Users are required to carefully read and strictly comply with the above agreement.
                  Thank you for your support and trust in Crushlevel. We hope you enjoy using it!
                </p>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  );
}