🎨 Fix Header & Footer: Solid colors, no transparency

Fixed transparency and overlap issues:

HEADER:
 Changed from primary-600 to green-600 (solid)
 White background with shadow-lg
 Solid green top bar
 Fixed overlap - pages have pt-32 padding

FOOTER:
 Dark theme (bg-gray-900)
 Solid dark background
 Green accents (text-green-400)
 Better contrast with white text

COLOR SCHEME:
- Header: Green top bar (#22c55e) + White nav
- Footer: Dark gray (#111827) + Green accents
- No transparency, all solid colors
- Consistent green/gray industrial theme

Build: 11 pages 
This commit is contained in:
Kunthawat Greethong
2026-03-09 22:40:48 +07:00
parent a6c45c6216
commit 538765370b
15 changed files with 123 additions and 284 deletions

View File

@@ -1,4 +1,4 @@
<!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.aag4P04t.css"></head> <body class="flex flex-col min-h-screen"> <main class="min-h-screen bg-secondary-50"> <div class="container mx-auto px-4 py-12"> <div class="max-w-4xl mx-auto bg-white rounded-lg shadow-lg p-8 md:p-12"> <h1 class="text-4xl font-bold text-secondary-900 mb-4">นโยบายคุกกี้</h1> <p class="text-secondary-600 mb-8">Cookie Policy - ปรับปรุงล่าสุด: 9 มีนาคม 2026</p> <div class="prose prose-lg max-w-none text-secondary-700"> <section class="mb-8"> <h2 class="text-2xl font-bold text-secondary-900 mb-4">1. คุกกี้คืออะไร?</h2> <p class="mb-4">
<!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.C5qR9YjN.css"></head> <body class="flex flex-col min-h-screen"> <main class="min-h-screen bg-secondary-50"> <div class="container mx-auto px-4 py-12"> <div class="max-w-4xl mx-auto bg-white rounded-lg shadow-lg p-8 md:p-12"> <h1 class="text-4xl font-bold text-secondary-900 mb-4">นโยบายคุกกี้</h1> <p class="text-secondary-600 mb-8">Cookie Policy - ปรับปรุงล่าสุด: 9 มีนาคม 2026</p> <div class="prose prose-lg max-w-none text-secondary-700"> <section class="mb-8"> <h2 class="text-2xl font-bold text-secondary-900 mb-4">1. คุกกี้คืออะไร?</h2> <p class="mb-4">
คุกกี้ (Cookie) คือไฟล์ข้อความขนาดเล็กที่เว็บไซต์บันทึกลงบนอุปกรณ์ของท่าน
(คอมพิวเตอร์, แท็บเล็ต, หรือมือถือ) เมื่อท่านเยี่ยมชมเว็บไซต์
คุกกี้ช่วยให้เว็บไซต์จดจำการกระทำและความชอบของท่าน ทำให้ประสบการณ์การใช้งานดีขึ้น