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!
31 lines
1021 B
Plaintext
31 lines
1021 B
Plaintext
---
|
|
import BaseLayout from '../../layouts/BaseLayout.astro';
|
|
import Header from '../../components/Header.astro';
|
|
import Footer from '../../components/Footer.astro';
|
|
import FloatingContact from '../../components/FloatingContact.astro';
|
|
import BlogCard from '../../components/BlogCard.astro';
|
|
import { getCollection } from 'astro:content';
|
|
|
|
const posts = await getCollection('blog');
|
|
---
|
|
|
|
<BaseLayout title="บล็อก" description="บทความและข่าวสาร">
|
|
<Header />
|
|
|
|
<main class="pt-32 pb-16 bg-gray-50">
|
|
<div class="container mx-auto px-4">
|
|
<h1 class="section-title text-center mb-4">บล็อก</h1>
|
|
<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">
|
|
{posts.map((post) => (
|
|
<BlogCard post={post} />
|
|
))}
|
|
</div>
|
|
</div>
|
|
</main>
|
|
|
|
<Footer />
|
|
<FloatingContact />
|
|
</BaseLayout>
|