Fix section class and content wrapper for remaining pages

2026-05-24 21:16:05 +07:00
parent b64f42d485
commit 825d3264b3
5 changed files with 14 additions and 15 deletions
--- a/src/pages/ท่อ-hdpe.astro
+++ b/src/pages/ท่อ-hdpe.astro
@@ -5,7 +5,7 @@ import BaseLayout from '@/layouts/BaseLayout.astro';
 <BaseLayout title="ท่อ HDPE (High Density Polyethylene)" description="ท่อ HDPE ราคาโรงงาน ส่งฟรี กรุงเทพมหานคร ปริมณฑล ท่อ HDPE คุณภาพสูง ทนทาน อายุการใช้งาน 50 ปี">
  <main class="bg-white min-h-screen">
    <!-- Hero Section -->
-    <section class="bg-gradient-to-br from-primary-700 to-primary-600 text-white  relative overflow-hidden">
+    <section class="relative bg-gradient-to-br from-primary-800 via-primary-700 to-primary-900 text-white py-16 lg:py-24 overflow-hidden">
      
    <!-- Animated Background -->
    <div class="absolute inset-0 overflow-hidden pointer-events-none">
@@ -39,9 +39,9 @@ import BaseLayout from '@/layouts/BaseLayout.astro';
        </path>
      </svg>
    </div>
-    <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-16">
+    <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 relative z-10">
        <div class="grid lg:grid-cols-2 gap-12 items-start">
-          <div class="">
+          <div>
            <span class="inline-block px-4 py-1.5 bg-white/20 text-white rounded-full text-sm font-medium mb-4">ท่อ HDPE</span>
            <h1 class="text-3xl sm:text-4xl lg:text-5xl font-bold mb-4">ท่อ HDPE (High Density Polyethylene)</h1>
            <p class="text-lg text-primary-100 mb-8 leading-relaxed">
--- a/src/pages/ท่อ-ppr-scg.astro
+++ b/src/pages/ท่อ-ppr-scg.astro
@@ -5,7 +5,7 @@ import BaseLayout from '@/layouts/BaseLayout.astro';
 <BaseLayout title="ท่อ PPR ตราช้าง (SCG)" description="ท่อ PPR ตราช้าง (SCG) ผลิตจากเม็ดพลาสติก PP-R 80 มาตรฐานยุโรป ทนแรงดัน 20 บาร์ ทนอุณหภูมิ 95°C ราคาถูก ส่งฟรี กทม. ปริมณฑล">
  <main class="bg-white min-h-screen">
    <!-- Hero Section -->
-    <section class="bg-gradient-to-br from-primary-700 to-primary-600 text-white  relative overflow-hidden">
+    <section class="relative bg-gradient-to-br from-primary-800 via-primary-700 to-primary-900 text-white py-16 lg:py-24 overflow-hidden">
      
    <!-- Animated Background -->
    <div class="absolute inset-0 overflow-hidden pointer-events-none">
@@ -39,9 +39,9 @@ import BaseLayout from '@/layouts/BaseLayout.astro';
        </path>
      </svg>
    </div>
-    <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-16">
+    <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 relative z-10">
        <div class="grid lg:grid-cols-2 gap-12 items-start">
-          <div class="">
+          <div>
            <span class="inline-block px-4 py-1.5 bg-white/20 text-white rounded-full text-sm font-medium mb-4">ท่อ PPR</span>
            <h1 class="text-3xl sm:text-4xl lg:text-5xl font-bold mb-4">ท่อ PPR ตราช้าง (SCG)</h1>
            <p class="text-lg text-primary-100 mb-8 leading-relaxed">
--- a/src/pages/ท่อ-ppr-thai-ppr.astro
+++ b/src/pages/ท่อ-ppr-thai-ppr.astro
@@ -5,7 +5,7 @@ import BaseLayout from '@/layouts/BaseLayout.astro';
 <BaseLayout title="ไทยพีพีอาร์ (Thai PPR) | ท่อพีพีอาร์ คุณภาพสูง" description="ไทยพีพีอาร์ (Thai PPR) ทางเลือกที่ดีที่สุดสำหรับงานระบบน้ำคุณภาพสูง ทั้งน้ำร้อนและน้ำเย็น ผลิตจากวัสดุ PP-R เกรดพรีเมียม ทนความร้อน 95°C อายุการใช้งาน 50 ปี">
  <main class="bg-white min-h-screen">
    <!-- Hero Section -->
-    <section class="bg-gradient-to-br from-primary-700 to-primary-600 text-white  relative overflow-hidden">
+    <section class="relative bg-gradient-to-br from-primary-800 via-primary-700 to-primary-900 text-white py-16 lg:py-24 overflow-hidden">
      
    <!-- Animated Background -->
    <div class="absolute inset-0 overflow-hidden pointer-events-none">
@@ -39,9 +39,9 @@ import BaseLayout from '@/layouts/BaseLayout.astro';
        </path>
      </svg>
    </div>
-    <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-16">
+    <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 relative z-10">
        <div class="grid lg:grid-cols-2 gap-12 items-start">
-          <div class="">
+          <div>
            <span class="inline-block px-4 py-1.5 bg-white/20 text-white rounded-full text-sm font-medium mb-4">ท่อ PPR</span>
            <h1 class="text-3xl sm:text-4xl lg:text-5xl font-bold mb-4">ไทยพีพีอาร์ (Thai PPR)</h1>
            <p class="text-lg text-primary-100 mb-8 leading-relaxed">
--- a/src/pages/ท่อ-upvc.astro
+++ b/src/pages/ท่อ-upvc.astro
@@ -5,7 +5,7 @@ import BaseLayout from '@/layouts/BaseLayout.astro';
 <BaseLayout title="ท่อ UPVC (Unplasticized Polyvinyl Chloride)" description="ท่อ UPVC ราคาโรงงาน ส่งฟรี กรุงเทพมหานคร ปริมณฑล ท่อยูพีวีซี ทนสารเคมี ทนความร้อน สำหรับงานอุตสาหกรรม">
  <main class="bg-white min-h-screen">
    <!-- Hero Section -->
-    <section class="bg-gradient-to-br from-primary-700 to-primary-600 text-white  relative overflow-hidden">
+    <section class="relative bg-gradient-to-br from-primary-800 via-primary-700 to-primary-900 text-white py-16 lg:py-24 overflow-hidden">
      
    <!-- Animated Background -->
    <div class="absolute inset-0 overflow-hidden pointer-events-none">
@@ -39,9 +39,9 @@ import BaseLayout from '@/layouts/BaseLayout.astro';
        </path>
      </svg>
    </div>
-    <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-16">
+    <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 relative z-10">
        <div class="grid lg:grid-cols-2 gap-12 items-start">
-          <div class="">
+          <div>
            <span class="inline-block px-4 py-1.5 bg-white/20 text-white rounded-full text-sm font-medium mb-4">ท่อ UPVC</span>
            <h1 class="text-3xl sm:text-4xl lg:text-5xl font-bold mb-4">ท่อ UPVC (Unplasticized Polyvinyl Chloride)</h1>
            <p class="text-lg text-primary-100 mb-8 leading-relaxed">
--- a/src/pages/เครื่องเชื่อม-hdpe.astro
+++ b/src/pages/เครื่องเชื่อม-hdpe.astro
@@ -56,13 +56,12 @@ import BaseLayout from '@/layouts/BaseLayout.astro';
    </div>
      <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 relative z-10">
        <div class="grid lg:grid-cols-2 gap-12 items-start">
-          <div class="">
-            <div class="lg:sticky lg:top-24">
+          <div class="lg:sticky lg:top-24">
              <div class="rounded-2xl overflow-hidden bg-white/10">
              <img src="/images/HDPE-welding-crop.jpg" alt="เครื่องเชื่อมท่อ HDPE" class="w-full" width="600" height="400" loading="eager" />
            </div>
          </div>
-          <div class="">
+          <div>
            <span class="inline-block px-4 py-1.5 bg-white/20 text-white rounded-full text-sm font-medium mb-4">เครื่องเชื่อมท่อ</span>
            <h1 class="text-3xl sm:text-4xl lg:text-5xl font-bold mb-4">เครื่องเชื่อมท่อ HDPE</h1>
            <p class="text-lg sm:text-xl text-white/80 mb-8 leading-relaxed">