🎨 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!

dist/pages/about-us.astro.mjs

@@ -0,0 +1,26 @@
+import { c as createComponent, r as renderComponent, a as renderTemplate, m as maybeRenderHead } from '../chunks/astro/server_i-dTRwm2.mjs';
+import 'piccolore';
+import { $ as $$BaseLayout } from '../chunks/BaseLayout_rqQLf6w4.mjs';
+import { s as siteConfig, $ as $$Header, a as $$Footer, b as $$FloatingContact } from '../chunks/FloatingContact_06TlrfGj.mjs';
+export { renderers } from '../renderers.mjs';
+
+const $$Index = createComponent(($$result, $$props, $$slots) => {
+  return renderTemplate`${renderComponent($$result, "BaseLayout", $$BaseLayout, { "title": "\u0E40\u0E01\u0E35\u0E48\u0E22\u0E27\u0E01\u0E31\u0E1A\u0E40\u0E23\u0E32", "description": "\u0E40\u0E23\u0E35\u0E22\u0E19\u0E23\u0E39\u0E49\u0E40\u0E1E\u0E34\u0E48\u0E21\u0E40\u0E15\u0E34\u0E21\u0E40\u0E01\u0E35\u0E48\u0E22\u0E27\u0E01\u0E31\u0E1A\u0E14\u0E35\u0E25\u0E1E\u0E25\u0E31\u0E2A\u0E40\u0E17\u0E04 \u0E1C\u0E39\u0E49\u0E40\u0E0A\u0E35\u0E48\u0E22\u0E27\u0E0A\u0E32\u0E0D\u0E14\u0E49\u0E32\u0E19\u0E27\u0E31\u0E2A\u0E14\u0E38\u0E17\u0E48\u0E2D\u0E41\u0E25\u0E30\u0E2D\u0E38\u0E1B\u0E01\u0E23\u0E13\u0E4C\u0E23\u0E30\u0E1A\u0E1A\u0E17\u0E48\u0E2D" }, { "default": ($$result2) => renderTemplate` ${renderComponent($$result2, "Header", $$Header, {})} ${maybeRenderHead()}<main class="pt-32 pb-16"> <div class="container mx-auto px-4"> <!-- Hero --> <div class="relative h-[400px] -mt-32 mb-12 rounded-b-3xl overflow-hidden"> <div class="absolute inset-0 bg-gradient-to-r from-gray-900 via-gray-800 to-gray-900"></div> <div class="absolute inset-0 flex items-center justify-center"> <div class="text-center"> <h1 class="text-4xl md:text-5xl font-bold text-white mb-4">
+เกี่ยวกับ<span class="text-green-400">${siteConfig.name}</span> </h1> <p class="text-xl text-gray-200">
+ผู้เชี่ยวชาญด้านวัสดุท่อและอุปกรณ์ระบบท่อ
+</p> </div> </div> </div> </div> </main> ${renderComponent($$result2, "Footer", $$Footer, {})} ${renderComponent($$result2, "FloatingContact", $$FloatingContact, {})} ` })}`;
+}, "/Users/kunthawatgreethong/Gitea/dealplustech/src/pages/about-us/index.astro", void 0);
+
+const $$file = "/Users/kunthawatgreethong/Gitea/dealplustech/src/pages/about-us/index.astro";
+const $$url = "/about-us";
+
+const _page = /*#__PURE__*/Object.freeze(/*#__PURE__*/Object.defineProperty({
+  __proto__: null,
+  default: $$Index,
+  file: $$file,
+  url: $$url
+}, Symbol.toStringTag, { value: 'Module' }));
+
+const page = () => _page;
+
+export { page };