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
7.4 KiB
HTML
9 lines
7.4 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="Terms & Conditions"><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="Terms & Conditions"><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">Terms & Conditions</p> <p class="text-sm text-secondary-500 mb-8">Version: 1.0.0 | 12 มีนาคม 2569</p> <section class="mb-8"> <h2 class="text-2xl font-bold mb-4">1. การยอมรับ</h2> <p class="text-secondary-700">การใช้เว็บไซต์แสดงว่ายอมรับข้อกำหนดนี้</p> </section> <section class="mb-8"> <h2 class="text-2xl font-bold mb-4">2. บริการ</h2> <p class="text-secondary-700 mb-2">จำหน่ายและให้คำปรึกษาเกี่ยวกับ:</p> <ul class="list-disc list-inside text-secondary-700"> <li>ท่อ PPR, ท่อ HDPE</li> <li>อุปกรณ์ระบบน้ำและ HVAC</li> <li>บริการหลังการขาย</li> </ul> </section> <section class="mb-8"> <h2 class="text-2xl font-bold mb-4">3. ทรัพย์สินทางปัญญา</h2> <p class="text-secondary-700">เนื้อหาทั้งหมดเป็นทรัพย์สินของบริษัทฯ ห้ามคัดลอกโดยไม่ได้รับอนุญาต</p> </section> <section class="mb-8"> <h2 class="text-2xl font-bold mb-4">4. ข้อผูกพันผู้ใช้</h2> <ul class="list-disc list-inside text-secondary-700 space-y-2"> <li>ใช้งานเพื่อวัตถุประสงค์ที่ชอบด้วยกฎหมาย</li> <li>ไม่ให้ข้อมูลที่เป็นเท็จ</li> <li>ไม่พยายามเข้าถึงระบบโดยไม่ได้รับอนุญาต</li> </ul> </section> <section class="mb-8"> <h2 class="text-2xl font-bold mb-4">5. ข้อจำกัดความรับผิด</h2> <div class="bg-secondary-50 p-6 rounded-xl border-l-4 border-accent-500"> <p class="text-secondary-700">บริษัทฯ ไม่รับผิดชอบต่อความเสียหายใดๆ ที่เกิดจากการใช้เว็บไซต์</p> </div> </section> <section class="mb-8"> <h2 class="text-2xl font-bold mb-4">6. กฎหมายที่ใช้บังคับ</h2> <p class="text-secondary-700">อยู่ภายใต้กฎหมายราชอาณาจักรไทย</p> </section> <section> <h2 class="text-2xl font-bold mb-4">7. ติดต่อ</h2> <div class="bg-primary-50 p-6 rounded-xl"> <p><strong>บริษัท ดีล พลัส เทค จำกัด</strong></p> <p>อีเมล: info@dealplustech.co.th</p> <p>โทร: 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> |