kunthawat/dealplustech-astro
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Activity

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

Browse Source
This commit is contained in:
Kunthawat
2026-03-16 10:47:12 +07:00
parent f292b6db52
commit 57a8a1eb88
58 changed files with 350 additions and 162 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
src/pages/index.astro
View File

@@ -39,8 +39,8 @@ const featuredProducts = [
<BaseLayout title="หน้าแรก">
<Header slot="header" />
<!-- Hero Section with PPR Product Images -->
<section class="relative bg-gradient-to-br from-green-50 via-white to-accent-50 section overflow-hidden">
<!-- Hero Section -->
<section id="hero" class="relative bg-white section overflow-hidden">
<div class="container-custom">
<div class="grid md:grid-cols-2 gap-8 md:gap-12 items-center">
<div class="animate-fade-in">
@@ -52,7 +52,7 @@ const featuredProducts = [
บริษัท ดีล พลัส เทค จำกัด เราเป็นผู้เชี่ยวชาญด้านระบบน้ำ ให้คำแนะนำและจำหน่ายท่อ PPR ตราช้าง ท่อพีพีอาร์ ท่อ HDPE Thai PPR รั้วตาข่าย คุณภาพสูง ราคาถูก
</p>
<div class="flex flex-wrap justify-center gap-3 md:gap-4">
<a href="/pipe" class="bg-green-600 hover:bg-green-700 text-white px-5 py-3 md:px-8 md:py-4 rounded-xl font-medium transition-all hover:shadow-lg active:scale-95 text-sm md:text-lg">ดูสินค้าทั้งหมด</a>
<a href="/all-products" class="bg-green-600 hover:bg-green-700 text-white px-5 py-3 md:px-8 md:py-4 rounded-xl font-medium transition-all hover:shadow-lg active:scale-95 text-sm md:text-lg">ดูสินค้าทั้งหมด</a>
<a href="/contact-us" class="bg-white text-green-600 px-5 py-3 md:px-8 md:py-4 rounded-xl border-2 border-green-500 font-medium transition-all hover:shadow-lg active:scale-95 text-sm md:text-lg">ติดต่อเรา</a>
</div>
<div class="flex items-center sm:space-x-8 space-x-4 sm:mt-12 mt-8 justify-center">
@@ -89,7 +89,7 @@ const featuredProducts = [
</section>
<!-- Featured Products -->
<section class="section bg-gradient-to-br from-green-50 via-white to-accent-50">
<section id="featured-products" class="section bg-gray-50">
<div class="container-custom">
<div class="text-center mb-16">
<h2 class="section-title">สินค้าแนะนำ</h2>
@@ -121,7 +121,7 @@ const featuredProducts = [
</section>
<!-- Product Categories -->
<section class="section bg-white">
<section id="product-categories" class="section bg-white">
<div class="container-custom">
<div class="text-center mb-16">
<h2 class="section-title">หมวดหมู่สินค้าทั้งหมด</h2>
@@ -143,7 +143,7 @@ const featuredProducts = [
</section>
<!-- Why Choose Us -->
<section class="section bg-gradient-to-br from-green-50 via-white to-accent-50">
<section id="why-choose-us" class="section bg-gray-50">
<div class="container-custom">
<div class="text-center mb-16">
<h2 class="section-title">ทำไมต้องเลือกเรา</h2>