fix: Update homepage categories, product images, all-products page, mobile fixes

src/pages/เม็กกรู๊ฟ-คับปลิ้ง/index.astro

@@ -8,7 +8,7 @@ import Footer from '@/components/common/Footer.astro';
   <Header slot="header" />
   
   <main class="px-4 sm:px-6 lg:px-8 bg-gradient-to-br from-primary-50 via-white to-accent-50 min-h-screen">
-    <section class="section">
+    <section id="product-detail" class="section">
       <div class="container-custom">
         <div class="grid lg:grid-cols-2 gap-12 items-start">
           <div class="lg:sticky lg:top-24">
@@ -67,7 +67,7 @@ import Footer from '@/components/common/Footer.astro';
       </div>
     </section>
     
-    <section class="section gradient-bg">
+    <section id="contact-cta" class="section bg-gray-50">
       <div class="container-custom text-center">
         <h2 class="text-3xl md:text-4xl font-bold text-secondary-900 mb-6">สนใจสินค้าของเรา?</h2>
         <p class="text-xl text-secondary-600 mb-8 max-w-2xl mx-auto">