fix: Add max-w-4xl mx-auto to sections in vineman-2
This commit is contained in:
OpenCode Agent
@@ -89,6 +89,7 @@ import Footer from '@/components/common/Footer.astro';
|
||||
<!-- Products Overview -->
|
||||
<section class="section bg-gray-50">
|
||||
<div class="container-custom">
|
||||
<div class="max-w-4xl mx-auto">
|
||||
<h2 class="text-2xl md:text-xl font-bold text-secondary-900 mb-8 text-center">ลวดหนาม/เสารั้ว/เสารับแรง</h2>
|
||||
<div class="grid grid-cols-2 md:grid-cols-4 gap-6">
|
||||
<div class="text-center">
|
||||
@@ -125,11 +126,13 @@ import Footer from '@/components/common/Footer.astro';
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- 6 Techniques -->
|
||||
<section class="section bg-white">
|
||||
<div class="container-custom">
|
||||
<div class="max-w-4xl mx-auto">
|
||||
<h2 class="text-2xl md:text-xl font-bold text-secondary-900 mb-8 text-center">6 เทคนิคน่ารู้ ก่อนเลือกใช้ ระบบรั้วตาข่าย</h2>
|
||||
<div class="grid lg:grid-cols-2 gap-8 items-center">
|
||||
<div>
|
||||
@@ -167,11 +170,13 @@ import Footer from '@/components/common/Footer.astro';
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- Problems & Solutions -->
|
||||
<section class="section bg-gray-50">
|
||||
<div class="container-custom">
|
||||
<div class="max-w-4xl mx-auto">
|
||||
<h2 class="text-2xl md:text-xl font-bold text-secondary-900 mb-8 text-center">ทุกปัญหา! ระบบรั้วเสาปูน แก้ไขด้วยระบบรั้วไวน์แมน</h2>
|
||||
|
||||
<!-- Problems -->
|
||||
@@ -214,11 +219,14 @@ import Footer from '@/components/common/Footer.astro';
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- Pole Types -->
|
||||
<section class="section bg-white">
|
||||
<div class="container-custom">
|
||||
<div class="max-w-4xl mx-auto">
|
||||
<h2 class="text-2xl md:text-xl font-bold text-secondary-900 mb-8 text-center">รั้วตาข่ายไวน์แมน ใช้ได้กับเสาทุกประเภท</h2>
|
||||
<div class="grid md:grid-cols-3 gap-6">
|
||||
<div class="text-center">
|
||||
@@ -235,11 +243,14 @@ import Footer from '@/components/common/Footer.astro';
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- Semi-Spring -->
|
||||
<section class="section bg-gray-50">
|
||||
<div class="container-custom">
|
||||
<div class="max-w-4xl mx-auto">
|
||||
<h2 class="text-2xl md:text-xl font-bold text-secondary-900 mb-8 text-center">ไวน์แมน รั้วตาข่ายกึ่งสปริง</h2>
|
||||
<div class="grid lg:grid-cols-2 gap-8 items-center">
|
||||
<div>
|
||||
@@ -270,11 +281,13 @@ import Footer from '@/components/common/Footer.astro';
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- Buying Guide -->
|
||||
<section class="section bg-white">
|
||||
<div class="container-custom">
|
||||
<div class="max-w-4xl mx-auto">
|
||||
<h2 class="text-2xl md:text-xl font-bold text-secondary-900 mb-8 text-center">VINEMAN Buying Guide</h2>
|
||||
<div class="grid lg:grid-cols-2 gap-8">
|
||||
<div>
|
||||
@@ -290,11 +303,13 @@ import Footer from '@/components/common/Footer.astro';
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- Calculation Table -->
|
||||
<section class="section bg-gray-50">
|
||||
<div class="container-custom">
|
||||
<div class="max-w-4xl mx-auto">
|
||||
<h2 class="text-2xl md:text-xl font-bold text-secondary-900 mb-8 text-center">ตาราง การคำนวณปริมาณเบื้องต้น</h2>
|
||||
<img src="/images/products-raw/vineman/ตารางการคำนวณปริมาณเบื้องต้น-1024x322.jpg" alt="ตารางการคำนวณปริมาณเบื้องต้น" class="w-full max-w-3xl mx-auto h-auto rounded-xl" width="800" height="600" loading="lazy" decoding="async" />
|
||||
<div class="mt-6 p-4 bg-yellow-50 rounded-xl max-w-3xl mx-auto">
|
||||
@@ -311,6 +326,7 @@ import Footer from '@/components/common/Footer.astro';
|
||||
<!-- Specifications -->
|
||||
<section class="section bg-white">
|
||||
<div class="container-custom">
|
||||
<div class="max-w-4xl mx-auto">
|
||||
<h2 class="text-2xl md:text-xl font-bold text-secondary-900 mb-8 text-center">Specification</h2>
|
||||
|
||||
<!-- ตาข่ายถักปม -->
|
||||
@@ -395,11 +411,13 @@ import Footer from '@/components/common/Footer.astro';
|
||||
<img src="/images/products-raw/vineman/ลวดหนามซิงค์อลูมิเนียม-ไวน์แมน-1024x673.jpg" alt="ลวดหนามซิงค์อลูมิเนียมไวน์แมน" class="w-full h-auto rounded-xl mt-4" width="600" height="400" loading="lazy" decoding="async" />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- Product Features Section -->
|
||||
<section class="section bg-white">
|
||||
<div class="container-custom">
|
||||
<div class="max-w-4xl mx-auto">
|
||||
<h2 class="text-2xl md:text-xl font-bold text-secondary-900 mb-8 text-center">จุดเด่นของระบบรั้วไวน์แมน</h2>
|
||||
<div class="grid md:grid-cols-2 lg:grid-cols-3 gap-6">
|
||||
<div class="p-6 bg-gray-50 rounded-xl">
|
||||
@@ -458,11 +476,13 @@ import Footer from '@/components/common/Footer.astro';
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- Application Guide Section -->
|
||||
<section class="section bg-gray-50">
|
||||
<div class="container-custom">
|
||||
<div class="max-w-4xl mx-auto">
|
||||
<h2 class="text-2xl md:text-xl font-bold text-secondary-900 mb-8 text-center">การใช้งานระบบรั้วไวน์แมน</h2>
|
||||
|
||||
<!-- Application Categories -->
|
||||
@@ -554,14 +574,16 @@ import Footer from '@/components/common/Footer.astro';
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- FAQ Section -->
|
||||
<section class="section bg-white">
|
||||
<div class="container-custom">
|
||||
<div class="max-w-4xl mx-auto">
|
||||
<h2 class="text-2xl md:text-xl font-bold text-secondary-900 mb-8 text-center">คำถามที่พบบ่อยเกี่ยวกับระบบรั้วไวน์แมน</h2>
|
||||
|
||||
<div class="max-w-3xl mx-auto space-y-4">
|
||||
<div class="space-y-4">
|
||||
<!-- FAQ 1 -->
|
||||
<div class="border border-gray-200 rounded-xl overflow-hidden">
|
||||
<details class="group">
|
||||
|
||||
Reference in New Issue
Block a user