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!
47 lines
4.3 KiB
JavaScript
47 lines
4.3 KiB
JavaScript
import { c as createComponent, m as maybeRenderHead, d as addAttribute, a as renderTemplate, b as createAstro, r as renderComponent } from '../chunks/astro/server_i-dTRwm2.mjs';
|
|
import 'piccolore';
|
|
import { g as getCollection } from '../chunks/_astro_content_BWFO8YAR.mjs';
|
|
import 'clsx';
|
|
import { $ as $$BaseLayout } from '../chunks/BaseLayout_rqQLf6w4.mjs';
|
|
export { renderers } from '../renderers.mjs';
|
|
|
|
const $$Astro = createAstro();
|
|
const $$BlogCard = createComponent(($$result, $$props, $$slots) => {
|
|
const Astro2 = $$result.createAstro($$Astro, $$props, $$slots);
|
|
Astro2.self = $$BlogCard;
|
|
const { post } = Astro2.props;
|
|
const { title, excerpt, date, author, category, categories, image, featuredImage } = post.data;
|
|
const postCategory = category || (Array.isArray(categories) ? categories[0] : "\u0E17\u0E31\u0E48\u0E27\u0E44\u0E1B");
|
|
const postImage = image || featuredImage || "/images/2021/03/ppr-pipe_000C.jpg";
|
|
return renderTemplate`${maybeRenderHead()}<a${addAttribute(`/blog/${post.slug}`, "href")} class="card group"> <div class="relative aspect-video bg-secondary-100 overflow-hidden"> <img${addAttribute(postImage, "src")}${addAttribute(title, "alt")} class="object-cover w-full h-48 group-hover:scale-105 transition-transform duration-300" loading="lazy"> <div class="absolute top-4 left-4"> <span class="industrial-badge">${postCategory}</span> </div> </div> <div class="p-6"> <time class="text-sm text-secondary-500"> ${new Date(date).toLocaleDateString("th-TH", { year: "numeric", month: "long", day: "numeric" })} </time> <h3 class="mt-2 text-xl font-bold text-secondary-900 group-hover:text-primary-600 transition-colors line-clamp-2"> ${title} </h3> ${excerpt && renderTemplate`<p class="mt-3 text-secondary-600 text-sm line-clamp-3"> ${excerpt} </p>`} <div class="mt-4 flex items-center text-primary-600 font-medium"> <span>อ่านต่อ</span> <svg class="w-4 h-4 ml-2 group-hover:translate-x-1 transition-transform" fill="none" viewBox="0 0 24 24" stroke="currentColor"> <path stroke-linecap="round" stroke-linejoin="round"${addAttribute(2, "stroke-width")} d="M9 5l7 7-7 7"></path> </svg> </div> </div> </a>`;
|
|
}, "/Users/kunthawatgreethong/Gitea/dealplustech/src/components/BlogCard.astro", void 0);
|
|
|
|
const metadata = {
|
|
title: "\u0E1A\u0E17\u0E04\u0E27\u0E32\u0E21\u0E04\u0E27\u0E32\u0E21\u0E23\u0E39\u0E49",
|
|
description: "\u0E1A\u0E17\u0E04\u0E27\u0E32\u0E21\u0E04\u0E27\u0E32\u0E21\u0E23\u0E39\u0E49\u0E40\u0E01\u0E35\u0E48\u0E22\u0E27\u0E01\u0E31\u0E1A\u0E27\u0E31\u0E2A\u0E14\u0E38\u0E17\u0E48\u0E2D \u0E2D\u0E38\u0E1B\u0E01\u0E23\u0E13\u0E4C\u0E23\u0E30\u0E1A\u0E1A\u0E17\u0E48\u0E2D \u0E41\u0E25\u0E30\u0E40\u0E17\u0E04\u0E19\u0E34\u0E04\u0E01\u0E32\u0E23\u0E15\u0E34\u0E14\u0E15\u0E31\u0E49\u0E07"
|
|
};
|
|
const prerender = true;
|
|
const $$Index = createComponent(async ($$result, $$props, $$slots) => {
|
|
const posts = await getCollection("blog");
|
|
return renderTemplate`${renderComponent($$result, "BaseLayout", $$BaseLayout, { "title": metadata.title, "description": metadata.description }, { "default": async ($$result2) => renderTemplate` ${renderComponent($$result2, "Header", Header, {})} ${maybeRenderHead()}<main class="pt-32 pb-16"> <div class="container mx-auto px-4"> <!-- Hero --> <div class="text-center mb-12"> <h1 class="text-4xl md:text-5xl font-bold text-gray-900 mb-4">
|
|
บทความ<span class="text-green-600">ความรู้</span> </h1> <p class="text-xl text-gray-600 max-w-2xl mx-auto">
|
|
บทความความรู้เกี่ยวกับวัสดุท่อ อุปกรณ์ระบบท่อ และเทคนิคการติดตั้ง
|
|
</p> </div> <!-- Blog Grid --> <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8"> ${posts.map((post) => renderTemplate`${renderComponent($$result2, "BlogCard", $$BlogCard, { "post": post })}`)} </div> </div> </main> ${renderComponent($$result2, "Footer", Footer, {})} ` })}`;
|
|
}, "/Users/kunthawatgreethong/Gitea/dealplustech/src/pages/blog/index.astro", void 0);
|
|
|
|
const $$file = "/Users/kunthawatgreethong/Gitea/dealplustech/src/pages/blog/index.astro";
|
|
const $$url = "/blog";
|
|
|
|
const _page = /*#__PURE__*/Object.freeze(/*#__PURE__*/Object.defineProperty({
|
|
__proto__: null,
|
|
default: $$Index,
|
|
file: $$file,
|
|
metadata,
|
|
prerender,
|
|
url: $$url
|
|
}, Symbol.toStringTag, { value: 'Module' }));
|
|
|
|
const page = () => _page;
|
|
|
|
export { page };
|