Fix animated hero background position and update Header menu

1. Fixed animated hero background - now inside the hero section with proper class structure
2. Changed อุปกรณ์ดับเพลิง to ตู้ดับเพลิง in Header main menu
This commit is contained in:
Kunthawat Greethong
2026-05-24 11:57:17 +07:00
parent b4a41c3ed4
commit e82f4b39f2
28 changed files with 55 additions and 55 deletions

View File

@@ -9,7 +9,7 @@ import Footer from '@/components/common/Footer.astro';
<main class="bg-white min-h-screen">
<!-- Hero Section -->
<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">
<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 relative overflow-hidden">>
<!-- Animated Background -->
<div class="absolute inset-0 overflow-hidden pointer-events-none">
<div class="absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 w-[800px] h-[800px] bg-gradient-to-br from-primary-400/30 via-primary-500/15 to-transparent rounded-full blur-[100px] animate-mesh-1"></div>
@@ -260,7 +260,7 @@ import Footer from '@/components/common/Footer.astro';
</section>
<!-- Download Section -->
<section class="py-16 bg-gradient-to-br from-primary-700 to-primary-600 text-white">
<section class="py-16 bg-gradient-to-br from-primary-700 to-primary-600 text-white relative overflow-hidden">>
<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 relative z-10">
<div class="max-w-lg mx-auto text-center">
<h2 class="text-xl font-bold mb-6">📥 ดาวน์โหลดราคาสินค้า Armaflex</h2>