d092905e57
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!
41 lines
4.4 KiB
JavaScript
41 lines
4.4 KiB
JavaScript
import { c as createComponent, r as renderComponent, a as renderTemplate, m as maybeRenderHead, d as addAttribute } from '../chunks/astro/server_i-dTRwm2.mjs';
|
|
import 'piccolore';
|
|
import { $ as $$BaseLayout } from '../chunks/BaseLayout_rqQLf6w4.mjs';
|
|
import { p as productCategories, $ as $$Header, a as $$Footer, b as $$FloatingContact } from '../chunks/FloatingContact_06TlrfGj.mjs';
|
|
export { renderers } from '../renderers.mjs';
|
|
|
|
const $$Index = createComponent(($$result, $$props, $$slots) => {
|
|
const featuredProducts = productCategories.filter(
|
|
(p) => ["ppr-elephant", "hdpe", "poloplast", "syler", "xylent"].includes(p.id)
|
|
).slice(0, 6);
|
|
return renderTemplate`${renderComponent($$result, "BaseLayout", $$BaseLayout, { "title": "\u0E2B\u0E19\u0E49\u0E32\u0E41\u0E23\u0E01", "description": "\u0E1A\u0E23\u0E34\u0E29\u0E31\u0E17 \u0E14\u0E35\u0E25 \u0E1E\u0E25\u0E31\u0E2A \u0E40\u0E17\u0E04 \u0E08\u0E33\u0E01\u0E31\u0E14 - \u0E1C\u0E39\u0E49\u0E40\u0E0A\u0E35\u0E48\u0E22\u0E27\u0E0A\u0E32\u0E0D\u0E14\u0E49\u0E32\u0E19\u0E23\u0E30\u0E1A\u0E1A\u0E17\u0E48\u0E2D\u0E41\u0E25\u0E30 HVAC" }, { "default": ($$result2) => renderTemplate` ${renderComponent($$result2, "Header", $$Header, {})} ${maybeRenderHead()}<main> <!-- Hero Section --> <section class="relative h-[70vh] min-h-[500px] bg-secondary-900"> <div class="absolute inset-0 bg-gradient-to-r from-secondary-900 via-secondary-900/90 to-secondary-900/60 z-10"></div> <img src="/images/2021/03/ppr-pipe_000C.jpg" alt="ท่อพีพีอาร์คุณภาพสูง" class="absolute inset-0 w-full h-full object-cover opacity-50" loading="eager"> <div class="relative z-20 container mx-auto px-4 h-full flex items-center"> <div class="max-w-2xl"> <span class="inline-block px-4 py-2 bg-green-600 text-white font-semibold mb-4 rounded">
|
|
ผู้เชี่ยวชาญด้านระบบท่อและ HVAC
|
|
</span> <h1 class="text-4xl md:text-5xl lg:text-6xl font-bold text-white mb-6 leading-tight">
|
|
วัสดุท่อ อุปกรณ์ HVAC
|
|
<span class="text-green-400 block">และฉนวนหุ้มท่อ</span> </h1> <p class="text-lg md:text-xl text-gray-200 mb-8">
|
|
จำหน่ายและติดตั้งท่อ PPR, ท่อ HDPE, กริลแอร์, เทอร์โมเบรค และอุปกรณ์ระบบท่อครบวงจร พร้อมบริการให้คำปรึกษาจากทีมมืออาชีพ
|
|
</p> <div class="flex flex-wrap gap-4"> <a href="/products/" class="btn-primary">
|
|
ดูสินค้าทั้งหมด
|
|
</a> <a href="/contact-us/" class="btn-outline border-white text-white hover:bg-white hover:text-gray-900">
|
|
ขอใบเสนอราคา
|
|
</a> </div> </div> </div> </section> <!-- Products Grid Section --> <section class="py-16 bg-gray-50"> <div class="container mx-auto px-4"> <h2 class="section-title text-center mb-4">สินค้าแนะนำ</h2> <p class="section-subtitle text-center mb-12">คัดสรรสินค้าคุณภาพสูงสำหรับโครงการของคุณ</p> <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8"> ${featuredProducts.map((product) => renderTemplate`<div class="card-industrial hover:shadow-xl transition-shadow"> <img${addAttribute(product.image, "src")}${addAttribute(product.name, "alt")} class="w-full h-48 object-cover rounded-lg mb-4"> <h3 class="text-xl font-bold text-gray-900 mb-2">${product.name}</h3> <p class="text-gray-600 text-sm mb-4">${product.shortDescription}</p> <a${addAttribute(product.href, "href")} class="btn-primary inline-block">
|
|
ดูรายละเอียด
|
|
</a> </div>`)} </div> <div class="text-center mt-12"> <a href="/products/" class="btn-secondary">
|
|
ดูสินค้าทั้งหมด
|
|
</a> </div> </div> </section> </main> ${renderComponent($$result2, "Footer", $$Footer, {})} ${renderComponent($$result2, "FloatingContact", $$FloatingContact, {})} ` })}`;
|
|
}, "/Users/kunthawatgreethong/Gitea/dealplustech/src/pages/index.astro", void 0);
|
|
|
|
const $$file = "/Users/kunthawatgreethong/Gitea/dealplustech/src/pages/index.astro";
|
|
const $$url = "";
|
|
|
|
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 };
|