/* privacy.jsx — HYPT Web Redesign Prototype
   Privacy Policy page: single center column, white bg
*/

// ─────────────────────────────────────────
// CONSTANTS
// ─────────────────────────────────────────

// ─────────────────────────────────────────
// COMPONENTS
// ─────────────────────────────────────────

function Article({ num, title, children }) {
  return (
    <div className="p-article">
      <p className="p-article__head">**Article {num}. {title}</p>
      {children}
    </div>
  );
}

// ─────────────────────────────────────────
// APP
// ─────────────────────────────────────────

function Privacy() {
  return (
    <div className="s-root">
      <VerticalGuides fixed />
      <StudioGNB activePage={null} />

      {/* ── Subhead ── */}
      <div className="s-subhead-row">
        <span className="s-subhead">PRIVACY POLICY</span>
      </div>

      {/* ── Content ── */}
      <div className="s-col">

        <p className="p-meta">Effective Date: March 3, 2026</p>

        <p className="p-preamble">
          HYPT Inc. (hereinafter "the Company") establishes and discloses the following Privacy Policy in accordance with Article 30 of the Personal Information Protection Act ("PIPA") of the Republic of Korea, in order to protect the personal information of data subjects and to handle related grievances promptly and effectively.
        </p>

        {/* Article 1 */}
        <Article num="1" title="Purpose of Processing Personal Information">
          <p className="p-body">The Company processes personal information for the following purposes. Personal information being processed will not be used for purposes other than those listed below, and where the purpose of use is changed, the Company will take necessary measures, including obtaining separate consent in accordance with Article 18 of PIPA.</p>
          <ul className="p-list">
            <li>Project Inquiry and Consultation : Identifying inquirers, confirming inquiry content, providing replies, and managing consultation history.</li>
            <li>Contract Execution and Performance : Concluding service agreements, processing payments and settlements, and issuing tax invoices.</li>
            <li>Marketing and Advertising (subject to optional consent) : Sending newsletters, event announcements, and portfolio update notifications.</li>
          </ul>
        </Article>

        {/* Article 2 */}
        <Article num="2" title="Items of Personal Information Processed">
          <p className="p-body">The Company processes the following items of personal information:</p>
          <ul className="p-list">
            <li>Required (Website Inquiry Form) : Name, email address, purpose of inquiry, inquiry content.</li>
            <li>Optional (Website Inquiry Form) : Company/brand name, phone number, budget range, desired timeline.</li>
            <li>Automatically Collected : IP address, cookies, browser type, visit date and time.</li>
          </ul>
        </Article>

        {/* Article 3 */}
        <Article num="3" title="Processing and Retention Period of Personal Information">
          <p className="p-body">The Company processes and retains personal information within the retention and use period prescribed by law or agreed to by the data subject at the time of collection.</p>
          <ul className="p-list">
            <li>Project inquiry and consultation: 3 years from the date of inquiry.</li>
            <li>Contract execution and performance: 5 years from the date of contract termination (Article 64 of the Commercial Act).</li>
            <li>Marketing and advertising: Until consent is withdrawn.</li>
            <li>Tax invoices and transaction records: 5 years (Article 85-3 of the Framework Act on National Taxes).</li>
            <li>E-commerce display and advertising records: 6 months (Article 6 of the Enforcement Decree of the Act on Consumer Protection in Electronic Commerce).</li>
            <li>Website visit records: 3 months (Article 15-2 of the Protection of Communications Secrets Act).</li>
          </ul>
        </Article>

        {/* Article 4 */}
        <Article num="4" title="Provision of Personal Information to Third Parties">
          <p className="p-body">The Company processes personal information only within the scope specified in Article 1, and provides personal information to third parties only when the data subject has given consent or in cases falling under Articles 17 and 18 of PIPA.</p>
          <p className="p-body">The Company currently does not provide personal information to any third parties.</p>
        </Article>

        {/* Article 5 */}
        <Article num="5" title="Rights and Obligations of Data Subjects and Legal Representatives, and Methods of Exercise">
          <ul className="p-list">
            <li>
              The data subject may exercise the following rights related to personal information protection at any time:
              <ul className="p-list p-list--sub">
                <li>Right to request access to personal information</li>
                <li>Right to request correction in the event of errors</li>
                <li>Right to request deletion</li>
                <li>Right to request suspension of processing</li>
              </ul>
            </li>
            <li>Rights may be exercised in writing, by email, or through similar means, and the Company will take action without delay.</li>
            <li>If a data subject requests correction or deletion of personal information due to errors, the Company will not use or provide such personal information until the correction or deletion is completed.</li>
          </ul>
        </Article>

        {/* Article 6 */}
        <Article num="6" title="Procedures and Methods for Destroying Personal Information">
          <ul className="p-list">
            <li>
              Destruction Procedure : When personal information becomes unnecessary due to the expiration of the retention period or the achievement of the processing purpose, the Company destroys such personal information without delay.
            </li>
            <li>
              Destruction Methods:
              <ul className="p-list p-list--sub">
                <li>Electronic files: Permanently deleted in a manner that prevents recovery or reproduction.</li>
                <li>Paper documents: Shredded or incinerated.</li>
              </ul>
            </li>
          </ul>
        </Article>

        {/* Article 7 */}
        <Article num="7" title="Measures to Ensure the Security of Personal Information">
          <p className="p-body">In accordance with Article 29 of PIPA, the Company implements the following technical, administrative, and physical measures to ensure the security of personal information:</p>
          <ul className="p-list">
            <li>Administrative Measures : Establishment and implementation of an internal management plan; minimization and training of personnel handling personal information.</li>
            <li>Technical Measures : Access control for personal information processing systems; application of encryption (SSL/TLS); installation and updating of security software.</li>
            <li>Physical Measures : Storage of documents and auxiliary storage media containing personal information in locked facilities.</li>
          </ul>
        </Article>

        {/* Article 8 */}
        <Article num="8" title="Installation, Operation, and Refusal of Cookies">
          <p className="p-body">The Company uses cookies to provide individually customized services to users. Cookies are small pieces of information sent by the server operating the website to the user's browser, which are stored on the user's hard disk.</p>
          <ul className="p-list">
            <li>Purpose of Cookie Use : Service improvement through analysis of visit frequency and areas of interest.</li>
            <li>
              How to Refuse Cookies : Users can choose to allow or block cookies in their browser settings:
              <ul className="p-list p-list--sub">
                <li>Chrome : Settings → Privacy and Security → Cookies and Other Site Data</li>
                <li>Safari : Preferences → Privacy</li>
                <li>Firefox : Settings → Privacy &amp; Security</li>
              </ul>
            </li>
          </ul>
        </Article>

        {/* Article 9 */}
        <Article num="9" title="Personal Information Protection Officer">
          <p className="p-body">The Company designates the following Personal Information Protection Officer to oversee personal information processing and to handle complaints and remedies related to personal information processing:</p>
          <ul className="p-list">
            <li>Name : Sangnyeon Kim</li>
            <li>Position : CEO</li>
            <li>Contact : +82-2-332-3477 / hypt@hypt.design</li>
          </ul>
        </Article>

        {/* Article 10 */}
        <Article num="10" title="Remedies for Infringement of Rights">
          <p className="p-body">Data subjects may apply for dispute resolution or consultation with the following organizations to seek remedies for personal information infringement:</p>
          <ul className="p-list">
            <li>Personal Information Dispute Mediation Committee : 1833-6972 / privacy.go.kr</li>
            <li>Personal Information Infringement Report Center : 118 / privacy.kisa.or.kr</li>
            <li>Cyber Investigation Division, Supreme Prosecutors' Office : 1301 / spo.go.kr</li>
            <li>Cyber Investigation Bureau, National Police Agency : 182 / ecrm.cyber.go.kr</li>
          </ul>
        </Article>

        {/* Article 11 */}
        <Article num="11" title="Changes to the Privacy Policy">
          <p className="p-body">This Privacy Policy is effective as of March 3, 2026. Previous versions of the Privacy Policy can be reviewed below.</p>
        </Article>

        {/* Company Info */}
        <div className="p-article">
          <p className="p-article__head">**Company Information</p>
          <ul className="p-list">
            <li>Company Name : HYPT Inc.</li>
            <li>Representative : Sangnyeon Kim</li>
            <li>Business Registration Number : (To be provided)</li>
            <li>Address : #C-417, 128 Beobwon-ro, Songpa-gu, Seoul 05854, Republic of Korea</li>
            <li>Phone : +82-2-332-3477</li>
            <li>Email : hypt@hypt.design</li>
          </ul>
        </div>

      </div>

      {/* ── Footer ── */}
      <footer className="s-footer">
        <span>© 2026 HYPT</span>
        <a href="privacy.html" className="s-footer__link s-footer__link--active">PRIVACY</a>
      </footer>

    </div>
  );
}

ReactDOM.createRoot(document.getElementById('root')).render(<Privacy />);