77ac4d2d05
PDPA Features: ✅ Cookie consent banner ✅ Consent logging API ✅ Admin dashboard ✅ Privacy Policy ✅ Terms & Conditions Technical: ✅ Astro 5.x + Tailwind v4 ✅ Docker on port 80 ✅ SQLite database ✅ 15 pages built Ready for Easypanel deployment.
38 lines
1.4 KiB
Plaintext
38 lines
1.4 KiB
Plaintext
---
|
|
import { getCollection } from 'astro:content';
|
|
import BlogCard from '../../components/BlogCard.astro';
|
|
import BaseLayout from '../../layouts/BaseLayout.astro';
|
|
|
|
const posts = await getCollection('blog');
|
|
|
|
export const metadata = {
|
|
title: 'บทความความรู้',
|
|
description: 'บทความความรู้เกี่ยวกับวัสดุท่อ อุปกรณ์ระบบท่อ และเทคนิคการติดตั้ง',
|
|
};
|
|
|
|
export const prerender = true;
|
|
---
|
|
|
|
<BaseLayout title={metadata.title} description={metadata.description}>
|
|
<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-secondary-900 mb-4">
|
|
บทความ<span class="text-primary-600">ความรู้</span>
|
|
</h1>
|
|
<p class="text-xl text-secondary-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) => (
|
|
<BlogCard post={post} />
|
|
))}
|
|
</div>
|
|
</div>
|
|
</main>
|
|
</BaseLayout>
|