77ac4d2d05
PDPA Features: ✅ Cookie consent banner ✅ Consent logging API ✅ Admin dashboard ✅ Privacy Policy ✅ Terms & Conditions Technical: ✅ Astro 5.x + Tailwind v4 ✅ Docker on port 80 ✅ SQLite database ✅ 15 pages built Ready for Easypanel deployment.
9 lines
8.9 KiB
HTML
9 lines
8.9 KiB
HTML
<!DOCTYPE html><html lang="th"> <head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><meta name="description" content="PDPA Privacy Policy"><link rel="icon" type="image/svg+xml" href="/favicon.svg"><link rel="preconnect" href="https://fonts.googleapis.com"><link rel="preconnect" href="https://fonts.gstatic.com" crossorigin><link href="https://fonts.googleapis.com/css2?family=Kanit:wght@300;400;500;600;700&display=swap" rel="stylesheet"><meta property="og:title" content="นโยบายความเป็นส่วนตัว"><meta property="og:description" content="PDPA Privacy Policy"><title>นโยบายความเป็นส่วนตัว | ดีล พลัส เทค</title><link rel="stylesheet" href="/_astro/consent-logs.DinS5Xvv.css"></head> <body class="flex flex-col min-h-screen"> <main class="py-12 bg-secondary-50 min-h-screen"> <article class="container mx-auto px-4 max-w-4xl"> <div class="bg-white rounded-2xl shadow-lg p-8 md:p-12"> <h1 class="text-4xl font-bold mb-4">นโยบายความเป็นส่วนตัว</h1> <p class="text-lg text-secondary-600 mb-8">Privacy Policy (PDPA)</p> <p class="text-sm text-secondary-500 mb-8">Version: 1.0.0 | Last Updated: 12 มีนาคม 2569</p> <section class="mb-8"> <h2 class="text-2xl font-bold mb-4">1. ผู้ควบคุมข้อมูล</h2> <p class="text-secondary-700"><strong>บริษัท ดีล พลัส เทค จำกัด</strong> เป็นผู้ควบคุมข้อมูลส่วนบุคคล ตาม พ.ร.บ. คุ้มครองข้อมูลส่วนบุคคล พ.ศ. 2562</p> <p class="text-secondary-700 mt-2"><strong>ติดต่อ:</strong> info@dealplustech.co.th | 090-555-1415</p> </section> <section class="mb-8"> <h2 class="text-2xl font-bold mb-4">2. ข้อมูลที่เก็บรวบรวม</h2> <ul class="list-disc list-inside space-y-2 text-secondary-700"> <li>ข้อมูลส่วนตัว: ชื่อ, อีเมล, เบอร์โทรศัพท์</li> <li>ข้อมูลการใช้งาน: IP Address, Browser, พฤติกรรมการใช้งาน</li> <li>ข้อมูลคุกกี้: การตั้งค่าคุกกี้, Session ID</li> </ul> </section> <section class="mb-8"> <h2 class="text-2xl font-bold mb-4">3. วัตถุประสงค์</h2> <div class="grid grid-cols-1 md:grid-cols-2 gap-4"> <div class="bg-secondary-50 p-4 rounded-lg"><strong>การให้บริการ</strong><p class="text-sm text-secondary-600">ตอบสนองคำขอ, ให้บริการ</p></div> <div class="bg-secondary-50 p-4 rounded-lg"><strong>การติดต่อกลับ</strong><p class="text-sm text-secondary-600">ตอบคำถาม, ให้ข้อมูล</p></div> <div class="bg-secondary-50 p-4 rounded-lg"><strong>การวิเคราะห์</strong><p class="text-sm text-secondary-600">ปรับปรุงเว็บไซต์</p></div> <div class="bg-secondary-50 p-4 rounded-lg"><strong>ตามกฎหมาย</strong><p class="text-sm text-secondary-600">ปฏิบัติตามกฎหมาย</p></div> </div> </section> <section class="mb-8"> <h2 class="text-2xl font-bold mb-4">4. ระยะเวลาเก็บรักษา</h2> <ul class="space-y-2"> <li class="flex justify-between"><span>ข้อมูลการใช้งาน</span><span class="font-semibold">10 ปี</span></li> <li class="flex justify-between"><span>บันทึกการยินยอม</span><span class="font-semibold">10 ปี</span></li> <li class="flex justify-between"><span>ข้อมูลติดต่อ</span><span class="font-semibold">5 ปี</span></li> </ul> </section> <section class="mb-8"> <h2 class="text-2xl font-bold mb-4">5. สิทธิของคุณ (PDPA)</h2> <div class="grid grid-cols-1 md:grid-cols-2 gap-4"> <div class="bg-secondary-50 p-4 rounded-lg"><strong>สิทธิขอเข้าถึง</strong></div> <div class="bg-secondary-50 p-4 rounded-lg"><strong>สิทธิขอแก้ไข</strong></div> <div class="bg-secondary-50 p-4 rounded-lg"><strong>สิทธิขอลบ</strong></div> <div class="bg-secondary-50 p-4 rounded-lg"><strong>สิทธิเพิกถอน</strong></div> </div> </section> <section class="mb-8"> <h2 class="text-2xl font-bold mb-4">6. คุกกี้</h2> <ul class="space-y-3"> <li class="bg-secondary-50 p-4 rounded-lg border-l-4 border-primary-600"><strong>คุกกี้จำเป็น</strong><p class="text-sm">ใช้สำหรับการทำงานของเว็บไซต์</p></li> <li class="bg-secondary-50 p-4 rounded-lg border-l-4 border-accent-500"><strong>คุกกี้วิเคราะห์</strong><p class="text-sm">Umami Analytics (ไม่ใช้ข้อมูลส่วนตัว)</p></li> </ul> </section> <section> <h2 class="text-2xl font-bold mb-4">7. ติดต่อ</h2> <div class="bg-primary-50 p-6 rounded-xl"> <p class="mb-2"><strong>อีเมล:</strong> info@dealplustech.co.th</p> <p><strong>โทรศัพท์:</strong> 090-555-1415</p> </div> </section> </div> </article> </main> <div id="cookie-consent-banner" class="fixed bottom-0 left-0 right-0 z-50 bg-white border-t-2 border-primary-600 shadow-2xl p-6 md:p-8 transform translate-y-full transition-transform duration-300" style="display: none;"> <div class="container mx-auto px-4 max-w-7xl"> <div class="flex flex-col lg:flex-row gap-6 items-start lg:items-center justify-between"> <div class="flex-1"> <h2 class="text-xl md:text-2xl font-bold text-secondary-900 mb-3">
|
|
เรายึดถือความเป็นส่วนตัวของคุณ
|
|
</h2> <p class="text-base md:text-lg text-secondary-700 mb-4">
|
|
เราใช้คุกกี้เพื่อปรับปรุงประสบการณ์การใช้งาน คุณสามารถเลือกยอมรับหรือปฏิเสธได้
|
|
</p> <div class="space-y-3 mt-4"> <div class="flex items-center gap-3 bg-secondary-50 p-3 rounded-lg"> <input type="checkbox" id="consent-essential" checked disabled class="w-5 h-5"> <label for="consent-essential" class="flex-1"> <span class="font-semibold">คุกกี้จำเป็น</span> <span class="text-sm text-secondary-600 block">ใช้สำหรับการทำงานของเว็บไซต์</span> </label> </div> <div class="flex items-center gap-3 bg-secondary-50 p-3 rounded-lg"> <input type="checkbox" id="consent-analytics" class="w-5 h-5"> <label for="consent-analytics" class="flex-1"> <span class="font-semibold">คุกกี้วิเคราะห์ข้อมูล</span> <span class="text-sm text-secondary-600 block">ช่วยให้เราเข้าใจการใช้งาน</span> </label> </div> </div> </div> <div class="flex gap-3"> <button id="consent-reject" class="bg-secondary-800 hover:bg-secondary-900 text-white px-6 py-3 rounded-lg font-semibold">
|
|
ปฏิเสธทั้งหมด
|
|
</button> <button id="consent-accept" class="bg-primary-600 hover:bg-primary-700 text-white px-6 py-3 rounded-lg font-semibold">
|
|
ยอมรับทั้งหมด
|
|
</button> </div> </div> </div> </div> <script type="module">const n="1.0.0";function a(){const e=localStorage.getItem("consent-preferences");return e?JSON.parse(e):null}async function s(e){localStorage.setItem("consent-preferences",JSON.stringify(e));try{let t=sessionStorage.getItem("consent_session_id");t||(t="ses_"+Math.random().toString(36).substring(2,15),sessionStorage.setItem("consent_session_id",t)),await fetch("/api/consent",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({sessionId:t,consent:e,policyVersion:n})})}catch(t){console.error("Failed to log consent:",t)}}function i(){const e=document.getElementById("cookie-consent-banner");e&&(e.style.display="block",setTimeout(()=>e.classList.remove("translate-y-full"),10))}function o(){const e=document.getElementById("cookie-consent-banner");e&&(e.classList.add("translate-y-full"),setTimeout(()=>e.style.display="none",300))}function c(e){e.analytics}function r(){const e=a();if(e){document.getElementById("consent-analytics").checked=e.analytics,c(e);return}setTimeout(i,500)}document.addEventListener("DOMContentLoaded",()=>{r(),document.getElementById("consent-accept")?.addEventListener("click",()=>{const e=document.getElementById("consent-analytics").checked;s({essential:!0,analytics:e||!0,marketing:!1,timestamp:new Date().toISOString(),policyVersion:n}),c({analytics:!0}),o()}),document.getElementById("consent-reject")?.addEventListener("click",()=>{s({essential:!0,analytics:!1,marketing:!1,timestamp:new Date().toISOString(),policyVersion:n}),o()})});window.openConsentPreferences=()=>i();</script> </body></html> |