import App from '@/layouts/aia/app-layout';
import { Head } from '@inertiajs/react';

export default function PrivacyPolicy() {
  return (
    <>
      <Head title="Privacy Policy - AIA Foundation" />

      <div className="pageMeta">
        <div className="container pageHeading pageIndent">
          <h1 className="text-h1-bold">Privacy Policy</h1>
        </div>
      </div>

      <main className="pageContent">
        <div className="editor container pageIndent">
          <p>
            The Taiwan Artificial Intelligence School Foundation (hereinafter referred to as "the
            Foundation") collects, processes, or utilizes your personal data. In accordance with the
            Personal Data Protection Act (hereinafter referred to as "the PDPA"), we hereby inform
            you of the following matters:
          </p>

          <h4>
            <b>Purpose of Collection</b>
          </h4>
          <p>
            The specific purposes of collecting personal data include organizing various training
            courses and marketing activities.
          </p>

          <h4>
            <b>Categories of Personal Data</b>
          </h4>
          <p>
            For the purposes of collection, the categories of your personal data obtained, such as
            name, contact information, and national identification number, are detailed in the
            respective registration materials.
          </p>

          <h4>
            <b>Period, Region, Target, and Method of Personal Data Utilization</b>
          </h4>
          <ol>
            <li>Period: The retention period necessary for the Foundation's courses and activities.</li>
            <li>Region: The regions where the Foundation provides its services.</li>
            <li>Target: The Foundation, its affiliate entities, event co-organizers, or partner vendors.</li>
            <li>Method: Utilization in accordance with applicable laws and regulations.</li>
          </ol>

          <h4>
            <b>Your Rights and Exercise Methods Under Article 3 of the PDPA</b>
          </h4>
          <p>You have the right to:</p>
          <ol>
            <li>Access or request a review of your personal data.</li>
            <li>Request a copy of your persona data.</li>
            <li>Request corrections or updates to your personal data.</li>
            <li>Request the cessation of the collection, processing, or use of your personal data.</li>
            <li>Request the deletion of your personal data.</li>
          </ol>

          <h4>
            <b>The Impact of Not Providing Personal Data</b>
          </h4>
          <p>
            You are free to choose whether to provide your personal data. However, if you choose
            not to provide it or provide inaccurate information, the Foundation may be unable to
            offer you services related to the specified purposes.
          </p>
        </div>
      </main>
    </>
  );
}

PrivacyPolicy.layout = (page: React.ReactNode) => <App children={page} />;
