import { Metadata } from 'next';

export const metadata: Metadata = {
  title: 'นโยบายคุกกี้',
  description: 'นโยบายการใช้งานคุกกี้ของเว็บไซต์บริษัท ดีล พลัส เทค จำกัด',
};

export default function CookiePolicy() {
  return (
    <div className="container mx-auto px-4 py-12">
      <article className="max-w-4xl mx-auto bg-white rounded-lg shadow-lg p-8 md:p-12">
        <h1 className="text-4xl font-bold text-gray-900 mb-4">นโยบายคุกกี้</h1>
        <p className="text-gray-600 mb-8">Cookie Policy - ปรับปรุงล่าสุด: 10 มีนาคม 2026</p>

        <div className="prose prose-lg max-w-none text-gray-700">
          <section className="mb-8">
            <h2 className="text-2xl font-bold text-gray-900 mb-4">1. คุกกี้คืออะไร?</h2>
            <p className="mb-4">
              คุกกี้ (Cookie) คือไฟล์ข้อความขนาดเล็กที่เว็บไซต์บันทึกลงบนอุปกรณ์ของท่าน 
              คุกกี้ช่วยให้เว็บไซต์จดจำการกระทำและความชอบของท่าน ทำให้ประสบการณ์การใช้งานดีขึ้น
            </p>
          </section>

          <section className="mb-8">
            <h2 className="text-2xl font-bold text-gray-900 mb-4">2. การจัดการคุกกี้</h2>
            <p className="mb-4">ท่านสามารถจัดการการตั้งค่าคุกกี้ได้โดยแบนเนอร์คุกกี้ที่ปรากฏด้านล่างของเว็บไซต์</p>
          </section>

          <section className="mt-12 pt-8 border-t border-gray-200">
            <p className="text-sm text-gray-600">
              อ่านเพิ่มเติม:{' '}
              <a href="/privacy-policy" className="text-green-600 hover:underline">นโยบายความเป็นส่วนตัว</a>{' | '}
              <a href="/terms-and-conditions" className="text-green-600 hover:underline">ข้อกำหนดและเงื่อนไข</a>
            </p>
          </section>
        </div>
      </article>
    </div>
  );
}