ðĻ Fix: Add Header and Footer to all pages + standardize colors
MAJOR FIX - Pages were missing Header and Footer components: â Added Header import to all pages â Added Footer import to all pages â Added <Header /> and <Footer /> components â Changed custom colors to standard Tailwind (green-600, gray-*) â Fixed: about-us, services, products, blog pages COLOR SCHEME: - primary-600 â green-600 (trust, growth) - secondary-900 â gray-900 (professional) - secondary-800 â gray-800 - secondary-600 â gray-600 - secondary-200 â gray-200 All pages now show proper Header navigation and Footer with links!
This commit is contained in:
Kunthawat Greethong
164
dist/blog/āļāļģāļĢāļļāļāļĢāļąāļāļĐāļēāļāļąāđāļĄāļāđāļģ.md/index.html
vendored
Normal file
164
dist/blog/āļāļģāļĢāļļāļāļĢāļąāļāļĐāļēāļāļąāđāļĄāļāđāļģ.md/index.html
vendored
Normal file
@@ -0,0 +1,164 @@
|
||||
<!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="āļāļąāđāļĄāļāđāļģāđāļāđāļāļāļļāļāļāļĢāļāđāļŠāļģāļāļąāļāđāļāļĢāļ°āļāļāļāđāļģāļāļļāļāļāđāļēāļ āļāļēāļĢāļāļģāļĢāļļāļāļĢāļąāļāļĐāļēāļāļĩāđāļāļđāļāļāđāļāļāļāļ°āļāđāļ§āļĒāļĒāļ·āļāļāļēāļĒāļļāļāļēāļĢāđāļāđāļāļēāļāđāļĨāļ°āļāļĢāļ°āļŦāļĒāļąāļāļāđāļēāđāļāļāđāļē"><!-- Favicon --><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"><!-- Google Fonts: Kanit for Thai --><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"><!-- SEO --><meta property="og:title" content="āļāļēāļĢāļāļģāļĢāļļāļāļĢāļąāļāļĐāļēāļāļąāđāļĄāļāđāļģāđāļŦāđāļĄāļĩāļāļēāļĒāļļāļāļēāļĢāđāļāđāļāļēāļāļĒāļēāļ§āļāļēāļ"><meta property="og:description" content="āļāļąāđāļĄāļāđāļģāđāļāđāļāļāļļāļāļāļĢāļāđāļŠāļģāļāļąāļāđāļāļĢāļ°āļāļāļāđāļģāļāļļāļāļāđāļēāļ āļāļēāļĢāļāļģāļĢāļļāļāļĢāļąāļāļĐāļēāļāļĩāđāļāļđāļāļāđāļāļāļāļ°āļāđāļ§āļĒāļĒāļ·āļāļāļēāļĒāļļāļāļēāļĢāđāļāđāļāļēāļāđāļĨāļ°āļāļĢāļ°āļŦāļĒāļąāļāļāđāļēāđāļāļāđāļē"><meta property="og:image" content="/og-image.jpg"><meta property="og:type" content="website"><meta name="twitter:card" content="summary_large_image"><title>āļāļēāļĢāļāļģāļĢāļļāļāļĢāļąāļāļĐāļēāļāļąāđāļĄāļāđāļģāđāļŦāđāļĄāļĩāļāļēāļĒāļļāļāļēāļĢāđāļāđāļāļēāļāļĒāļēāļ§āļāļēāļ | āļāļĩāļĨ āļāļĨāļąāļŠ āđāļāļ</title><link rel="stylesheet" href="/_astro/index.y5EIedwq.css"></head> <body class="flex flex-col min-h-screen"> <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">āļāļąāđāļĄāļāđāļģ</span> <time class="text-secondary-500"> 5 āļĄāļāļĢāļēāļāļĄ 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"> āļāļēāļĢāļāļģāļĢāļļāļāļĢāļąāļāļĐāļēāļāļąāđāļĄāļāđāļģāđāļŦāđāļĄāļĩāļāļēāļĒāļļāļāļēāļĢāđāļāđāļāļēāļāļĒāļēāļ§āļāļēāļ </h1> </header> <!-- Featured Image --> <div class="relative aspect-video bg-secondary-100 rounded-xl overflow-hidden mb-8"> <img src="/images/2021/02/Water-Pump1.jpg" alt="āļāļēāļĢāļāļģāļĢāļļāļāļĢāļąāļāļĐāļēāļāļąāđāļĄāļāđāļģāđāļŦāđāļĄāļĩāļāļēāļĒāļļāļāļēāļĢāđāļāđāļāļēāļāļĒāļēāļ§āļāļēāļ" 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="āļāļ§āļēāļĄāļŠāļģāļāļąāļāļāļāļāļāļēāļĢāļāļģāļĢāļļāļāļĢāļąāļāļĐāļēāļāļąāđāļĄāļāđāļģ">āļāļ§āļēāļĄāļŠāļģāļāļąāļāļāļāļāļāļēāļĢāļāļģāļĢāļļāļāļĢāļąāļāļĐāļēāļāļąāđāļĄāļāđāļģ</h2>
|
||||
<p>āļāļąāđāļĄāļāđāļģāđāļāđāļāļŦāļąāļ§āđāļāļāļāļāļĢāļ°āļāļāļāđāļģāđāļāļāđāļēāļ āļāļēāļĢāļāļģāļĢāļļāļāļĢāļąāļāļĐāļēāļāļĒāđāļēāļāļŠāļĄāđāļģāđāļŠāļĄāļāļāļ°āļāđāļ§āļĒ:</p>
|
||||
<ul>
|
||||
<li>āļĒāļ·āļāļāļēāļĒāļļāļāļēāļĢāđāļāđāļāļēāļāļāļāļāļāļąāđāļĄāļāđāļģ</li>
|
||||
<li>āļĨāļāļāļąāļāļŦāļēāļāļēāļĢāđāļŠāļĩāļĒ</li>
|
||||
<li>āļāļĢāļ°āļŦāļĒāļąāļāļāđāļēāđāļāļāđāļē</li>
|
||||
<li>āļāđāļāļāļāļąāļāļāļļāļāļąāļāļīāđāļŦāļāļļāļāļēāļāļāļēāļĢāļĢāļąāđāļ§āļāļķāļĄ</li>
|
||||
</ul>
|
||||
<h2 id="āļāļēāļĢāļāļģāļĢāļļāļāļĢāļąāļāļĐāļēāļāļąāđāļĄāļāđāļģāđāļāļāļāļģāđāļāļ">āļāļēāļĢāļāļģāļĢāļļāļāļĢāļąāļāļĐāļēāļāļąāđāļĄāļāđāļģāđāļāļāļāļģāđāļāļ</h2>
|
||||
<h3 id="1-āļāļĢāļ§āļāļŠāļāļāļŠāļēāļĒāđāļāđāļĨāļ°āļŠāļ§āļīāļāļāđ">1. āļāļĢāļ§āļāļŠāļāļāļŠāļēāļĒāđāļāđāļĨāļ°āļŠāļ§āļīāļāļāđ</h3>
|
||||
<ul>
|
||||
<li>āļāļĢāļ§āļāļŠāļāļāļŠāļēāļĒāđāļāļ§āđāļēāļĄāļĩāļĢāļāļĒāļāļģāļĢāļļāļāļŦāļĢāļ·āļāđāļĄāđ</li>
|
||||
<li>āļāļĢāļ§āļāļŠāļāļāļŠāļ§āļīāļāļāđāļ§āđāļēāļāļģāļāļēāļāļāļāļāļīāļŦāļĢāļ·āļāđāļĄāđ</li>
|
||||
<li>āļŦāļēāļāļāļāļāļ§āļēāļĄāļāļīāļāļāļāļāļīāļāļ§āļĢāđāļĢāļĩāļĒāļāļāđāļēāļ</li>
|
||||
</ul>
|
||||
<h3 id="2-āļāļģāļāļ§āļēāļĄāļŠāļ°āļāļēāļāļāļąāļ§āļāļĢāļāļ">2. āļāļģāļāļ§āļēāļĄāļŠāļ°āļāļēāļāļāļąāļ§āļāļĢāļāļ</h3>
|
||||
<ul>
|
||||
<li>āļāļīāļāļ§āļēāļĨāđāļ§āļāđāļģāđāļāđāļēāļāđāļāļāļāļģāļāļ§āļēāļĄāļŠāļ°āļāļēāļ</li>
|
||||
<li>āļāļāļāļāļąāļ§āļāļĢāļāļāļāļāļāļĄāļēāļĨāđāļēāļ</li>
|
||||
<li>āļāļĢāļ§āļāļŠāļāļāļ§āđāļēāļĄāļĩāļŠāļīāđāļāļāļāđāļāļ·āđāļāļāļŦāļĢāļ·āļāđāļĄāđ</li>
|
||||
<li>āļāļīāļāļāļąāđāļāļāļĨāļąāļāđāļāđāļēāļāļĩāđāđāļāļīāļĄ</li>
|
||||
</ul>
|
||||
<h3 id="3-āļāļĢāļ§āļāļŠāļāļāđāļĢāļāļāļąāļāļāđāļģ">3. āļāļĢāļ§āļāļŠāļāļāđāļĢāļāļāļąāļāļāđāļģ</h3>
|
||||
<ul>
|
||||
<li>āļŠāļąāļāđāļāļāđāļĢāļāļāļąāļāļāđāļģāļ§āđāļēāļĨāļāļĨāļāļŦāļĢāļ·āļāđāļĄāđ</li>
|
||||
<li>āļāļĢāļ§āļāļŠāļāļāļ§āđāļēāļĄāļĩāđāļŠāļĩāļĒāļāļāļīāļāļāļāļāļīāļŦāļĢāļ·āļāđāļĄāđ</li>
|
||||
<li>āļŦāļēāļāđāļĢāļāļāļąāļāļĨāļāļĨāļāļāļēāļāļĄāļĩāļāļēāļĢāļĢāļąāđāļ§āļāļķāļĄ</li>
|
||||
</ul>
|
||||
<h3 id="4-āļāļĢāļ§āļāļŠāļāļāļāļąāļāđāļĢāļāļāļąāļ-pressure-tank">4. āļāļĢāļ§āļāļŠāļāļāļāļąāļāđāļĢāļāļāļąāļ (Pressure Tank)</h3>
|
||||
<ul>
|
||||
<li>āļāļĢāļ§āļāļŠāļāļāļ§āđāļēāļāļąāļāļĄāļĩāļāļēāļāļēāļĻāđāļāļĩāļĒāļāļāļāļŦāļĢāļ·āļāđāļĄāđ</li>
|
||||
<li>āļŦāļēāļāļāļąāđāļĄāđāļāļīāļ-āļāļīāļāļāđāļāļĒāļāļīāļāļāļāļāļī āļāļēāļāļāđāļāļāđāļāļīāļĄāļāļēāļāļēāļĻ</li>
|
||||
<li>āļāļ§āļĢāļāļĢāļ§āļāļŠāļāļāļāļļāļ 6 āđāļāļ·āļāļ</li>
|
||||
</ul>
|
||||
<h2 id="āļāļąāļāļŦāļēāļāļĩāđāļāļāļāđāļāļĒāđāļĨāļ°āļ§āļīāļāļĩāđāļāđāđāļ">āļāļąāļāļŦāļēāļāļĩāđāļāļāļāđāļāļĒāđāļĨāļ°āļ§āļīāļāļĩāđāļāđāđāļ</h2>
|
||||
<h3 id="āļāļąāđāļĄāđāļĄāđāļāļģāļāļēāļ">āļāļąāđāļĄāđāļĄāđāļāļģāļāļēāļ</h3>
|
||||
<p><strong>āļŠāļēāđāļŦāļāļļ:</strong></p>
|
||||
<ul>
|
||||
<li>āđāļāļāļąāļāļŦāļĢāļ·āļāļŠāļēāļĒāđāļāļāļēāļ</li>
|
||||
<li>āļŠāļ§āļīāļāļāđāđāļŠāļĩāļĒ</li>
|
||||
<li>āļĄāļāđāļāļāļĢāđāđāļŠāļĩāļĒ</li>
|
||||
</ul>
|
||||
<p><strong>āļ§āļīāļāļĩāđāļāđ:</strong></p>
|
||||
<ul>
|
||||
<li>āļāļĢāļ§āļāļŠāļāļāđāļāđāļĨāļ°āļŠāļēāļĒāđāļ</li>
|
||||
<li>āđāļāļĨāļĩāđāļĒāļāļŠāļ§āļīāļāļāđ</li>
|
||||
<li>āđāļĢāļĩāļĒāļāļāđāļēāļāļāđāļāļĄāļĄāļāđāļāļāļĢāđ</li>
|
||||
</ul>
|
||||
<h3 id="āđāļĢāļāļāļąāļāļāđāļģāļāđāļģ">āđāļĢāļāļāļąāļāļāđāļģāļāđāļģ</h3>
|
||||
<p><strong>āļŠāļēāđāļŦāļāļļ:</strong></p>
|
||||
<ul>
|
||||
<li>āļāļąāļ§āļāļĢāļāļāļāļļāļāļāļąāļ</li>
|
||||
<li>āļāđāļāļĢāļąāđāļ§</li>
|
||||
<li>āđāļāļāļąāļāļŠāļķāļāļŦāļĢāļ</li>
|
||||
</ul>
|
||||
<p><strong>āļ§āļīāļāļĩāđāļāđ:</strong></p>
|
||||
<ul>
|
||||
<li>āļāļģāļāļ§āļēāļĄāļŠāļ°āļāļēāļāļāļąāļ§āļāļĢāļāļ</li>
|
||||
<li>āļāļĢāļ§āļāļŠāļāļāđāļĨāļ°āļāđāļāļĄāļāđāļ</li>
|
||||
<li>āđāļāļĨāļĩāđāļĒāļāđāļāļāļąāļ</li>
|
||||
</ul>
|
||||
<h3 id="āļāļąāđāļĄāđāļāļīāļ-āļāļīāļāļāđāļāļĒ">āļāļąāđāļĄāđāļāļīāļ-āļāļīāļāļāđāļāļĒ</h3>
|
||||
<p><strong>āļŠāļēāđāļŦāļāļļ:</strong></p>
|
||||
<ul>
|
||||
<li>āļāļąāļāđāļĢāļāļāļąāļāļāļēāļāļēāļĻāļĢāļąāđāļ§</li>
|
||||
<li>āđāļāđāļāđāļāļāļ°āđāļāļĢāļĄāđāļāļ</li>
|
||||
<li>āļ§āļēāļĨāđāļ§āļāļĢāļ§āļāļŠāļāļāđāļĢāļāļāļąāļāđāļŠāļĩāļĒ</li>
|
||||
</ul>
|
||||
<p><strong>āļ§āļīāļāļĩāđāļāđ:</strong></p>
|
||||
<ul>
|
||||
<li>āđāļāļīāļĄāļāļēāļāļēāļĻāđāļāļāļąāļ</li>
|
||||
<li>āđāļāļĨāļĩāđāļĒāļāđāļāđāļāđāļāļāļ°āđāļāļĢāļĄ</li>
|
||||
<li>āđāļāļĨāļĩāđāļĒāļāļ§āļēāļĨāđāļ§</li>
|
||||
</ul>
|
||||
<h3 id="āļāļąāđāļĄāļĄāļĩāđāļŠāļĩāļĒāļāļāļąāļāļāļīāļāļāļāļāļī">āļāļąāđāļĄāļĄāļĩāđāļŠāļĩāļĒāļāļāļąāļāļāļīāļāļāļāļāļī</h3>
|
||||
<p><strong>āļŠāļēāđāļŦāļāļļ:</strong></p>
|
||||
<ul>
|
||||
<li>āļĨāļđāļāļāļ·āļāđāļŠāļĩāļĒ</li>
|
||||
<li>āđāļāļāļąāļāļāļģāļĢāļļāļ</li>
|
||||
<li>āļāļēāļĢāļāļīāļāļāļąāđāļāđāļĄāđāđāļāđāļāļŦāļāļē</li>
|
||||
</ul>
|
||||
<p><strong>āļ§āļīāļāļĩāđāļāđ:</strong></p>
|
||||
<ul>
|
||||
<li>āđāļāļĨāļĩāđāļĒāļāļĨāļđāļāļāļ·āļ</li>
|
||||
<li>āđāļāļĨāļĩāđāļĒāļāđāļāļāļąāļ</li>
|
||||
<li>āļāļĢāļ§āļāļŠāļāļāļāļēāļĢāļĒāļķāļāđāļāđāļ</li>
|
||||
</ul>
|
||||
<h2 id="āļāļēāļĢāļēāļāļāļēāļĢāļāļģāļĢāļļāļāļĢāļąāļāļĐāļē">āļāļēāļĢāļēāļāļāļēāļĢāļāļģāļĢāļļāļāļĢāļąāļāļĐāļē</h2>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<table><thead><tr><th>āļĢāļēāļĒāļāļēāļĢ</th><th>āļāļ§āļēāļĄāļāļĩāđ</th><th>āļŦāļĄāļēāļĒāđāļŦāļāļļ</th></tr></thead><tbody><tr><td>āļāļĢāļ§āļāļŠāļāļāļŠāļēāļĒāđāļ</td><td>āļāļļāļāđāļāļ·āļāļ</td><td>āļĄāļāļāļŦāļēāļĢāļāļĒāļāļģāļĢāļļāļ</td></tr><tr><td>āļāļģāļāļ§āļēāļĄāļŠāļ°āļāļēāļāļāļąāļ§āļāļĢāļāļ</td><td>āļāļļāļ 3 āđāļāļ·āļāļ</td><td>āļŦāļĢāļ·āļāđāļĄāļ·āđāļāđāļĢāļāļāļąāļāļĨāļ</td></tr><tr><td>āļāļĢāļ§āļāļŠāļāļāļāļąāļāđāļĢāļāļāļąāļ</td><td>āļāļļāļ 6 āđāļāļ·āļāļ</td><td>āđāļāļīāļĄāļāļēāļāļēāļĻāļŦāļēāļāļāļģāđāļāđāļ</td></tr><tr><td>āļāļĢāļ§āļāļŠāļāļāļŠāļ§āļīāļāļāđ</td><td>āļāļļāļāļāļĩ</td><td>āđāļāļĨāļĩāđāļĒāļāļŦāļēāļāđāļŠāļĩāļĒ</td></tr><tr><td>āļāļĢāļ§āļāļŠāļāļāđāļāļāļąāļ</td><td>āļāļļāļ 2 āļāļĩ</td><td>āđāļāļĒāļāđāļēāļāļāļđāđāđāļāļĩāđāļĒāļ§āļāļēāļ</td></tr></tbody></table>
|
||||
<h2 id="āđāļāļĨāđāļāļĨāļąāļāļāļēāļĢāđāļāđāļāļēāļāļāļąāđāļĄāļāđāļģ">āđāļāļĨāđāļāļĨāļąāļāļāļēāļĢāđāļāđāļāļēāļāļāļąāđāļĄāļāđāļģ</h2>
|
||||
<h3 id="āļāļĢāļ°āļŦāļĒāļąāļāđāļāļāđāļē">āļāļĢāļ°āļŦāļĒāļąāļāđāļāļāđāļē</h3>
|
||||
<ul>
|
||||
<li>āđāļĨāļ·āļāļāļāļāļēāļāļāļąāđāļĄāļāļĩāđāđāļŦāļĄāļēāļ°āļŠāļĄāļāļąāļāļāļēāļĢāđāļāđāļāļēāļ</li>
|
||||
<li>āļāļīāļāļāļąāđāļāļāļąāļāđāļĢāļāļāļąāļāļāļāļēāļāđāļŦāļĄāļēāļ°āļŠāļĄ</li>
|
||||
<li>āļŦāļĨāļĩāļāđāļĨāļĩāđāļĒāļāļāļēāļĢāđāļāļīāļ-āļāļīāļāļāļąāđāļĄāļāđāļāļĒ</li>
|
||||
</ul>
|
||||
<h3 id="āļāđāļāļāļāļąāļāļāļąāļāļŦāļē">āļāđāļāļāļāļąāļāļāļąāļāļŦāļē</h3>
|
||||
<ul>
|
||||
<li>āļāļĒāđāļēāđāļŦāđāļāļąāđāļĄāđāļŦāđāļ (āļāļģāļāļēāļāđāļāļĒāđāļĄāđāļĄāļĩāļāđāļģ)</li>
|
||||
<li>āļāļĢāļ§āļāļŠāļāļāļĢāļāļĒāļĢāļąāđāļ§āļāļĒāđāļēāļāļŠāļĄāđāļģāđāļŠāļĄāļ</li>
|
||||
<li>āđāļāđāļāļąāļ§āļāļĢāļāļāđāļāļ·āđāļāļāđāļāļāļāļąāļāļŠāļīāđāļāļŠāļāļāļĢāļ</li>
|
||||
</ul>
|
||||
<h3 id="āđāļĄāļ·āđāļāļāđāļāļāđāļāļĨāļĩāđāļĒāļāļāļąāđāļĄ">āđāļĄāļ·āđāļāļāđāļāļāđāļāļĨāļĩāđāļĒāļāļāļąāđāļĄ</h3>
|
||||
<ul>
|
||||
<li>āđāļĨāļ·āļāļāļāļąāđāļĄāļāļĩāđāļĄāļĩāļāļļāļāļ āļēāļ</li>
|
||||
<li>āļāļīāļāļēāļĢāļāļēāļāļāļēāļāđāļĨāļ°āļāļģāļĨāļąāļāļāļĩāđāđāļŦāļĄāļēāļ°āļŠāļĄ</li>
|
||||
<li>āļāļīāļāļāļąāđāļāđāļāļĒāļāđāļēāļāļāļđāđāđāļāļĩāđāļĒāļ§āļāļēāļ</li>
|
||||
</ul>
|
||||
<h2 id="āļŠāļĢāļļāļ">āļŠāļĢāļļāļ</h2>
|
||||
<p>āļāļēāļĢāļāļģāļĢāļļāļāļĢāļąāļāļĐāļēāļāļąāđāļĄāļāđāļģāļāļĒāđāļēāļāļŠāļĄāđāļģāđāļŠāļĄāļāļāļ°āļāđāļ§āļĒāļĒāļ·āļāļāļēāļĒāļļāļāļēāļĢāđāļāđāļāļēāļ āļĨāļāļāļąāļāļŦāļēāļāļēāļĢāđāļŠāļĩāļĒ āđāļĨāļ°āļāļĢāļ°āļŦāļĒāļąāļāļāđāļēāđāļāđāļāđāļēāļĒāđāļāļĢāļ°āļĒāļ°āļĒāļēāļ§ āļāļ§āļĢāļāļĢāļ§āļāļŠāļāļāđāļĨāļ°āļāļģāļĢāļļāļāļĢāļąāļāļĐāļēāļāļēāļĄāļāļēāļĢāļēāļāļāļĩāđāļāļģāļŦāļāļ āđāļĨāļ°āļŦāļēāļāļāļāļāļąāļāļŦāļēāļāļĩāđāđāļĄāđāļŠāļēāļĄāļēāļĢāļāđāļāđāđāļāđāļāđāđāļāļ āļāļ§āļĢāļāļīāļāļāđāļāļāđāļēāļāļāļđāđāđāļāļĩāđāļĒāļ§āļāļēāļ</p>
|
||||
<hr>
|
||||
<p><strong>āļāđāļāļāļāļēāļĢāļāļ·āđāļāļāļąāđāļĄāļāđāļģāļŦāļĢāļ·āļāļāļļāļāļāļĢāļāđāđāļŠāļĢāļīāļĄ?</strong>
|
||||
āļāļīāļāļāđāļāđāļĢāļēāđāļāđāļāļĩāđ:</p>
|
||||
<ul>
|
||||
<li>āđāļāļĢ: 090-555-1415</li>
|
||||
<li>LINE: jppselection</li>
|
||||
</ul>
|
||||
<p><a href="/%E0%B8%9B%E0%B8%B1%E0%B9%8A%E0%B8%A1%E0%B8%99%E0%B9%89%E0%B8%B3-pump">āļāļđāļŠāļīāļāļāđāļēāļāļąāđāļĄāļāđāļģāļāļąāđāļāļŦāļĄāļ</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> <!-- Cookie Consent Banner --> <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-secondary-900 text-white p-6 z-50 shadow-lg",e.innerHTML=`
|
||||
<div class="container mx-auto max-w-4xl">
|
||||
<p class="text-lg mb-4">āđāļĢāļēāđāļāđāļāļļāļāļāļĩāđāđāļāļ·āđāļāļāļĢāļąāļāļāļĢāļļāļāļāļĢāļ°āļŠāļāļāļēāļĢāļāđāļāļēāļĢāđāļāđāļāļēāļāđāļ§āđāļāđāļāļāđ āđāļāļĒāļāļĨāļīāļāļĒāļāļĄāļĢāļąāļāđāļāļ·āđāļāđāļāđāļāļēāļāļāļļāļāļāļĩāđāļāļļāļāļāļĢāļ°āđāļ āļ āļŦāļĢāļ·āļāļāļĨāļīāļāļāļĢāļąāļāđāļāđāļāđāļāļ·āđāļāđāļĨāļ·āļāļāļāļļāļāļāļĩāđāļāļĩāđāļāđāļāļāļāļēāļĢ</p>
|
||||
<div class="flex flex-wrap gap-3">
|
||||
<button id="accept-all" class="px-6 py-2 bg-primary-600 text-white font-semibold rounded-md hover:bg-primary-700">āļĒāļāļĄāļĢāļąāļ</button>
|
||||
<button id="reject-all" class="px-6 py-2 bg-secondary-700 text-white font-semibold rounded-md hover:bg-secondary-600">āļāļāļīāđāļŠāļ</button>
|
||||
<button id="customize" class="px-6 py-2 border border-white text-white font-semibold rounded-md hover:bg-white hover:text-secondary-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>
|
||||
Reference in New Issue
Block a user