add privacy page and link

hichina-main-front-mobile-first/src/layouts/MainLayout.vue

@@ -283,7 +283,10 @@
               <div class="text-body2 hover_underline_white q-mt-md">
                 Copyright
               </div>
-              <div class="text-body2 hover_underline_white q-mt-md">
+              <div
+                class="text-body2 hover_underline_white q-mt-md cursor-pointer"
+                @click="goPage('/privacy')"
+              >
                 Privacy
               </div>
               <div class="text-body2 hover_underline_white q-mt-md">

hichina-main-front-mobile-first/src/pages/PrivacyPage.vue

@@ -0,0 +1,255 @@
+<template>
+  <q-page>
+    <div style="margin: 0 auto; width: 70">
+      <div class="row">
+        <div class="col-12 text-center text-h4 text-weight-bold">
+          Privacy Policy
+        </div>
+      </div>
+      <div class="row">
+        <div class="q-pa-md col-12 text-left text-h5 text-weight-medium">
+          Effective Date: 2023-01-01
+        </div>
+      </div>
+      <div class="row">
+        <div class="q-pa-md col-12 text-left text-body1 text-weight-regular">
+          Welcome to [Online Travel Forum] ("we," "us," or "our"). We are
+          committed to protecting the privacy and security of your personal
+          information. This Privacy Policy explains how we collect, use,
+          disclose, and safeguard your information when you use our online
+          travel forum and associated services (collectively, the "Services").
+          Please read this Privacy Policy carefully to understand our practices
+          regarding your personal information.
+        </div>
+      </div>
+      <div class="row">
+        <div class="q-pa-md col-12 text-left text-h5 text-weight-medium">
+          Information We Collect
+        </div>
+      </div>
+      <div class="row">
+        <div class="q-pa-md col-12 text-left text-h6 text-weight-medium">
+          1.1 Personal Information
+        </div>
+      </div>
+      <div class="row">
+        <div class="q-pa-md col-12 text-left text-body1 text-weight-regular">
+          We may collect personal information from you when you voluntarily
+          provide it to us, such as when you create an account, participate in
+          our forum discussions, post comments, or submit inquiries. The
+          personal information we collect may include your name, email address,
+          username, password, and any other information you choose to provide.
+        </div>
+      </div>
+      <div class="row">
+        <div class="q-pa-md col-12 text-left text-h6 text-weight-medium">
+          1.2 Non-Personal Information
+        </div>
+      </div>
+      <div class="row">
+        <div class="q-pa-md col-12 text-left text-body1 text-weight-regular">
+          We may automatically collect certain non-personal information about
+          your use of the Services, such as your IP address, browser type,
+          device type, operating system, referring URLs, and other similar
+          information. This information is used to analyze trends, administer
+          the Services, and gather demographic information about our user base.
+        </div>
+      </div>
+      <div class="row">
+        <div class="q-pa-md col-12 text-left text-h6 text-weight-medium">
+          1.3 Cookies and Tracking Technologies
+        </div>
+      </div>
+      <div class="row">
+        <div class="q-pa-md col-12 text-left text-body1 text-weight-regular">
+          We may use cookies, web beacons, and other tracking technologies to
+          enhance your experience on our website. These technologies allow us to
+          automatically collect information about your browsing activities, such
+          as the pages you visit, the links you click, and other actions you
+          take while using our Services. You can disable cookies through your
+          browser settings, but doing so may limit certain functionalities of
+          the Services.
+        </div>
+      </div>
+      <div class="row">
+        <div class="q-pa-md col-12 text-left text-h5 text-weight-medium">
+          Use of Information
+        </div>
+      </div>
+      <div class="row">
+        <div class="q-pa-md col-12 text-left text-h6 text-weight-medium">
+          2.1 Provide and Improve Services
+        </div>
+      </div>
+      <div class="row">
+        <div class="q-pa-md col-12 text-left text-body1 text-weight-regular">
+          We use the information we collect to provide and improve the Services,
+          customize your experience, respond to your inquiries, and communicate
+          with you about our offerings. We may also use your information to send
+          you promotional materials and other communications, but you can opt
+          out of these communications at any time.
+        </div>
+      </div>
+      <div class="row">
+        <div class="q-pa-md col-12 text-left text-h6 text-weight-medium">
+          2.2 Forum Participation
+        </div>
+      </div>
+      <div class="row">
+        <div class="q-pa-md col-12 text-left text-body1 text-weight-regular">
+          When you participate in our forum discussions, any information you
+          choose to disclose, including your username, profile information, and
+          posts, may be publicly visible. Please exercise caution when sharing
+          personal or sensitive information in the forum.
+        </div>
+      </div>
+      <div class="row">
+        <div class="q-pa-md col-12 text-left text-h6 text-weight-medium">
+          2.3 Analytics and Aggregated Data
+        </div>
+      </div>
+      <div class="row">
+        <div class="q-pa-md col-12 text-left text-body1 text-weight-regular">
+          We may use the information we collect to analyze user behavior,
+          monitor trends, measure the effectiveness of our advertising
+          campaigns, and generate aggregated, non-identifiable data for
+          statistical purposes.
+        </div>
+      </div>
+      <div class="row">
+        <div class="q-pa-md col-12 text-left text-h6 text-weight-medium">
+          2.4 Legal Compliance and Protection
+        </div>
+      </div>
+      <div class="row">
+        <div class="q-pa-md col-12 text-left text-body1 text-weight-regular">
+          We may disclose your information to comply with applicable laws,
+          regulations, legal processes, or governmental requests. We may also
+          disclose your information to enforce our policies, protect our rights,
+          property, or safety, or the rights, property, or safety of others.
+        </div>
+      </div>
+      <div class="row">
+        <div class="q-pa-md col-12 text-left text-h5 text-weight-medium">
+          Data Retention
+        </div>
+      </div>
+      <div class="row">
+        <div class="q-pa-md col-12 text-left text-body1 text-weight-regular">
+          We will retain your personal information for as long as necessary to
+          fulfill the purposes for which it was collected, unless a longer
+          retention period is required or permitted by law. We will securely
+          delete or anonymize your personal information when it is no longer
+          needed.
+        </div>
+      </div>
+      <div class="row">
+        <div class="q-pa-md col-12 text-left text-h5 text-weight-medium">
+          Data Security
+        </div>
+      </div>
+      <div class="row">
+        <div class="q-pa-md col-12 text-left text-body1 text-weight-regular">
+          We have implemented appropriate technical and organizational measures
+          to safeguard the security of your personal information. However,
+          please note that no method of transmission over the internet or method
+          of electronic storage is 100% secure. While we strive to protect your
+          personal information, we cannot guarantee its absolute security.
+        </div>
+      </div>
+      <div class="row">
+        <div class="q-pa-md col-12 text-left text-h5 text-weight-medium">
+          Third-Party Links and Services
+        </div>
+      </div>
+      <div class="row">
+        <div class="q-pa-md col-12 text-left text-body1 text-weight-regular">
+          Our Services may contain links to third-party websites or services
+          that are not owned or controlled by us. This Privacy Policy does not
+          apply to such third-party websites or services. We encourage you to
+          review the privacy policies of those third parties before providing
+          any personal information or using their services.
+        </div>
+      </div>
+      <div class="row">
+        <div class="q-pa-md col-12 text-left text-h5 text-weight-medium">
+          Children's Privacy
+        </div>
+      </div>
+      <div class="row">
+        <div class="q-pa-md col-12 text-left text-body1 text-weight-regular">
+          Our Services are not intended for individuals under the age of 13. We
+          do not knowingly collect personal information from children under 13.
+          If you are a parent or guardian and believe that your child has
+          provided personal information to us, please contact us, and we will
+          promptly delete such information from our systems.
+        </div>
+      </div>
+      <div class="row">
+        <div class="q-pa-md col-12 text-left text-h5 text-weight-medium">
+          International Data Transfer
+        </div>
+      </div>
+      <div class="row">
+        <div class="q-pa-md col-12 text-left text-body1 text-weight-regular">
+          Your information may be stored and processed in any country where we
+          have facilities or in which we engage service providers. By using the
+          Services, you consent to the transfer of information to countries
+          outside your country of residence, which may have different data
+          protection rules than those of your country.
+        </div>
+      </div>
+      <div class="row">
+        <div class="q-pa-md col-12 text-left text-h5 text-weight-medium">
+          Your Choices
+        </div>
+      </div>
+      <div class="row">
+        <div class="q-pa-md col-12 text-left text-body1 text-weight-regular">
+          You have the right to access, correct, update, or delete your personal
+          information. You may also have the right to object to or restrict
+          certain processing of your information. To exercise these rights,
+          please contact us using the contact details provided below.
+        </div>
+      </div>
+      <div class="row">
+        <div class="q-pa-md col-12 text-left text-h5 text-weight-medium">
+          Changes to this Privacy Policy
+        </div>
+      </div>
+      <div class="row">
+        <div class="q-pa-md col-12 text-left text-body1 text-weight-regular">
+          We may update this Privacy Policy from time to time. The updated
+          Privacy Policy will be effective upon posting on our website. Please
+          review this Privacy Policy periodically for any changes. Your
+          continued use of the Services after the posting of the updated Privacy
+          Policy constitutes your acceptance of the changes.
+        </div>
+      </div>
+      <div class="row">
+        <div class="q-pa-md col-12 text-left text-h5 text-weight-medium">
+          Contact Us
+        </div>
+      </div>
+      <div class="row">
+        <div class="q-pa-md col-12 text-left text-body1 text-weight-regular">
+          If you have any questions, concerns, or requests regarding this
+          Privacy Policy or our privacy practices, please contact us at [contact
+          information].
+        </div>
+      </div>
+      <div class="row">
+        <div class="q-pa-md col-12 text-left text-body1 text-weight-regular">
+          Thank you for reading our Privacy Policy. We value your privacy and
+          trust in us.
+        </div>
+      </div>
+    </div>
+  </q-page>
+</template>
+
+<script>
+export default {
+  name: "PrivacyPage",
+};
+</script>

hichina-main-front-mobile-first/src/router/routes.js

@@ -117,6 +117,11 @@ const routes = [
       { path: "", component: () => import("pages/WechatpayPage.vue") },
     ],
   },
+  {
+    path: "/privacy",
+    component: () => import("layouts/MainLayout.vue"),
+    children: [{ path: "", component: () => import("pages/PrivacyPage.vue") }],
+  },
   {
     path: "/finishpay",
     component: () => import("layouts/MainLayout.vue"),