import type { Metadata } from 'next';
import Link from 'next/link';

export const metadata: Metadata = {
  title: 'นโยบายความเป็นส่วนตัว (Privacy Policy)',
  description: 'นโยบายความเป็นส่วนตัวของบริษัท ดีล พลัส เทค จำกัด ตามพระราชบัญญัติคุ้มครองข้อมูลส่วนบุคคล พ.ศ. 2562 (PDPA)',
  keywords: ['นโยบายความเป็นส่วนตัว', 'PDPA', 'คุ้มครองข้อมูลส่วนบุคคล', 'ดีลพลัสเทค'],
};

function PrivacyPolicySchema() {
  const schema = {
    '@context': 'https://schema.org',
    '@type': 'LegalService',
    name: 'ดีลพลัสเทค',
    alternateName: 'Deal Plus Tech Co., Ltd.',
    description: 'นโยบายความเป็นส่วนตัว - ตามพระราชบัญญัติคุ้มครองข้อมูลส่วนบุคคล พ.ศ. 2562 (PDPA)',
    url: 'https://dealplustech.co.th/privacy-policy',
    provider: {
      '@type': 'Organization',
      name: 'บริษัท ดีล พลัส เทค จำกัด',
      telephone: '+66-90-555-1415',
      email: 'info@dealplustech.co.th',
      address: {
        '@type': 'PostalAddress',
        streetAddress: '9/70 ซอยนครลุง 17',
        addressLocality: 'แขวงบางไผ่',
        addressRegion: 'เขตบางแค',
        addressCountry: 'TH',
        postalCode: '10160',
      },
    },
  };

  return (
    <script
      type="application/ld+json"
      dangerouslySetInnerHTML={{ __html: JSON.stringify(schema) }}
    />
  );
}

export default function PrivacyPolicyPage() {
  return (
    <>
      <PrivacyPolicySchema />
      <div className="pt-32 pb-16">
        <div className="container mx-auto px-4">
          {/* Hero */}
          <div className="text-center mb-12">
            <h1 className="text-4xl md:text-5xl font-bold text-secondary-900 mb-4">
              นโยบายความเป็น<span className="text-primary-600">ส่วนตัว</span>
            </h1>
            <p className="text-xl text-secondary-600 max-w-2xl mx-auto">
              ตามพระราชบัญญัติคุ้มครองข้อมูลส่วนบุคคล พ.ศ. 2562 (PDPA)
            </p>
            <p className="text-sm text-secondary-500 mt-2">
              ปรับปรุงล่าสุด: 9 มีนาคม 2569
            </p>
          </div>

          {/* Table of Contents */}
          <div className="max-w-4xl mx-auto mb-12">
            <div className="bg-secondary-50 rounded-2xl p-6 border border-secondary-200">
              <h2 className="text-lg font-bold text-secondary-900 mb-4">สารบัญ</h2>
              <nav className="space-y-2">
                {[
                  { num: '1', label: 'ข้อมูลผู้ควบคุมข้อมูลส่วนบุคคล', href: '#controller' },
                  { num: '2', label: 'ประเภทข้อมูลที่เก็บรวบรวม', href: '#collection' },
                  { num: '3', label: 'วัตถุประสงค์การเก็บรวบรวมข้อมูล', href: '#purpose' },
                  { num: '4', label: 'ฐานทางกฎหมายสำหรับการประมวลผล', href: '#legal-basis' },
                  { num: '5', label: 'ระยะเวลาเก็บรักษาข้อมูล', href: '#retention' },
                  { num: '6', label: 'การเปิดเผยข้อมูล', href: '#disclosure' },
                  { num: '7', label: 'การโอนข้อมูลข้ามประเทศ', href: '#transfer' },
                  { num: '8', label: 'การตัดสินใจโดยอัตโนมัติ', href: '#automated' },
                  { num: '9', label: 'คุกกี้และเทคโนโลยีการติดตาม', href: '#cookies' },
                  { num: '10', label: 'สิทธิของเจ้าของข้อมูล', href: '#rights' },
                  { num: '11', label: 'มาตรการรักษาความปลอดภัย', href: '#security' },
                  { num: '12', label: 'ติดต่อเจ้าหน้าที่คุ้มครองข้อมูลส่วนบุคคล (DPO)', href: '#dpo' },
                  { num: '13', label: 'สิทธิร้องเรียน', href: '#complaint' },
                  { num: '14', label: 'การแก้ไขนโยบาย', href: '#amendment' },
                ].map((item) => (
                  <a
                    key={item.num}
                    href={item.href}
                    className="flex items-center gap-3 text-secondary-700 hover:text-primary-600 py-1 transition-colors"
                  >
                    <span className="w-8 h-8 bg-primary-600 text-white rounded-full flex items-center justify-center text-sm font-semibold">
                      {item.num}
                    </span>
                    <span>{item.label}</span>
                  </a>
                ))}
              </nav>
            </div>
          </div>

          {/* Content */}
          <div className="max-w-4xl mx-auto space-y-8">
            {/* Section 1 */}
            <section id="controller" className="bg-white rounded-2xl p-8 shadow-sm border border-secondary-100">
              <h2 className="text-2xl font-bold text-secondary-900 mb-4">
                1. ข้อมูลผู้ควบคุมข้อมูลส่วนบุคคล
              </h2>
              <div className="space-y-4 text-lg text-secondary-700 leading-relaxed">
                <p>
                  <strong>บริษัท ดีล พลัส เทค จำกัด</strong> เป็นผู้ควบคุมข้อมูลส่วนบุคคลตามพระราชบัญญัติคุ้มครองข้อมูลส่วนบุคคล พ.ศ. 2562 (PDPA)
                </p>
                <div className="bg-secondary-50 rounded-xl p-6 mt-4">
                  <h3 className="font-bold text-secondary-900 mb-3">ข้อมูลติดต่อ</h3>
                  <ul className="space-y-2">
                    <li className="flex items-start gap-2">
                      <span className="text-primary-600">📍</span>
                      <span>9/70 ซอยนครลุง 17 แขวงบางไผ่ เขตบางแค กรุงเทพมหานคร 10160</span>
                    </li>
                    <li className="flex items-start gap-2">
                      <span className="text-primary-600">📞</span>
                      <span>090-555-1415</span>
                    </li>
                    <li className="flex items-start gap-2">
                      <span className="text-primary-600">✉️</span>
                      <span>info@dealplustech.co.th</span>
                    </li>
                  </ul>
                </div>
              </div>
            </section>

            {/* Section 2 */}
            <section id="collection" className="bg-white rounded-2xl p-8 shadow-sm border border-secondary-100">
              <h2 className="text-2xl font-bold text-secondary-900 mb-4">
                2. ประเภทข้อมูลที่เก็บรวบรวม
              </h2>
              <div className="space-y-4 text-lg text-secondary-700 leading-relaxed">
                <p>เราจะเก็บรวบรวมข้อมูลส่วนบุคคลดังต่อไปนี้:</p>
                
                <div className="grid md:grid-cols-2 gap-4 mt-4">
                  <div className="bg-primary-50 rounded-xl p-5 border border-primary-100">
                    <h3 className="font-bold text-primary-800 mb-2">ข้อมูลส่วนบุคคล</h3>
                    <ul className="space-y-1 text-secondary-700">
                      <li>• ชื่อ-นามสกุล</li>
                      <li>• อีเมล</li>
                      <li>• หมายเลขโทรศัพท์</li>
                      <li>• ที่อยู่</li>
                      <li>• ชื่อบริษัท/องค์กร</li>
                    </ul>
                  </div>
                  <div className="bg-secondary-50 rounded-xl p-5 border border-secondary-100">
                    <h3 className="font-bold text-secondary-800 mb-2">ข้อมูลการใช้งาน</h3>
                    <ul className="space-y-1 text-secondary-700">
                      <li>• คุกกี้และข้อมูลการติดตาม</li>
                      <li>• ที่อยู่ IP Address</li>
                      <li>• ประเภทเบราว์เซอร์</li>
                      <li>• หน้าที่เข้าชม</li>
                      <li>• วันที่และเวลาเข้าชม</li>
                    </ul>
                  </div>
                </div>
              </div>
            </section>

            {/* Section 3 */}
            <section id="purpose" className="bg-white rounded-2xl p-8 shadow-sm border border-secondary-100">
              <h2 className="text-2xl font-bold text-secondary-900 mb-4">
                3. วัตถุประสงค์การเก็บรวบรวมข้อมูล
              </h2>
              <div className="space-y-4 text-lg text-secondary-700 leading-relaxed">
                <p>เราเก็บรวบรวมข้อมูลส่วนบุคคลเพื่อวัตถุประสงค์ดังต่อไปนี้:</p>
                
                <ul className="space-y-3 mt-4">
                  {[
                    'ให้บริการและตอบคำถามเกี่ยวกับสินค้าและบริการ',
                    'ปรับปรุงและพัฒนาประสบการณ์การใช้งานเว็บไซต์',
                    'ส่งข้อมูลข่าวสารและโปรโมชั่น (เมื่อได้รับความยินยอม)',
                    'ดำเนินการตามคำขอและการสั่งซื้อสินค้า',
                    'วิเคราะห์ข้อมูลเพื่อพัฒนาบริการที่ดีขึ้น',
                    'ปฏิบัติตามกฎหมายและข้อกำหนดที่เกี่ยวข้อง',
                  ].map((item, index) => (
                    <li key={index} className="flex items-start gap-3">
                      <span className="w-6 h-6 bg-primary-600 text-white rounded-full flex items-center justify-center text-sm flex-shrink-0 mt-0.5">
                        {index + 1}
                      </span>
                      <span>{item}</span>
                    </li>
                  ))}
                </ul>
              </div>
            </section>

            {/* Section 4 */}
            <section id="legal-basis" className="bg-white rounded-2xl p-8 shadow-sm border border-secondary-100">
              <h2 className="text-2xl font-bold text-secondary-900 mb-4">
                4. ฐานทางกฎหมายสำหรับการประมวลผล
              </h2>
              <div className="space-y-4 text-lg text-secondary-700 leading-relaxed">
                <p>เราประมวลผลข้อมูลส่วนบุคคลตามฐานทางกฎหมายดังต่อไปนี้:</p>
                
                <div className="space-y-4 mt-4">
                  <div className="border-l-4 border-primary-600 pl-4">
                    <h3 className="font-bold text-secondary-900">ความยินยอม (Consent)</h3>
                    <p>สำหรับการส่งข้อมูลข่าวสารและการตลาด เราจะขอความยินยอมจากท่านก่อน</p>
                  </div>
                  <div className="border-l-4 border-secondary-400 pl-4">
                    <h3 className="font-bold text-secondary-900">การปฏิบัติตามสัญญา (Contract)</h3>
                    <p>สำหรับการดำเนินการตามคำขอสินค้าหรือบริการที่ท่านร้องขอ</p>
                  </div>
                  <div className="border-l-4 border-primary-400 pl-4">
                    <h3 className="font-bold text-secondary-900">ผลประโยชน์โดยชอบด้วยกฎหมาย (Legitimate Interest)</h3>
                    <p>สำหรับการปรับปรุงบริการและความปลอดภัยของเว็บไซต์</p>
                  </div>
                  <div className="border-l-4 border-secondary-300 pl-4">
                    <h3 className="font-bold text-secondary-900">การปฏิบัติตามกฎหมาย (Legal Obligation)</h3>
                    <p>สำหรับการปฏิบัติตามกฎหมายที่เกี่ยวข้อง</p>
                  </div>
                </div>
              </div>
            </section>

            {/* Section 5 */}
            <section id="retention" className="bg-white rounded-2xl p-8 shadow-sm border border-secondary-100">
              <h2 className="text-2xl font-bold text-secondary-900 mb-4">
                5. ระยะเวลาเก็บรักษาข้อมูล
              </h2>
              <div className="space-y-4 text-lg text-secondary-700 leading-relaxed">
                <p>เราจะเก็บรักษาข้อมูลส่วนบุคคลของท่านตามระยะเวลาดังต่อไปนี้:</p>
                
                <div className="bg-red-50 rounded-xl p-6 border border-red-100 mt-4">
                  <ul className="space-y-3">
                    <li className="flex items-start gap-3">
                      <span className="text-red-600 font-bold">•</span>
                      <span><strong>ข้อมูลทั่วไป:</strong> เก็บรักษาไม่เกิน 10 ปี ตามที่กฎหมายกำหนด</span>
                    </li>
                    <li className="flex items-start gap-3">
                      <span className="text-red-600 font-bold">•</span>
                      <span><strong>ข้อมูลการใช้งานเว็บไซต์:</strong> เก็บรักษาไม่เกิน 3 ปี</span>
                    </li>
                    <li className="flex items-start gap-3">
                      <span className="text-red-600 font-bold">•</span>
                      <span><strong>ข้อมูลที่ได้รับความยินยอม:</strong> เก็บรักษาจนกว่าท่านจะเพิกถอนความยินยอม</span>
                    </li>
                  </ul>
                </div>
                <p className="text-sm text-secondary-500">
                  เมื่อหมดระยะเวลาการเก็บรักษา เราจะลบหรือทำลายข้อมูลส่วนบุคคลของท่านอย่างปลอดภัย
                </p>
              </div>
            </section>

            {/* Section 6 */}
            <section id="disclosure" className="bg-white rounded-2xl p-8 shadow-sm border border-secondary-100">
              <h2 className="text-2xl font-bold text-secondary-900 mb-4">
                6. การเปิดเผยข้อมูล
              </h2>
              <div className="space-y-4 text-lg text-secondary-700 leading-relaxed">
                <p>เราจะไม่เปิดเผยข้อมูลส่วนบุคคลของท่านแก่บุคคลภายนอก เว้นแต่:</p>
                
                <ul className="space-y-3 mt-4">
                  <li className="flex items-start gap-3">
                    <span className="w-6 h-6 bg-green-600 text-white rounded-full flex items-center justify-center text-sm flex-shrink-0">✓</span>
                    <span>ได้รับความยินยอมจากท่าน</span>
                  </li>
                  <li className="flex items-start gap-3">
                    <span className="w-6 h-6 bg-green-600 text-white rounded-full flex items-center justify-center text-sm flex-shrink-0">✓</span>
                    <span>จำเป็นต้องเปิดเผยเพื่อปฏิบัติตามกฎหมายหรือคำสั่งศาล</span>
                  </li>
                  <li className="flex items-start gap-3">
                    <span className="w-6 h-6 bg-green-600 text-white rounded-full flex items-center justify-center text-sm flex-shrink-0">✓</span>
                    <span>จำเป็นต้องเปิดเผยเพื่อป้องกันหรือระงับอันตรายต่อชีวิตหรือสุขภาพ</span>
                  </li>
                  <li className="flex items-start gap-3">
                    <span className="w-6 h-6 bg-green-600 text-white rounded-full flex items-center justify-center text-sm flex-shrink-0">✓</span>
                    <span>จำเป็นต้องเปิดเผยให้แก่ผู้ให้บริการที่ได้รับมอบหมาย (ตัวแทนประมวลผล) ที่มีข้อตกลงรักษาความลับ</span>
                  </li>
                </ul>
              </div>
            </section>

            {/* Section 7 */}
            <section id="transfer" className="bg-white rounded-2xl p-8 shadow-sm border border-secondary-100">
              <h2 className="text-2xl font-bold text-secondary-900 mb-4">
                7. การโอนข้อมูลข้ามประเทศ
              </h2>
              <div className="space-y-4 text-lg text-secondary-700 leading-relaxed">
                <p>
                  ข้อมูลส่วนบุคคลของท่านจะถูกเก็บรักษาภายในประเทศไทยเป็นหลัก 
                  ในกรณีที่มีการโอนข้อมูลไปยังต่างประเทศ เราจะดำเนินการตามมาตรฐานที่กฎหมายกำหนด
                </p>
                <div className="bg-yellow-50 rounded-xl p-4 border border-yellow-100 mt-4">
                  <p className="text-secondary-700">
                    <strong>หมายเหตุ:</strong> ปัจจุบันเราไม่มีการโอนข้อมูลส่วนบุคคลไปยังต่างประเทศ
                  </p>
                </div>
              </div>
            </section>

            {/* Section 8 */}
            <section id="automated" className="bg-white rounded-2xl p-8 shadow-sm border border-secondary-100">
              <h2 className="text-2xl font-bold text-secondary-900 mb-4">
                8. การตัดสินใจโดยอัตโนมัติ
              </h2>
              <div className="space-y-4 text-lg text-secondary-700 leading-relaxed">
                <p>
                  เราไม่มีการใช้การตัดสินใจโดยอัตโนมัติที่มีผลกระทบต่อท่านอย่างมีนัยสำคัญ 
                  รวมถึงการสร้างโปรไฟล์ (Profiling) โดยไม่มีการตรวจสอบโดยมนุษย์
                </p>
                <div className="bg-secondary-50 rounded-xl p-4 border border-secondary-100 mt-4">
                  <p className="text-secondary-700">
                    <strong>หมายเหตุ:</strong> หากมีการเปลี่ยนแปลงในอนาคต เราจะแจ้งให้ท่านทราบ
                  </p>
                </div>
              </div>
            </section>

            {/* Section 9 */}
            <section id="cookies" className="bg-white rounded-2xl p-8 shadow-sm border border-secondary-100">
              <h2 className="text-2xl font-bold text-secondary-900 mb-4">
                9. คุกกี้และเทคโนโลยีการติดตาม
              </h2>
              <div className="space-y-4 text-lg text-secondary-700 leading-relaxed">
                <p>
                  เว็บไซต์ของเราใช้คุกกี้และเทคโนโลยีการติดตามเพื่อปรับปรุงประสบการณ์การใช้งาน
                </p>
                <div className="mt-4">
                  <Link 
                    href="/cookie-policy"
                    className="inline-flex items-center gap-2 text-primary-600 hover:text-primary-700 font-semibold"
                  >
                    <span>ดูรายละเอียดเพิ่มเติมในนโยบายคุกกี้</span>
                    <span>→</span>
                  </Link>
                </div>
              </div>
            </section>

            {/* Section 10 - 8 Rights */}
            <section id="rights" className="bg-white rounded-2xl p-8 shadow-sm border border-secondary-100">
              <h2 className="text-2xl font-bold text-secondary-900 mb-4">
                10. สิทธิของเจ้าของข้อมูล (8 สิทธิตาม PDPA)
              </h2>
              <div className="space-y-4 text-lg text-secondary-700 leading-relaxed">
                <p>ท่านมีสิทธิตามพระราชบัญญัติคุ้มครองข้อมูลส่วนบุคคล พ.ศ. 2562 ดังต่อไปนี้:</p>
                
                <div className="grid md:grid-cols-2 gap-4 mt-6">
                  {[
                    { num: '1', title: 'สิทธิในการเข้าถึง', desc: 'ขอเข้าถึงและขอรับสำเนาข้อมูลส่วนบุคคลของท่าน' },
                    { num: '2', title: 'สิทธิในการแก้ไข', desc: 'ขอให้แก้ไขข้อมูลที่ไม่ถูกต้องหรือไม่สมบูรณ์' },
                    { num: '3', title: 'สิทธิในการลบ', desc: 'ขอให้ลบข้อมูลเมื่อหมดความจำเป็นหรือเพิกถอนความยินยอม' },
                    { num: '4', title: 'สิทธิในการระงับการใช้', desc: 'ขอให้ระงับการใช้ข้อมูลชั่วคราว' },
                    { num: '5', title: 'สิทธิในการโอนย้าย', desc: 'ขอรับข้อมูลในรูปแบบที่อ่านได้ด้วยเครื่อง' },
                    { num: '6', title: 'สิทธิในการคัดค้าน', desc: 'คัดค้านการประมวลผลที่อาจกระทบ' },
                    { num: '7', title: 'สิทธิเพิกถอนความยินยอม', desc: 'เพิกถอนความยินยอมเมื่อใดก็ได้' },
                    { num: '8', title: 'สิทธิในการร้องเรียน', desc: 'ร้องเรียนต่อหน่วยงานกำกับดูแล' },
                  ].map((item) => (
                    <div key={item.num} className="bg-secondary-50 rounded-xl p-4 border border-secondary-100">
                      <div className="flex items-start gap-3">
                        <span className="w-8 h-8 bg-primary-600 text-white rounded-full flex items-center justify-center font-bold flex-shrink-0">
                          {item.num}
                        </span>
                        <div>
                          <h3 className="font-bold text-secondary-900">{item.title}</h3>
                          <p className="text-sm text-secondary-600">{item.desc}</p>
                        </div>
                      </div>
                    </div>
                  ))}
                </div>
                
                <div className="bg-primary-50 rounded-xl p-6 border border-primary-100 mt-6">
                  <p className="text-secondary-700">
                    <strong>วิธีใช้สิทธิ:</strong> ท่านสามารถใช้สิทธิข้างต้นได้โดยติดต่อเราผ่านช่องทางติดต่อที่แจ้งไว้ในนโยบายนี้
                  </p>
                </div>
              </div>
            </section>

            {/* Section 11 */}
            <section id="security" className="bg-white rounded-2xl p-8 shadow-sm border border-secondary-100">
              <h2 className="text-2xl font-bold text-secondary-900 mb-4">
                11. มาตรการรักษาความปลอดภัย
              </h2>
              <div className="space-y-4 text-lg text-secondary-700 leading-relaxed">
                <p>เรามีมาตรการรักษาความปลอดภัยข้อมูลส่วนบุคคลดังต่อไปนี้:</p>
                
                <ul className="space-y-3 mt-4">
                  {[
                    'เข้ารหัสข้อมูลด้วยมาตรฐาน SSL/TLS',
                    'จำกัดการเข้าถึงข้อมูลเฉพาะพนักงานที่ได้รับอนุญาต',
                    'ใช้ระบบ Firewall และ Antivirus',
                    'จัดเก็บข้อมูลในระบบที่มีการควบคุมการเข้าถึง',
                    'ทำลายข้อมูลอย่างปลอดภัยเมื่อหมดระยะเวลาการเก็บรักษา',
                    'ตรวจสอบและอัปเดตมาตรการรักษาความปลอดภัยเป็นระยะ',
                  ].map((item, index) => (
                    <li key={index} className="flex items-start gap-3">
                      <span className="w-6 h-6 bg-green-600 text-white rounded-full flex items-center justify-center text-sm flex-shrink-0">✓</span>
                      <span>{item}</span>
                    </li>
                  ))}
                </ul>
              </div>
            </section>

            {/* Section 12 */}
            <section id="dpo" className="bg-white rounded-2xl p-8 shadow-sm border border-secondary-100">
              <h2 className="text-2xl font-bold text-secondary-900 mb-4">
                12. ติดต่อเจ้าหน้าที่คุ้มครองข้อมูลส่วนบุคคล (DPO)
              </h2>
              <div className="space-y-4 text-lg text-secondary-700 leading-relaxed">
                <p>หากท่านมีคำถามเกี่ยวกับการคุ้มครองข้อมูลส่วนบุคคล สามารถติดต่อได้ที่:</p>
                
                <div className="bg-secondary-50 rounded-xl p-6 border border-secondary-100 mt-4">
                  <ul className="space-y-2">
                    <li className="flex items-start gap-2">
                      <span className="text-primary-600">✉️</span>
                      <span>อีเมล: info@dealplustech.co.th</span>
                    </li>
                    <li className="flex items-start gap-2">
                      <span className="text-primary-600">📞</span>
                      <span>โทรศัพท์: 090-555-1415</span>
                    </li>
                  </ul>
                </div>
              </div>
            </section>

            {/* Section 13 */}
            <section id="complaint" className="bg-white rounded-2xl p-8 shadow-sm border border-secondary-100">
              <h2 className="text-2xl font-bold text-secondary-900 mb-4">
                13. สิทธิร้องเรียนต่อคณะกรรมการคุ้มครองข้อมูลส่วนบุคคล
              </h2>
              <div className="space-y-4 text-lg text-secondary-700 leading-relaxed">
                <p>
                  หากท่านเห็นว่าการดำเนินการของเราขัดต่อพระราชบัญญัติคุ้มครองข้อมูลส่วนบุคคล 
                  ท่านมีสิทธิร้องเรียนต่อคณะกรรมการคุ้มครองข้อมูลส่วนบุคคลได้
                </p>
                
                <div className="bg-yellow-50 rounded-xl p-6 border border-yellow-100 mt-4">
                  <h3 className="font-bold text-secondary-900 mb-3">ช่องทางการร้องเรียน</h3>
                  <ul className="space-y-2">
                    <li>📍 สำนักงานคณะกรรมการคุ้มครองข้อมูลส่วนบุคคล</li>
                    <li>📞 หมายเลขโทรศัพท์: 0-2142-1033-4</li>
                    <li>✉️ อีเมล: pdpc@oipd.go.th</li>
                    <li>🌐 เว็บไซต์: www.oipd.go.th</li>
                  </ul>
                </div>
              </div>
            </section>

            {/* Section 14 */}
            <section id="amendment" className="bg-white rounded-2xl p-8 shadow-sm border border-secondary-100">
              <h2 className="text-2xl font-bold text-secondary-900 mb-4">
                14. การแก้ไขนโยบายความเป็นส่วนตัว
              </h2>
              <div className="space-y-4 text-lg text-secondary-700 leading-relaxed">
                <p>
                  เราอาจปรับปรุงหรือแก้ไขนโยบายความเป็นส่วนตัวนี้เป็นครั้งคราว 
                  การเปลี่ยนแปลงจะมีผลบังคับใช้เมื่อประกาศบนเว็บไซต์
                </p>
                
                <div className="bg-secondary-50 rounded-xl p-4 border border-secondary-100 mt-4">
                  <p className="text-secondary-700">
                    <strong>เวอร์ชันล่าสุด:</strong> 1.0<br />
                    <strong>วันที่มีผลบังคับใช้:</strong> 9 มีนาคม 2569
                  </p>
                </div>
              </div>
            </section>

            {/* Contact CTA */}
            <div className="bg-primary-600 rounded-2xl p-8 text-center">
              <h2 className="text-2xl font-bold text-white mb-4">มีคำถามเพิ่มเติม?</h2>
              <p className="text-primary-100 mb-6 text-lg">
                หากท่านมีคำถามเกี่ยวกับนโยบายความเป็นส่วนตัวนี้ สามารถติดต่อเราได้ที่
              </p>
              <div className="flex flex-wrap justify-center gap-4">
                <a
                  href="tel:0905551415"
                  className="inline-flex items-center gap-2 bg-white text-primary-600 px-6 py-3 rounded-full font-semibold hover:bg-primary-50 transition-colors"
                >
                  📞 090-555-1415
                </a>
                <a
                  href="mailto:info@dealplustech.co.th"
                  className="inline-flex items-center gap-2 bg-primary-700 text-white px-6 py-3 rounded-full font-semibold hover:bg-primary-800 transition-colors"
                >
                  ✉️ info@dealplustech.co.th
                </a>
              </div>
            </div>
          </div>
        </div>
      </div>
    </>
  );
}
