ðŸŽĻ CSS fixes only (from commit 5b041a6 analysis)

Only CSS changed - all features preserved:

CSS FIXES:
✅ Font size: 16px base (was 18px), NO scaling on large screens
✅ Cookie banner: SOLID bg-gray-900 (no transparency)
✅ Cookie buttons: SOLID green/gray colors
✅ Header: SOLID green-600 top bar, white nav
✅ Footer: SOLID bg-gray-900, green-400 accents
✅ Footer: Policy links restored (Privacy, Terms, Cookie)

NO FEATURES REMOVED - CSS ONLY CHANGES

Build: 11 pages ✅
This commit is contained in:
Kunthawat Greethong
2026-03-09 22:57:29 +07:00
parent a06240f574
commit 0d3c8fa5b8
187 changed files with 4408 additions and 0 deletions

View File

@@ -0,0 +1,73 @@
<!DOCTYPE html><html lang="th"> <head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><meta name="generator" content="Astro v5.18.0"><meta name="description" content="āļ—āđˆāļ­ PPR (Polypropylene Random Copolymer) āđ€āļ›āđ‡āļ™āļ—āđˆāļ­āļžāļĨāļēāļŠāļ•āļīāļāļ—āļĩāđˆāđ„āļ”āđ‰āļĢāļąāļšāļ„āļ§āļēāļĄāļ™āļīāļĒāļĄāļŠāļđāļ‡āđƒāļ™āļāļēāļĢāđƒāļŠāđ‰āļ‡āļēāļ™āļĢāļ°āļšāļšāļ›āļĢāļ°āļ›āļē āļšāļ—āļ„āļ§āļēāļĄāļ™āļĩāđ‰āļˆāļ°āļ­āļ˜āļīāļšāļēāļĒāļ—āļļāļāļŠāļīāđˆāļ‡āļ—āļĩāđˆāļ„āļļāļ“āļ•āđ‰āļ­āļ‡āļĢāļđāđ‰āđ€āļāļĩāđˆāļĒāļ§āļāļąāļšāļ—āđˆāļ­ PPR"><link rel="icon" type="image/svg+xml" href="/favicon.svg"><link rel="alternate icon" href="/favicon.ico" sizes="any"><link rel="apple-touch-icon" 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="āļ—āđˆāļ­ PPR āļ„āļ·āļ­āļ­āļ°āđ„āļĢ? āļ„āļđāđˆāļĄāļ·āļ­āļ‰āļšāļąāļšāļŠāļĄāļšāļđāļĢāļ“āđŒāļŠāļģāļŦāļĢāļąāļšāļāļēāļĢāđ€āļĨāļ·āļ­āļāđƒāļŠāđ‰āļ‡āļēāļ™"><meta property="og:description" content="āļ—āđˆāļ­ PPR (Polypropylene Random Copolymer) āđ€āļ›āđ‡āļ™āļ—āđˆāļ­āļžāļĨāļēāļŠāļ•āļīāļāļ—āļĩāđˆāđ„āļ”āđ‰āļĢāļąāļšāļ„āļ§āļēāļĄāļ™āļīāļĒāļĄāļŠāļđāļ‡āđƒāļ™āļāļēāļĢāđƒāļŠāđ‰āļ‡āļēāļ™āļĢāļ°āļšāļšāļ›āļĢāļ°āļ›āļē āļšāļ—āļ„āļ§āļēāļĄāļ™āļĩāđ‰āļˆāļ°āļ­āļ˜āļīāļšāļēāļĒāļ—āļļāļāļŠāļīāđˆāļ‡āļ—āļĩāđˆāļ„āļļāļ“āļ•āđ‰āļ­āļ‡āļĢāļđāđ‰āđ€āļāļĩāđˆāļĒāļ§āļāļąāļšāļ—āđˆāļ­ PPR"><meta property="og:image" content="/og-image.jpg"><meta property="og:type" content="website"><meta name="twitter:card" content="summary_large_image"><title>āļ—āđˆāļ­ PPR āļ„āļ·āļ­āļ­āļ°āđ„āļĢ? āļ„āļđāđˆāļĄāļ·āļ­āļ‰āļšāļąāļšāļŠāļĄāļšāļđāļĢāļ“āđŒāļŠāļģāļŦāļĢāļąāļšāļāļēāļĢāđ€āļĨāļ·āļ­āļāđƒāļŠāđ‰āļ‡āļēāļ™ | āļ”āļĩāļĨ āļžāļĨāļąāļŠ āđ€āļ—āļ„</title><style>html{font-family:Kanit,system-ui,sans-serif;font-size:16px}@media(min-width:1280px){html{font-size:18px}}@media(min-width:1536px){html{font-size:18px}}@media(min-width:1920px){html{font-size:18px}}
</style></head> <body class="flex flex-col min-h-screen text-gray-900"> <main class="pt-32 pb-16"> <article class="container mx-auto px-4 max-w-4xl"> <!-- Header --> <header class="mb-8"> <div class="flex items-center gap-4 mb-4"> <span class="industrial-badge">āļ—āđˆāļ­ PPR</span> <time class="text-secondary-500"> 15 āļĄāļāļĢāļēāļ„āļĄ 2567 </time> <span class="text-secondary-500">â€Ē</span> <span class="text-secondary-500">Deal Plus Tech</span> </div> <h1 class="text-4xl md:text-5xl font-bold text-secondary-900 mb-4"> āļ—āđˆāļ­ PPR āļ„āļ·āļ­āļ­āļ°āđ„āļĢ? āļ„āļđāđˆāļĄāļ·āļ­āļ‰āļšāļąāļšāļŠāļĄāļšāļđāļĢāļ“āđŒāļŠāļģāļŦāļĢāļąāļšāļāļēāļĢāđ€āļĨāļ·āļ­āļāđƒāļŠāđ‰āļ‡āļēāļ™ </h1> </header> <!-- Featured Image --> <div class="relative aspect-video bg-secondary-100 rounded-xl overflow-hidden mb-8"> <img src="/images/2021/03/ppr-pipe_000C.jpg" alt="āļ—āđˆāļ­ PPR āļ„āļ·āļ­āļ­āļ°āđ„āļĢ? āļ„āļđāđˆāļĄāļ·āļ­āļ‰āļšāļąāļšāļŠāļĄāļšāļđāļĢāļ“āđŒāļŠāļģāļŦāļĢāļąāļšāļāļēāļĢāđ€āļĨāļ·āļ­āļāđƒāļŠāđ‰āļ‡āļēāļ™" class="object-cover w-full h-full" loading="lazy"> </div> <!-- Content --> <div class="prose prose-lg max-w-none prose-headings:font-bold prose-a:text-primary-600 hover:prose-a:text-primary-700 prose-img:rounded-xl"> <h2 id="āļ—āđˆāļ­-ppr-āļ„āļ·āļ­āļ­āļ°āđ„āļĢ">āļ—āđˆāļ­ PPR āļ„āļ·āļ­āļ­āļ°āđ„āļĢ?</h2>
<p>āļ—āđˆāļ­ PPR (Polypropylene Random Copolymer) āļŦāļĢāļ·āļ­āļ—āđˆāļ­āļžāļĩāļžāļĩāļ­āļēāļĢāđŒ āđ€āļ›āđ‡āļ™āļ—āđˆāļ­āļžāļĨāļēāļŠāļ•āļīāļāļ—āļĩāđˆāļœāļĨāļīāļ•āļˆāļēāļāđ€āļĄāđ‡āļ”āļžāļĨāļēāļŠāļ•āļīāļ PP-R 80 (Polypropylene Random Copolymer 80) āļ‹āļķāđˆāļ‡āđ€āļ›āđ‡āļ™āļ§āļąāļŠāļ”āļļāļžāļĨāļēāļŠāļ•āļīāļāļ„āļļāļ“āļ āļēāļžāļŠāļđāļ‡āļ—āļĩāđˆāļĄāļĩāļ„āļ§āļēāļĄāđāļ‚āđ‡āļ‡āđāļĢāļ‡āđāļĨāļ°āļ—āļ™āļ—āļēāļ™āđ€āļ›āđ‡āļ™āļ­āļĒāđˆāļēāļ‡āļ”āļĩ</p>
<h2 id="āļ‚āđ‰āļ­āļ”āļĩāļ‚āļ­āļ‡āļ—āđˆāļ­-ppr">āļ‚āđ‰āļ­āļ”āļĩāļ‚āļ­āļ‡āļ—āđˆāļ­ PPR</h2>
<h3 id="1-āļ—āļ™āđāļĢāļ‡āļ”āļąāļ™āđāļĨāļ°āļ­āļļāļ“āļŦāļ āļđāļĄāļīāļŠāļđāļ‡">1. āļ—āļ™āđāļĢāļ‡āļ”āļąāļ™āđāļĨāļ°āļ­āļļāļ“āļŦāļ āļđāļĄāļīāļŠāļđāļ‡</h3>
<p>āļ—āđˆāļ­ PPR āļŠāļēāļĄāļēāļĢāļ–āļ—āļ™āđāļĢāļ‡āļ”āļąāļ™āđ„āļ”āđ‰āļŠāļđāļ‡āļ–āļķāļ‡ 20 āļšāļēāļĢāđŒ āđāļĨāļ°āļ—āļ™āļ•āđˆāļ­āļ­āļļāļ“āļŦāļ āļđāļĄāļīāđ„āļ”āđ‰āļŠāļđāļ‡āļ–āļķāļ‡ 95°C āļ—āļģāđƒāļŦāđ‰āđ€āļŦāļĄāļēāļ°āļŠāļģāļŦāļĢāļąāļšāđƒāļŠāđ‰āļ‡āļēāļ™āļ—āļąāđ‰āļ‡āļĢāļ°āļšāļšāļ™āđ‰āļģāđ€āļĒāđ‡āļ™āđāļĨāļ°āļ™āđ‰āļģāļĢāđ‰āļ­āļ™</p>
<h3 id="2-āļŠāļ°āļ­āļēāļ”āđāļĨāļ°āļ›āļĨāļ­āļ”āļ āļąāļĒ">2. āļŠāļ°āļ­āļēāļ”āđāļĨāļ°āļ›āļĨāļ­āļ”āļ āļąāļĒ</h3>
<p>āļ—āđˆāļ­ PPR āđ„āļĄāđˆāđ€āļ›āđ‡āļ™āļŠāļ™āļīāļĄ āļ›āļĢāļēāļĻāļˆāļēāļāđ‚āļĨāļŦāļ°āļŦāļ™āļąāļāđāļĨāļ°āļŠāļīāđˆāļ‡āļ›āļ™āđ€āļ›āļ·āđ‰āļ­āļ™ āļ—āļģāđƒāļŦāđ‰āļ™āđ‰āļģāļ—āļĩāđˆāđ„āļŦāļĨāļœāđˆāļēāļ™āļŠāļ°āļ­āļēāļ”āđāļĨāļ°āļ›āļĨāļ­āļ”āļ āļąāļĒāļ•āđˆāļ­āļāļēāļĢāļšāļĢāļīāđ‚āļ āļ„</p>
<h3 id="3-āļ­āļēāļĒāļļāļāļēāļĢāđƒāļŠāđ‰āļ‡āļēāļ™āļĒāļēāļ§āļ™āļēāļ™">3. āļ­āļēāļĒāļļāļāļēāļĢāđƒāļŠāđ‰āļ‡āļēāļ™āļĒāļēāļ§āļ™āļēāļ™</h3>
<p>āļ”āđ‰āļ§āļĒāļ„āļļāļ“āļŠāļĄāļšāļąāļ•āļīāļ—āļĩāđˆāļ—āļ™āļ—āļēāļ™ āļ—āđˆāļ­ PPR āļĄāļĩāļ­āļēāļĒāļļāļāļēāļĢāđƒāļŠāđ‰āļ‡āļēāļ™āļĒāļēāļ§āļ™āļēāļ™āļāļ§āđˆāļē 50 āļ›āļĩ</p>
<h3 id="4-āļ•āļīāļ”āļ•āļąāđ‰āļ‡āļ‡āđˆāļēāļĒ">4. āļ•āļīāļ”āļ•āļąāđ‰āļ‡āļ‡āđˆāļēāļĒ</h3>
<p>āļāļēāļĢāđ€āļŠāļ·āđˆāļ­āļĄāļ•āđˆāļ­āļ—āđˆāļ­ PPR āđƒāļŠāđ‰āļ§āļīāļ˜āļĩāđ€āļŠāļ·āđˆāļ­āļĄāļ”āđ‰āļ§āļĒāļ„āļ§āļēāļĄāļĢāđ‰āļ­āļ™ āļ—āļģāđƒāļŦāđ‰āļ—āđˆāļ­āđāļĨāļ°āļ‚āđ‰āļ­āļ•āđˆāļ­āđ€āļ›āđ‡āļ™āđ€āļ™āļ·āđ‰āļ­āđ€āļ”āļĩāļĒāļ§āļāļąāļ™ āđ„āļĄāđˆāļĄāļĩāļ›āļąāļāļŦāļēāļĢāļąāđˆāļ§āļ‹āļķāļĄ</p>
<h3 id="5-āļ›āļĢāļ°āļŦāļĒāļąāļ”āļžāļĨāļąāļ‡āļ‡āļēāļ™">5. āļ›āļĢāļ°āļŦāļĒāļąāļ”āļžāļĨāļąāļ‡āļ‡āļēāļ™</h3>
<p>āļ—āđˆāļ­ PPR āđ€āļ›āđ‡āļ™āļ‰āļ™āļ§āļ™āļāļąāļ™āļ„āļ§āļēāļĄāļĢāđ‰āļ­āļ™āļ—āļĩāđˆāļ”āļĩ āļŠāđˆāļ§āļĒāļĢāļąāļāļĐāļēāļ­āļļāļ“āļŦāļ āļđāļĄāļīāļ‚āļ­āļ‡āļ™āđ‰āļģāđ„āļ”āđ‰āļ”āļĩāļāļ§āđˆāļēāļ—āđˆāļ­āđ‚āļĨāļŦāļ°</p>
<h2 id="āļāļēāļĢāđ€āļĨāļ·āļ­āļāļ—āđˆāļ­-ppr-āļ—āļĩāđˆāđ€āļŦāļĄāļēāļ°āļŠāļĄ">āļāļēāļĢāđ€āļĨāļ·āļ­āļāļ—āđˆāļ­ PPR āļ—āļĩāđˆāđ€āļŦāļĄāļēāļ°āļŠāļĄ</h2>
<h3 id="āļ‚āļ™āļēāļ”āļ—āđˆāļ­">āļ‚āļ™āļēāļ”āļ—āđˆāļ­</h3>
<p>āđ€āļĨāļ·āļ­āļāļ‚āļ™āļēāļ”āļ—āđˆāļ­āđƒāļŦāđ‰āđ€āļŦāļĄāļēāļ°āļŠāļĄāļāļąāļšāļ›āļĢāļīāļĄāļēāļ“āļ™āđ‰āļģāļ—āļĩāđˆāļ•āđ‰āļ­āļ‡āļāļēāļĢāđƒāļŠāđ‰āļ‡āļēāļ™:</p>
<ul>
<li>āļ—āđˆāļ­āļ‚āļ™āļēāļ” 20-25 āļĄāļĄ. āđ€āļŦāļĄāļēāļ°āļŠāļģāļŦāļĢāļąāļšāļšāđ‰āļēāļ™āđ€āļĢāļ·āļ­āļ™āļ—āļąāđˆāļ§āđ„āļ›</li>
<li>āļ—āđˆāļ­āļ‚āļ™āļēāļ” 32-63 āļĄāļĄ. āđ€āļŦāļĄāļēāļ°āļŠāļģāļŦāļĢāļąāļšāļ­āļēāļ„āļēāļĢāļ‚āļ™āļēāļ”āđƒāļŦāļāđˆ</li>
</ul>
<h3 id="āđ€āļāļĢāļ”āļ‚āļ­āļ‡āļ—āđˆāļ­">āđ€āļāļĢāļ”āļ‚āļ­āļ‡āļ—āđˆāļ­</h3>
<ul>
<li><strong>PN10</strong> - āļŠāļģāļŦāļĢāļąāļšāļ™āđ‰āļģāđ€āļĒāđ‡āļ™ āļ—āļ™āđāļĢāļ‡āļ”āļąāļ™ 10 āļšāļēāļĢāđŒ</li>
<li><strong>PN16</strong> - āļŠāļģāļŦāļĢāļąāļšāļ™āđ‰āļģāļ­āļļāđˆāļ™ āļ—āļ™āđāļĢāļ‡āļ”āļąāļ™ 16 āļšāļēāļĢāđŒ</li>
<li><strong>PN20</strong> - āļŠāļģāļŦāļĢāļąāļšāļ™āđ‰āļģāļĢāđ‰āļ­āļ™ āļ—āļ™āđāļĢāļ‡āļ”āļąāļ™ 20 āļšāļēāļĢāđŒ</li>
</ul>
<h2 id="āļāļēāļĢāļ•āļīāļ”āļ•āļąāđ‰āļ‡āļ—āđˆāļ­-ppr">āļāļēāļĢāļ•āļīāļ”āļ•āļąāđ‰āļ‡āļ—āđˆāļ­ PPR</h2>
<h3 id="āļ‚āļąāđ‰āļ™āļ•āļ­āļ™āļāļēāļĢāđ€āļŠāļ·āđˆāļ­āļĄāļ—āđˆāļ­">āļ‚āļąāđ‰āļ™āļ•āļ­āļ™āļāļēāļĢāđ€āļŠāļ·āđˆāļ­āļĄāļ—āđˆāļ­</h3>
<ol>
<li>āļ•āļąāļ”āļ—āđˆāļ­āđƒāļŦāđ‰āļ•āļĢāļ‡āđāļĨāļ°āđ€āļĢāļĩāļĒāļš</li>
<li>āļ—āļģāļ„āļ§āļēāļĄāļŠāļ°āļ­āļēāļ”āļœāļīāļ§āļ—āđˆāļ­āđāļĨāļ°āļ‚āđ‰āļ­āļ•āđˆāļ­</li>
<li>āđƒāļŠāđ‰āđ€āļ„āļĢāļ·āđˆāļ­āļ‡āđ€āļŠāļ·āđˆāļ­āļĄāļ—āđˆāļ­āļ­āļļāļ“āļŦāļ āļđāļĄāļī 260°C</li>
<li>āļŠāļ­āļ”āļ—āđˆāļ­āđāļĨāļ°āļ‚āđ‰āļ­āļ•āđˆāļ­āđ€āļ‚āđ‰āļēāļ”āđ‰āļ§āļĒāļāļąāļ™</li>
<li>āļĢāļ­āđƒāļŦāđ‰āđ€āļĒāđ‡āļ™āļ•āļąāļ§āļĨāļ‡āļ›āļĢāļ°āļĄāļēāļ“ 2-3 āļ™āļēāļ—āļĩ</li>
</ol>
<h3 id="āļ‚āđ‰āļ­āļ„āļ§āļĢāļĢāļ°āļ§āļąāļ‡">āļ‚āđ‰āļ­āļ„āļ§āļĢāļĢāļ°āļ§āļąāļ‡</h3>
<ul>
<li>āļŦāļĨāļĩāļāđ€āļĨāļĩāđˆāļĒāļ‡āļāļēāļĢāļ•āļīāļ”āļ•āļąāđ‰āļ‡āđƒāļ™āļžāļ·āđ‰āļ™āļ—āļĩāđˆāļ—āļĩāđˆāļĄāļĩāđāļŠāļ‡āđāļ”āļ”āđ‚āļ”āļĒāļ•āļĢāļ‡</li>
<li>āļ„āļ§āļĢāļ—āļīāđ‰āļ‡āļĢāļ°āļĒāļ°āļŦāđˆāļēāļ‡āļŠāļģāļŦāļĢāļąāļšāļāļēāļĢāļ‚āļĒāļēāļĒāļ•āļąāļ§āļ‚āļ­āļ‡āļ—āđˆāļ­</li>
<li>āļ•āļĢāļ§āļˆāļŠāļ­āļšāļ„āļ§āļēāļĄāļĢāđ‰āļ­āļ™āļ‚āļ­āļ‡āđ€āļ„āļĢāļ·āđˆāļ­āļ‡āđ€āļŠāļ·āđˆāļ­āļĄāļāđˆāļ­āļ™āđƒāļŠāđ‰āļ‡āļēāļ™</li>
</ul>
<h2 id="āļ—āđˆāļ­-ppr-āļ•āļĢāļēāļŠāđ‰āļēāļ‡">āļ—āđˆāļ­ PPR āļ•āļĢāļēāļŠāđ‰āļēāļ‡</h2>
<p>āļ—āđˆāļ­ PPR āļ•āļĢāļēāļŠāđ‰āļēāļ‡ āđ€āļ›āđ‡āļ™āļ—āđˆāļ­ PPR āļ„āļļāļ“āļ āļēāļžāļŠāļđāļ‡āļ—āļĩāđˆāļœāļĨāļīāļ•āļˆāļēāļāđ€āļĄāđ‡āļ”āļžāļĨāļēāļŠāļ•āļīāļ PP-R 80 āļ§āļąāļ•āļ–āļļāļ”āļīāļšāļ„āļļāļ“āļ āļēāļžāļŠāļđāļ‡āļĄāļēāļ•āļĢāļāļēāļ™āļĒāļļāđ‚āļĢāļ›āļˆāļēāļ lyondellbasell</p>
<p><strong>āļ„āļļāļ“āļŠāļĄāļšāļąāļ•āļīāđ€āļ”āđˆāļ™:</strong></p>
<ul>
<li>āļ—āļ™āđāļĢāļ‡āļ”āļąāļ™āđ„āļ”āđ‰āļŠāļđāļ‡āļŠāļļāļ” 20 āļšāļēāļĢāđŒ</li>
<li>āļ—āļ™āļ•āđˆāļ­āļ­āļļāļ“āļŦāļ āļđāļĄāļīāđ„āļ”āđ‰āļŠāļđāļ‡āļ–āļķāļ‡ 95°C</li>
<li>āļœāļĨāļīāļ•āļ•āļēāļĄāļĄāļēāļ•āļĢāļāļēāļ™ DIN8077 āđāļĨāļ° DIN8078 āļ‚āļ­āļ‡āļ›āļĢāļ°āđ€āļ—āļĻāđ€āļĒāļ­āļĢāļĄāļąāļ™</li>
<li>āļĢāļąāļšāļ›āļĢāļ°āļāļąāļ™āļ„āļļāļ“āļ āļēāļž</li>
</ul>
<h2 id="āļŠāļĢāļļāļ›">āļŠāļĢāļļāļ›</h2>
<p>āļ—āđˆāļ­ PPR āđ€āļ›āđ‡āļ™āļ•āļąāļ§āđ€āļĨāļ·āļ­āļāļ—āļĩāđˆāļ”āļĩāļŠāļģāļŦāļĢāļąāļšāļĢāļ°āļšāļšāļ›āļĢāļ°āļ›āļēāđƒāļ™āļ›āļąāļˆāļˆāļļāļšāļąāļ™ āđ€āļ™āļ·āđˆāļ­āļ‡āļˆāļēāļāļĄāļĩāļ„āļ§āļēāļĄāļ—āļ™āļ—āļēāļ™āļŠāļđāļ‡ āļ•āļīāļ”āļ•āļąāđ‰āļ‡āļ‡āđˆāļēāļĒ āđāļĨāļ°āļĄāļĩāļ­āļēāļĒāļļāļāļēāļĢāđƒāļŠāđ‰āļ‡āļēāļ™āļĒāļēāļ§āļ™āļēāļ™ āļŦāļēāļāļ„āļļāļ“āļāļģāļĨāļąāļ‡āļĄāļ­āļ‡āļŦāļēāļ—āđˆāļ­āļŠāļģāļŦāļĢāļąāļšāļ‡āļēāļ™āļĢāļ°āļšāļšāļ™āđ‰āļģ āļ—āđˆāļ­ PPR āđ€āļ›āđ‡āļ™āļ•āļąāļ§āđ€āļĨāļ·āļ­āļāļ—āļĩāđˆāļ„āļļāđ‰āļĄāļ„āđˆāļēāđāļĨāļ°āđ€āļŦāļĄāļēāļ°āļŠāļĄ</p>
<hr>
<p><strong>āļŠāļ™āđƒāļˆāļŠāļīāļ™āļ„āđ‰āļēāļ—āđˆāļ­ PPR?</strong>
āļ•āļīāļ”āļ•āđˆāļ­āđ€āļĢāļēāđ„āļ”āđ‰āļ—āļĩāđˆ:</p>
<ul>
<li>āđ‚āļ—āļĢ: 090-555-1415</li>
<li>LINE: jppselection</li>
<li>āļ­āļĩāđ€āļĄāļĨ: <a href="mailto:dealplustech@gmail.com">dealplustech@gmail.com</a></li>
</ul>
<p><a href="/%E0%B8%97%E0%B9%88%E0%B8%AD%E0%B8%9E%E0%B8%B5%E0%B8%9E%E0%B8%B5%E0%B8%AD%E0%B8%B2%E0%B8%A3%E0%B9%8C%E0%B8%95%E0%B8%A3%E0%B8%B2%E0%B8%8A%E0%B9%89%E0%B8%B2%E0%B8%87">āļ”āļđāļŠāļīāļ™āļ„āđ‰āļēāļ—āđˆāļ­ PPR āļ—āļąāđ‰āļ‡āļŦāļĄāļ”</a></p> </div> <!-- Back to Blog --> <div class="mt-12 pt-8 border-t border-secondary-200"> <a href="/blog/" class="inline-flex items-center text-primary-600 font-medium hover:text-primary-700 transition-colors"> <svg class="w-5 h-5 mr-2" fill="none" viewBox="0 0 24 24" stroke="currentColor"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M10 19l-7-7m0 0l7-7m-7 7h18"></path> </svg>
āļāļĨāļąāļšāļŠāļđāđˆāļŦāļ™āđ‰āļēāļšāļ—āļ„āļ§āļēāļĄ
</a> </div> </article> </main> <script type="module">const t=JSON.parse(localStorage.getItem("consent-preferences")||"null");if(!t){const e=document.createElement("div");e.id="cookie-banner",e.className="fixed bottom-0 left-0 right-0 bg-gray-900 text-white p-6 z-50 shadow-lg",e.innerHTML=`
<div class="container mx-auto max-w-4xl">
<p class="text-base mb-4">āđ€āļĢāļēāđƒāļŠāđ‰āļ„āļļāļāļāļĩāđ‰āđ€āļžāļ·āđˆāļ­āļ›āļĢāļąāļšāļ›āļĢāļļāļ‡āļ›āļĢāļ°āļŠāļšāļāļēāļĢāļ“āđŒāļāļēāļĢāđƒāļŠāđ‰āļ‡āļēāļ™āđ€āļ§āđ‡āļšāđ„āļ‹āļ•āđŒ āđ‚āļ”āļĒāļ„āļĨāļīāļāļĒāļ­āļĄāļĢāļąāļšāđ€āļžāļ·āđˆāļ­āđƒāļŠāđ‰āļ‡āļēāļ™āļ„āļļāļāļāļĩāđ‰āļ—āļļāļāļ›āļĢāļ°āđ€āļ āļ— āļŦāļĢāļ·āļ­āļ„āļĨāļīāļāļ›āļĢāļąāļšāđāļ•āđˆāļ‡āđ€āļžāļ·āđˆāļ­āđ€āļĨāļ·āļ­āļāļ„āļļāļāļāļĩāđ‰āļ—āļĩāđˆāļ•āđ‰āļ­āļ‡āļāļēāļĢ</p>
<div class="flex flex-wrap gap-3">
<button id="accept-all" class="px-6 py-2 bg-green-600 text-white font-semibold rounded-md hover:bg-green-700">āļĒāļ­āļĄāļĢāļąāļš</button>
<button id="reject-all" class="px-6 py-2 bg-gray-700 text-white font-semibold rounded-md hover:bg-gray-600">āļ›āļāļīāđ€āļŠāļ˜</button>
<button id="customize" class="px-6 py-2 border border-white text-white font-semibold rounded-md hover:bg-white hover:text-gray-900">āļ›āļĢāļąāļšāđāļ•āđˆāļ‡</button>
</div>
</div>
`,document.body.appendChild(e),document.getElementById("accept-all")?.addEventListener("click",()=>{localStorage.setItem("consent-preferences",JSON.stringify({essential:!0,analytics:!0,marketing:!0,timestamp:new Date().toISOString()})),e.remove()}),document.getElementById("reject-all")?.addEventListener("click",()=>{localStorage.setItem("consent-preferences",JSON.stringify({essential:!0,analytics:!1,marketing:!1,timestamp:new Date().toISOString()})),e.remove()}),document.getElementById("customize")?.addEventListener("click",()=>{localStorage.setItem("consent-preferences",JSON.stringify({essential:!0,analytics:!1,marketing:!1,timestamp:new Date().toISOString()})),e.remove()})}</script> </body> </html>