path: root/components/login/privacy-policy-page.tsx

"use client"

import * as React from "react"
import { useRouter, useParams } from "next/navigation"
import Link from "next/link"
import { Ship, ArrowLeft } from "lucide-react"
import { Button } from "@/components/ui/button"

// 한국어 개인정보처리방침 컴포넌트
function PrivacyPolicyPageKo() {
  const router = useRouter()

  return (
    <div className="min-h-screen bg-gray-50">
      {/* Header */}
      <div className="bg-white border-b">
        <div className="container mx-auto px-4 py-4">
          <div className="flex items-center justify-between">
            <div className="flex items-center space-x-2">
              <Ship className="w-6 h-6 text-blue-600" />
              <span className="text-xl font-bold">eVCP</span>
            </div>
            <Button
              variant="ghost"
              onClick={() => router.back()}
              className="flex items-center space-x-2"
            >
              <ArrowLeft className="w-4 h-4" />
              <span>뒤로가기</span>
            </Button>
          </div>
        </div>
      </div>

      {/* Content */}
      <div className="container mx-auto px-4 py-8 max-w-4xl">
        <div className="bg-white rounded-lg shadow-sm p-8">
          <header className="mb-8">
            <h1 className="text-3xl font-bold text-gray-900 mb-2">
              개인정보처리방침
            </h1>
            <p className="text-gray-600">
              시행일자: 2025년 1월 1일
            </p>
          </header>

          <div className="prose prose-lg max-w-none">
            <div className="mb-6 p-4 bg-blue-50 rounded-lg border-l-4 border-blue-500">
              <p className="text-blue-800 font-medium mb-2">
                eVCP는 개인정보보호법, 정보통신망 이용촉진 및 정보보호 등에 관한 법률 등 
                개인정보보호 관련 법령을 준수하며, 이용자의 개인정보를 안전하게 처리하고 있습니다.
              </p>
            </div>

            {/* 목차 */}
            <div className="mb-8 p-6 bg-gray-50 rounded-lg">
              <h3 className="text-lg font-semibold mb-4">목차</h3>
              <ul className="space-y-2 text-sm">
                <li><a href="#section1" className="text-blue-600 hover:underline">1. 개인정보의 수집 및 이용목적</a></li>
                <li><a href="#section2" className="text-blue-600 hover:underline">2. 수집하는 개인정보의 항목</a></li>
                <li><a href="#section3" className="text-blue-600 hover:underline">3. 개인정보의 보유 및 이용기간</a></li>
                <li><a href="#section4" className="text-blue-600 hover:underline">4. 개인정보의 제3자 제공</a></li>
                <li><a href="#section5" className="text-blue-600 hover:underline">5. 개인정보 처리의 위탁</a></li>
                <li><a href="#section6" className="text-blue-600 hover:underline">6. 개인정보 주체의 권리</a></li>
                <li><a href="#section7" className="text-blue-600 hover:underline">7. 개인정보의 파기절차 및 방법</a></li>
                <li><a href="#section8" className="text-blue-600 hover:underline">8. 개인정보 보호책임자</a></li>
                <li><a href="#section9" className="text-blue-600 hover:underline">9. 개인정보의 안전성 확보조치</a></li>
                <li><a href="#section10" className="text-blue-600 hover:underline">10. 쿠키의 설치·운영 및 거부</a></li>
                <li><a href="#section11" className="text-blue-600 hover:underline">11. 개인정보 처리방침의 변경</a></li>
              </ul>
            </div>

            {/* 각 섹션 */}
            <section id="section1" className="mb-8">
              <h2 className="text-2xl font-semibold mb-4 text-gray-900">
                1. 개인정보의 수집 및 이용목적
              </h2>
              <p className="mb-4">회사는 다음의 목적을 위하여 개인정보를 수집 및 이용합니다:</p>
              
              <div className="space-y-4">
                <div>
                  <h3 className="text-lg font-medium mb-2">1.1 회원가입 및 계정관리</h3>
                  <ul className="list-disc pl-6 space-y-1">
                    <li>회원 식별 및 본인인증</li>
                    <li>회원자격 유지·관리</li>
                    <li>서비스 부정이용 방지</li>
                  </ul>
                </div>
                
                <div>
                  <h3 className="text-lg font-medium mb-2">1.2 서비스 제공</h3>
                  <ul className="list-disc pl-6 space-y-1">
                    <li>업체 등록 및 인증 서비스 제공</li>
                    <li>고객상담 및 문의사항 처리</li>
                    <li>공지사항 전달</li>
                  </ul>
                </div>
                
                <div>
                  <h3 className="text-lg font-medium mb-2">1.3 법정의무 이행</h3>
                  <ul className="list-disc pl-6 space-y-1">
                    <li>관련 법령에 따른 의무사항 이행</li>
                  </ul>
                </div>
              </div>
            </section>

            <section id="section2" className="mb-8">
              <h2 className="text-2xl font-semibold mb-4 text-gray-900">
                2. 수집하는 개인정보의 항목
              </h2>
              
              <div className="space-y-4">
                <div className="p-4 bg-yellow-50 rounded-lg border border-yellow-200">
                  <h3 className="text-lg font-medium mb-2 text-yellow-800">2.1 필수정보</h3>
                  <ul className="list-disc pl-6 space-y-1 text-yellow-700">
                    <li><strong>이메일 주소</strong>: 계정 생성, 로그인, 중요 알림 발송</li>
                    <li><strong>전화번호</strong>: 본인인증, 중요 연락사항 전달</li>
                  </ul>
                </div>
                
                <div>
                  <h3 className="text-lg font-medium mb-2">2.2 자동 수집정보</h3>
                  <ul className="list-disc pl-6 space-y-1">
                    <li>접속 IP주소, 접속 시간, 이용기록</li>
                    <li>쿠키, 서비스 이용기록</li>
                  </ul>
                </div>
              </div>
            </section>

            <section id="section3" className="mb-8">
              <h2 className="text-2xl font-semibold mb-4 text-gray-900">
                3. 개인정보의 보유 및 이용기간
              </h2>
              
              <div className="space-y-4">
                <div>
                  <h3 className="text-lg font-medium mb-2">3.1 회원정보</h3>
                  <ul className="list-disc pl-6 space-y-1">
                    <li><strong>보유기간</strong>: 회원탈퇴 시까지</li>
                    <li><strong>예외</strong>: 관련 법령에 따라 보존할 필요가 있는 경우 해당 기간 동안 보관</li>
                  </ul>
                </div>
                
                <div>
                  <h3 className="text-lg font-medium mb-2">3.2 법령에 따른 보관</h3>
                  <ul className="list-disc pl-6 space-y-1">
                    <li><strong>계약 또는 청약철회 등에 관한 기록</strong>: 5년 (전자상거래법)</li>
                    <li><strong>대금결제 및 재화 등의 공급에 관한 기록</strong>: 5년 (전자상거래법)</li>
                    <li><strong>소비자 불만 또는 분쟁처리에 관한 기록</strong>: 3년 (전자상거래법)</li>
                    <li><strong>웹사이트 방문기록</strong>: 3개월 (통신비밀보호법)</li>
                  </ul>
                </div>
              </div>
            </section>

            <section id="section4" className="mb-8">
              <h2 className="text-2xl font-semibold mb-4 text-gray-900">
                4. 개인정보의 제3자 제공
              </h2>
              <p className="mb-4">
                회사는 원칙적으로 이용자의 개인정보를 제3자에게 제공하지 않습니다.
              </p>
              <p className="mb-2">다만, 다음의 경우에는 예외로 합니다:</p>
              <ul className="list-disc pl-6 space-y-1">
                <li>이용자가 사전에 동의한 경우</li>
                <li>법령의 규정에 의거하거나, 수사 목적으로 법령에 정해진 절차와 방법에 따라 수사기관의 요구가 있는 경우</li>
              </ul>
            </section>

            <section id="section5" className="mb-8">
              <h2 className="text-2xl font-semibold mb-4 text-gray-900">
                5. 개인정보 처리의 위탁
              </h2>
              <p className="mb-4">
                현재 회사는 개인정보 처리업무를 외부에 위탁하고 있지 않습니다.
              </p>
              <p className="mb-2">향후 개인정보 처리업무를 위탁하는 경우, 다음 사항을 준수하겠습니다:</p>
              <ul className="list-disc pl-6 space-y-1">
                <li>위탁계약 체결 시 개인정보보호 관련 법령 준수, 개인정보에 관한 비밀유지, 제3자 제공 금지 등을 계약서에 명시</li>
                <li>위탁업체가 개인정보를 안전하게 처리하는지 감독</li>
              </ul>
            </section>

            {/* 권리 행사 섹션 - 특별히 강조 */}
            <section id="section6" className="mb-8">
              <h2 className="text-2xl font-semibold mb-4 text-gray-900">
                6. 개인정보 주체의 권리
              </h2>
              
              <div className="p-6 bg-blue-50 rounded-lg border border-blue-200 mb-4">
                <p className="text-blue-800 font-medium mb-2">
                  💡 이용자님의 권리를 알려드립니다
                </p>
                <p className="text-blue-700 text-sm">
                  언제든지 본인의 개인정보에 대해 열람, 수정, 삭제를 요청하실 수 있습니다.
                </p>
              </div>
              
              <div className="space-y-4">
                <div>
                  <h3 className="text-lg font-medium mb-2">6.1 정보주체의 권리</h3>
                  <ul className="list-disc pl-6 space-y-1">
                    <li><strong>열람권</strong>: 본인의 개인정보 처리현황을 확인할 권리</li>
                    <li><strong>정정·삭제권</strong>: 잘못된 정보의 수정이나 삭제를 요구할 권리</li>
                    <li><strong>처리정지권</strong>: 개인정보 처리 중단을 요구할 권리</li>
                  </ul>
                </div>
                
                <div className="p-4 bg-gray-50 rounded-lg">
                  <h3 className="text-lg font-medium mb-2">6.2 권리행사 방법</h3>
                  <ul className="list-disc pl-6 space-y-1">
                    <li><strong>연락처</strong>: privacy@evcp.com</li>
                    <li><strong>처리기간</strong>: 요청 접수 후 10일 이내</li>
                  </ul>
                </div>
              </div>
            </section>

            <section id="section7" className="mb-8">
              <h2 className="text-2xl font-semibold mb-4 text-gray-900">
                7. 개인정보의 파기절차 및 방법
              </h2>
              
              <div className="space-y-4">
                <div>
                  <h3 className="text-lg font-medium mb-2">7.1 파기절차</h3>
                  <ul className="list-disc pl-6 space-y-1">
                    <li>보유기간 만료 또는 처리목적 달성 시 지체없이 파기</li>
                    <li>다른 법령에 따라 보관하여야 하는 경우에는 해당 기간 동안 보관</li>
                  </ul>
                </div>
                
                <div>
                  <h3 className="text-lg font-medium mb-2">7.2 파기방법</h3>
                  <ul className="list-disc pl-6 space-y-1">
                    <li><strong>전자적 파일</strong>: 복구 및 재생되지 않도록 안전하게 삭제</li>
                    <li><strong>서면</strong>: 분쇄기로 분쇄하거나 소각</li>
                  </ul>
                </div>
              </div>
            </section>

            {/* 연락처 정보 */}
            <section id="section8" className="mb-8">
              <h2 className="text-2xl font-semibold mb-4 text-gray-900">
                8. 개인정보 보호책임자
              </h2>
              
              <div className="grid md:grid-cols-2 gap-6">
                <div className="p-4 border rounded-lg">
                  <h3 className="text-lg font-medium mb-2">개인정보 보호책임자</h3>
                  <ul className="space-y-1 text-sm">
                    <li><strong>성명</strong>: [담당자명]</li>
                    <li><strong>직책</strong>: [직책명]</li>
                    <li><strong>연락처</strong>: privacy@evcp.com</li>
                  </ul>
                </div>
                
                <div className="p-4 border rounded-lg">
                  <h3 className="text-lg font-medium mb-2">개인정보 보호담당자</h3>
                  <ul className="space-y-1 text-sm">
                    <li><strong>성명</strong>: [담당자명]</li>
                    <li><strong>부서</strong>: [부서명]</li>
                    <li><strong>연락처</strong>: privacy@evcp.com, 02-0000-0000</li>
                  </ul>
                </div>
              </div>
            </section>

            <section id="section9" className="mb-8">
              <h2 className="text-2xl font-semibold mb-4 text-gray-900">
                9. 개인정보의 안전성 확보조치
              </h2>
              
              <div className="space-y-4">
                <div>
                  <h3 className="text-lg font-medium mb-2">9.1 기술적 조치</h3>
                  <ul className="list-disc pl-6 space-y-1">
                    <li>개인정보 암호화</li>
                    <li>해킹 등에 대비한 기술적 대책</li>
                    <li>백신 소프트웨어 등의 설치·갱신</li>
                  </ul>
                </div>
                
                <div>
                  <h3 className="text-lg font-medium mb-2">9.2 관리적 조치</h3>
                  <ul className="list-disc pl-6 space-y-1">
                    <li>개인정보 취급자의 최소한 지정 및 교육</li>
                    <li>개인정보 취급자에 대한 정기적 교육</li>
                  </ul>
                </div>
                
                <div>
                  <h3 className="text-lg font-medium mb-2">9.3 물리적 조치</h3>
                  <ul className="list-disc pl-6 space-y-1">
                    <li>전산실, 자료보관실 등의 접근통제</li>
                  </ul>
                </div>
              </div>
            </section>

            <section id="section10" className="mb-8">
              <h2 className="text-2xl font-semibold mb-4 text-gray-900">
                10. 쿠키의 설치·운영 및 거부
              </h2>
              
              <div className="space-y-4">
                <div>
                  <h3 className="text-lg font-medium mb-2">10.1 쿠키의 사용목적</h3>
                  <ul className="list-disc pl-6 space-y-1">
                    <li>이용자에게 최적화된 서비스 제공</li>
                    <li>웹사이트 방문 및 이용형태 파악</li>
                  </ul>
                </div>
                
                <div>
                  <h3 className="text-lg font-medium mb-2">10.2 쿠키 거부 방법</h3>
                  <p className="mb-2">웹브라우저 설정을 통해 쿠키 허용, 차단 등의 설정을 변경할 수 있습니다.</p>
                  <ul className="list-disc pl-6 space-y-1">
                    <li>Chrome: 설정 → 개인정보 및 보안 → 쿠키 및 기타 사이트 데이터</li>
                    <li>Safari: 환경설정 → 개인정보 보호 → 쿠키 및 웹사이트 데이터</li>
                  </ul>
                </div>
              </div>
            </section>

            <section id="section11" className="mb-8">
              <h2 className="text-2xl font-semibold mb-4 text-gray-900">
                11. 개인정보 처리방침의 변경
              </h2>
              <p>
                본 개인정보처리방침은 법령·정책 또는 보안기술의 변경에 따라 내용의 추가·삭제 및 수정이 있을 시 
                변경 최소 7일 전부터 웹사이트를 통해 변경이유 및 내용 등을 공지하겠습니다.
              </p>
              <div className="mt-4 p-4 bg-gray-50 rounded-lg">
                <p><strong>공고일자</strong>: 2025년 1월 1일</p>
                <p><strong>시행일자</strong>: 2025년 1월 1일</p>
              </div>
            </section>

            {/* 문의처 */}
            <div className="mt-12 p-6 bg-gradient-to-r from-blue-50 to-blue-100 rounded-lg border border-blue-200">
              <h3 className="text-xl font-semibold mb-4 text-blue-900">문의처</h3>
              <p className="text-blue-800 mb-4">
                개인정보와 관련한 문의사항이 있으시면 아래 연락처로 문의해 주시기 바랍니다.
              </p>
              <div className="space-y-2 text-blue-700">
                <p><strong>이메일</strong>: privacy@evcp.com</p>
                <p><strong>전화</strong>: 02-0000-0000</p>
                <p><strong>주소</strong>: [회사 주소]</p>
              </div>
            </div>

            <div className="mt-8 text-center text-sm text-gray-500">
              <p>본 방침은 2025년 1월 1일부터 시행됩니다.</p>
            </div>
          </div>
        </div>
      </div>
    </div>
  )
}

// 영문 개인정보처리방침 컴포넌트
function PrivacyPolicyPageEn() {
  const router = useRouter()

  return (
    <div className="min-h-screen bg-gray-50">
      {/* Header */}
      <div className="bg-white border-b">
        <div className="container mx-auto px-4 py-4">
          <div className="flex items-center justify-between">
            <div className="flex items-center space-x-2">
              <Ship className="w-6 h-6 text-blue-600" />
              <span className="text-xl font-bold">eVCP</span>
            </div>
            <Button
              variant="ghost"
              onClick={() => router.back()}
              className="flex items-center space-x-2"
            >
              <ArrowLeft className="w-4 h-4" />
              <span>Back</span>
            </Button>
          </div>
        </div>
      </div>

      {/* Content */}
      <div className="container mx-auto px-4 py-8 max-w-4xl">
        <div className="bg-white rounded-lg shadow-sm p-8">
          <header className="mb-8">
            <h1 className="text-3xl font-bold text-gray-900 mb-2">
              Privacy Policy
            </h1>
            <p className="text-gray-600">
              Effective Date: January 1, 2025
            </p>
          </header>

          <div className="prose prose-lg max-w-none">
            <div className="mb-6 p-4 bg-blue-50 rounded-lg border-l-4 border-blue-500">
              <p className="text-blue-800 font-medium mb-2">
                eVCP complies with applicable privacy and data protection laws and regulations, 
                and is committed to protecting and securely processing your personal information.
              </p>
            </div>

            {/* Table of Contents */}
            <div className="mb-8 p-6 bg-gray-50 rounded-lg">
              <h3 className="text-lg font-semibold mb-4">Table of Contents</h3>
              <ul className="space-y-2 text-sm">
                <li><a href="#section1" className="text-blue-600 hover:underline">1. Purpose of Personal Information Collection and Use</a></li>
                <li><a href="#section2" className="text-blue-600 hover:underline">2. Personal Information We Collect</a></li>
                <li><a href="#section3" className="text-blue-600 hover:underline">3. Retention and Use Period</a></li>
                <li><a href="#section4" className="text-blue-600 hover:underline">4. Third Party Disclosure</a></li>
                <li><a href="#section5" className="text-blue-600 hover:underline">5. Processing Outsourcing</a></li>
                <li><a href="#section6" className="text-blue-600 hover:underline">6. Your Rights</a></li>
                <li><a href="#section7" className="text-blue-600 hover:underline">7. Data Deletion Procedures</a></li>
                <li><a href="#section8" className="text-blue-600 hover:underline">8. Privacy Officer</a></li>
                <li><a href="#section9" className="text-blue-600 hover:underline">9. Security Measures</a></li>
                <li><a href="#section10" className="text-blue-600 hover:underline">10. Cookies</a></li>
                <li><a href="#section11" className="text-blue-600 hover:underline">11. Policy Changes</a></li>
              </ul>
            </div>

            {/* Sections */}
            <section id="section1" className="mb-8">
              <h2 className="text-2xl font-semibold mb-4 text-gray-900">
                1. Purpose of Personal Information Collection and Use
              </h2>
              <p className="mb-4">We collect and use personal information for the following purposes:</p>
              
              <div className="space-y-4">
                <div>
                  <h3 className="text-lg font-medium mb-2">1.1 Account Registration and Management</h3>
                  <ul className="list-disc pl-6 space-y-1">
                    <li>User identification and authentication</li>
                    <li>Account maintenance and management</li>
                    <li>Prevention of service misuse</li>
                  </ul>
                </div>
                
                <div>
                  <h3 className="text-lg font-medium mb-2">1.2 Service Provision</h3>
                  <ul className="list-disc pl-6 space-y-1">
                    <li>Company registration and verification services</li>
                    <li>Customer support and inquiry handling</li>
                    <li>Important notifications and announcements</li>
                  </ul>
                </div>
                
                <div>
                  <h3 className="text-lg font-medium mb-2">1.3 Legal Compliance</h3>
                  <ul className="list-disc pl-6 space-y-1">
                    <li>Compliance with applicable laws and regulations</li>
                  </ul>
                </div>
              </div>
            </section>

            <section id="section2" className="mb-8">
              <h2 className="text-2xl font-semibold mb-4 text-gray-900">
                2. Personal Information We Collect
              </h2>
              
              <div className="space-y-4">
                <div className="p-4 bg-yellow-50 rounded-lg border border-yellow-200">
                  <h3 className="text-lg font-medium mb-2 text-yellow-800">2.1 Required Information</h3>
                  <ul className="list-disc pl-6 space-y-1 text-yellow-700">
                    <li><strong>Email Address</strong>: Account creation, login, important notifications</li>
                    <li><strong>Phone Number</strong>: Identity verification, important communications</li>
                  </ul>
                </div>
                
                <div>
                  <h3 className="text-lg font-medium mb-2">2.2 Automatically Collected Information</h3>
                  <ul className="list-disc pl-6 space-y-1">
                    <li>IP address, access time, usage records</li>
                    <li>Cookies and service usage records</li>
                  </ul>
                </div>
              </div>
            </section>

            <section id="section3" className="mb-8">
              <h2 className="text-2xl font-semibold mb-4 text-gray-900">
                3. Retention and Use Period
              </h2>
              
              <div className="space-y-4">
                <div>
                  <h3 className="text-lg font-medium mb-2">3.1 Member Information</h3>
                  <ul className="list-disc pl-6 space-y-1">
                    <li><strong>Retention Period</strong>: Until account deletion</li>
                    <li><strong>Exception</strong>: Where required by law, retained for the required period</li>
                  </ul>
                </div>
                
                <div>
                  <h3 className="text-lg font-medium mb-2">3.2 Legal Retention Requirements</h3>
                  <ul className="list-disc pl-6 space-y-1">
                    <li><strong>Contract and transaction records</strong>: 5 years</li>
                    <li><strong>Payment and service delivery records</strong>: 5 years</li>
                    <li><strong>Consumer complaint or dispute records</strong>: 3 years</li>
                    <li><strong>Website visit records</strong>: 3 months</li>
                  </ul>
                </div>
              </div>
            </section>

            <section id="section4" className="mb-8">
              <h2 className="text-2xl font-semibold mb-4 text-gray-900">
                4. Third Party Disclosure
              </h2>
              <p className="mb-4">
                We do not disclose your personal information to third parties, except in the following cases:
              </p>
              <ul className="list-disc pl-6 space-y-1">
                <li>With your prior consent</li>
                <li>When required by law or legal authorities following proper procedures</li>
              </ul>
            </section>

            <section id="section5" className="mb-8">
              <h2 className="text-2xl font-semibold mb-4 text-gray-900">
                5. Processing Outsourcing
              </h2>
              <p className="mb-4">
                We currently do not outsource personal information processing to external parties.
              </p>
              <p className="mb-2">If we outsource personal information processing in the future, we will:</p>
              <ul className="list-disc pl-6 space-y-1">
                <li>Include privacy protection clauses in outsourcing contracts</li>
                <li>Supervise outsourced parties to ensure secure processing of personal information</li>
              </ul>
            </section>

            {/* Rights section - emphasized */}
            <section id="section6" className="mb-8">
              <h2 className="text-2xl font-semibold mb-4 text-gray-900">
                6. Your Rights
              </h2>
              
              <div className="p-6 bg-blue-50 rounded-lg border border-blue-200 mb-4">
                <p className="text-blue-800 font-medium mb-2">
                  💡 Know Your Rights
                </p>
                <p className="text-blue-700 text-sm">
                  You can request access, correction, or deletion of your personal information at any time.
                </p>
              </div>
              
              <div className="space-y-4">
                <div>
                  <h3 className="text-lg font-medium mb-2">6.1 Data Subject Rights</h3>
                  <ul className="list-disc pl-6 space-y-1">
                    <li><strong>Right of Access</strong>: Request information about how your data is processed</li>
                    <li><strong>Right of Rectification</strong>: Request correction or deletion of incorrect information</li>
                    <li><strong>Right to Restriction</strong>: Request suspension of personal information processing</li>
                  </ul>
                </div>
                
                <div className="p-4 bg-gray-50 rounded-lg">
                  <h3 className="text-lg font-medium mb-2">6.2 How to Exercise Your Rights</h3>
                  <ul className="list-disc pl-6 space-y-1">
                    <li><strong>Contact</strong>: privacy@evcp.com</li>
                    <li><strong>Response Time</strong>: Within 10 days of request</li>
                  </ul>
                </div>
              </div>
            </section>

            <section id="section7" className="mb-8">
              <h2 className="text-2xl font-semibold mb-4 text-gray-900">
                7. Data Deletion Procedures
              </h2>
              
              <div className="space-y-4">
                <div>
                  <h3 className="text-lg font-medium mb-2">7.1 Deletion Procedure</h3>
                  <ul className="list-disc pl-6 space-y-1">
                    <li>Deletion without delay when retention period expires or purpose is achieved</li>
                    <li>Retention for required period when required by other laws</li>
                  </ul>
                </div>
                
                <div>
                  <h3 className="text-lg font-medium mb-2">7.2 Deletion Method</h3>
                  <ul className="list-disc pl-6 space-y-1">
                    <li><strong>Electronic files</strong>: Secure deletion to prevent recovery</li>
                    <li><strong>Paper documents</strong>: Shredding or incineration</li>
                  </ul>
                </div>
              </div>
            </section>

            {/* Contact information */}
            <section id="section8" className="mb-8">
              <h2 className="text-2xl font-semibold mb-4 text-gray-900">
                8. Privacy Officer
              </h2>
              
              <div className="grid md:grid-cols-2 gap-6">
                <div className="p-4 border rounded-lg">
                  <h3 className="text-lg font-medium mb-2">Chief Privacy Officer</h3>
                  <ul className="space-y-1 text-sm">
                    <li><strong>Name</strong>: [Officer Name]</li>
                    <li><strong>Title</strong>: [Title]</li>
                    <li><strong>Contact</strong>: privacy@evcp.com</li>
                  </ul>
                </div>
                
                <div className="p-4 border rounded-lg">
                  <h3 className="text-lg font-medium mb-2">Privacy Manager</h3>
                  <ul className="space-y-1 text-sm">
                    <li><strong>Name</strong>: [Manager Name]</li>
                    <li><strong>Department</strong>: [Department]</li>
                    <li><strong>Contact</strong>: privacy@evcp.com, +82-2-0000-0000</li>
                  </ul>
                </div>
              </div>
            </section>

            <section id="section9" className="mb-8">
              <h2 className="text-2xl font-semibold mb-4 text-gray-900">
                9. Security Measures
              </h2>
              
              <div className="space-y-4">
                <div>
                  <h3 className="text-lg font-medium mb-2">9.1 Technical Measures</h3>
                  <ul className="list-disc pl-6 space-y-1">
                    <li>Personal information encryption</li>
                    <li>Technical safeguards against hacking</li>
                    <li>Installation and updating of antivirus software</li>
                  </ul>
                </div>
                
                <div>
                  <h3 className="text-lg font-medium mb-2">9.2 Administrative Measures</h3>
                  <ul className="list-disc pl-6 space-y-1">
                    <li>Minimizing and training personal information handlers</li>
                    <li>Regular training for personal information handlers</li>
                  </ul>
                </div>
                
                <div>
                  <h3 className="text-lg font-medium mb-2">9.3 Physical Measures</h3>
                  <ul className="list-disc pl-6 space-y-1">
                    <li>Access control to computer rooms and data storage areas</li>
                  </ul>
                </div>
              </div>
            </section>

            <section id="section10" className="mb-8">
              <h2 className="text-2xl font-semibold mb-4 text-gray-900">
                10. Cookies
              </h2>
              
              <div className="space-y-4">
                <div>
                  <h3 className="text-lg font-medium mb-2">10.1 Purpose of Cookie Use</h3>
                  <ul className="list-disc pl-6 space-y-1">
                    <li>Providing optimized services to users</li>
                    <li>Understanding website visit and usage patterns</li>
                  </ul>
                </div>
                
                <div>
                  <h3 className="text-lg font-medium mb-2">10.2 Cookie Management</h3>
                  <p className="mb-2">You can control cookie settings through your web browser:</p>
                  <ul className="list-disc pl-6 space-y-1">
                    <li>Chrome: Settings → Privacy and security → Cookies and other site data</li>
                    <li>Safari: Preferences → Privacy → Cookies and website data</li>
                  </ul>
                </div>
              </div>
            </section>

            <section id="section11" className="mb-8">
              <h2 className="text-2xl font-semibold mb-4 text-gray-900">
                11. Policy Changes
              </h2>
              <p>
                This Privacy Policy may be updated due to changes in laws, policies, or security technology. 
                We will notify users of changes at least 7 days in advance through our website.
              </p>
              <div className="mt-4 p-4 bg-gray-50 rounded-lg">
                <p><strong>Publication Date</strong>: January 1, 2025</p>
                <p><strong>Effective Date</strong>: January 1, 2025</p>
              </div>
            </section>

            {/* Contact section */}
            <div className="mt-12 p-6 bg-gradient-to-r from-blue-50 to-blue-100 rounded-lg border border-blue-200">
              <h3 className="text-xl font-semibold mb-4 text-blue-900">Contact Us</h3>
              <p className="text-blue-800 mb-4">
                If you have any questions about this Privacy Policy, please contact us:
              </p>
              <div className="space-y-2 text-blue-700">
                <p><strong>Email</strong>: privacy@evcp.com</p>
                <p><strong>Phone</strong>: +82-2-0000-0000</p>
                <p><strong>Address</strong>: [Company Address]</p>
              </div>
            </div>

            <div className="mt-8 text-center text-sm text-gray-500">
              <p>This policy is effective from January 1, 2025.</p>
            </div>
          </div>
        </div>
      </div>
    </div>
  )
}

// 메인 컴포넌트 - 언어에 따라 조건부 렌더링
export function PrivacyPolicyPage() {
  const params = useParams() || {};
  const lng = params.lng as string

  // 한국어면 한국어 버전, 그 외는 영문 버전
  if (lng === 'ko') {
    return <PrivacyPolicyPageKo />
  } else {
    return <PrivacyPolicyPageEn />
  }
}