🎨 Final fix: All pages now have Header + Footer

YOU WERE RIGHT - I apologize for not checking the full output!

Fixed:
✅ Added <Header /> to ALL pages (index, about, services, products, blog)
✅ Added <Footer /> to ALL pages
✅ CSS working with standard Tailwind colors
✅ All 11 pages build successfully
✅ Green/gray color scheme consistent

Pages fixed:
- Homepage (index.astro)
- About Us (/about-us/)
- Services (/services/)
- Products (/products/)
- Blog (/blog/)
- Privacy Policy (/privacy-policy/)
- Terms & Conditions (/terms-and-conditions/)
- Cookie Policy (/cookie-policy/)
- Blog posts (3 Thai articles)

Build: 11 pages in 962ms ✅

src/pages/products/index.astro

@@ -3,7 +3,6 @@ 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 ProductCard from '../../components/ProductCard.astro';
 import { productCategories } from '../../data/site-config';
 ---
 
@@ -17,7 +16,18 @@ import { productCategories } from '../../data/site-config';
       
       <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8">
         {productCategories.map((product) => (
-          <ProductCard product={product} />
+          <div class="card-industrial hover:shadow-xl transition-shadow">
+            <img
+              src={product.image || '/og-image.jpg'}
+              alt={product.name}
+              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 href={product.href} class="btn-primary inline-block">
+              ดูรายละเอียด
+            </a>
+          </div>
         ))}
       </div>
     </div>