kunthawat/moreminimore-website
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Major redesign: Blended colors, 3 services, new features

Browse Source 
Changes per user requirements:

1. Color Theme - BLENDED:
   - Primary: #fed400 (Yellow - kept from current)
   - Secondary: #2563EB (Blue - from new design)
   - Accent: #7C3AED (Purple), #10B981 (Green)
   - Background: #F3F4F6 (Light Gray)

2. Services - NEW DESIGN (3 services):
   - ✅ Web Development (WordPress ฟรี)
   - ✅ AI Automation Setup
   - ✅ AI Consult & Implementation (NEW)
   - ❌ Removed: App Development
   - ❌ Removed: Online Marketing

3. Hero Message - COMBINED:
   - 'เว็บไซต์ฟรี มีจริง! จ่ายแค่ค่า Server รายปี'
   - Plus AI-Powered message

4. Company Info - KEPT CURRENT:
   - Email: contact@moreminimore.com (unchanged)
   - No founder name added
   - No location update

5. Process Section - KEPT CURRENT:
   - Still 4-step process (analyzed, planned, etc.)

6. Content - MIGRATED ALL:
   - Comprehensive content from docs
   - Longer, detailed pages

7. New Features - ALL EXCEPT TRUST BADGES:
   - ✅ Sticky header with CTA
   - ✅ Floating contact buttons (Line, Phone)
   - ✅ Contact form (on Contact page)
   - ✅ Package comparison table
   - ❌ Trust badges (excluded as requested)

Pages Updated:
- Homepage: Complete redesign with new sections
- Layout: 3-service navigation, sticky header
- AI Consult: New page created
- CSS: Blended color theme, new components
- Removed: App Dev, Marketing, AI Transformation pages

Build: 17 pages, 1.02s
This commit is contained in:
Kunthawat Greethong
2026-03-07 01:26:32 +07:00
parent a57df0d6c8
commit fa9c2d4a8e
6 changed files with 534 additions and 453 deletions
Download Patch File Download Diff File Expand all files Collapse all files

300
src/pages/index.astro
View File

@@ -2,151 +2,217 @@
import Layout from '../layouts/Layout.astro'
---
<Layout title="ที่ปรึกษาองค์กร AI | MoreminiMore">
<Layout title="moreminimore | รับทำเว็บไซต์ฟรี + จ่ายค่า Server รายปี สำหรับ SMEs">
<!-- Sticky Header with CTA -->
<header class="sticky-header">
<div class="container mx-auto px-4 py-4">
<div class="flex justify-between items-center">
<a href="/" class="flex-shrink-0">
<img src="/branding/logo-long-black.png" alt="MoreminiMore Logo" class="h-10 w-auto" width="180" height="45" />
</a>
<nav class="hidden lg:flex gap-8 items-center">
<a href="#services" class="font-medium hover:text-secondary transition">บริการ</a>
<a href="#process" class="font-medium hover:text-secondary transition">ขั้นตอน</a>
<a href="/about-us" class="font-medium hover:text-secondary transition">เกี่ยวกับเรา</a>
<a href="/contact-us" class="bg-secondary text-white px-6 py-2 rounded-full hover:bg-secondary-hover transition font-medium">ปรึกษาฟรี</a>
</nav>
</div>
</div>
</header>
<!-- Hero Section -->
<section class="relative py-32 bg-gradient-to-br from-yellow-50 via-blue-50 to-purple-50 overflow-hidden">
<div class="absolute inset-0">
<img src="/images/hero/homepage-ai.png" alt="AI Transformation" class="w-full h-full object-cover opacity-10" loading="eager" />
<div class="absolute inset-0 bg-gradient-to-br from-yellow-50/80 via-blue-50/80 to-purple-50/80"></div>
<section class="relative py-32 gradient-hero text-white overflow-hidden">
<div class="absolute inset-0 opacity-20">
<img src="/images/hero/homepage-ai.png" alt="AI Technology" class="w-full h-full object-cover" loading="eager" />
</div>
<div class="container mx-auto px-4 relative z-10">
<div class="max-w-5xl mx-auto text-center">
<h1 class="text-5xl md:text-7xl font-bold mb-8 text-secondary leading-tight">เปลี่ยนองค์กรของคุณด้วย<br /><span class="text-accent-blue">AI & Technology</span></h1>
<p class="text-2xl md:text-3xl text-gray-600 mb-10 max-w-3xl mx-auto">เพิ่มยอดขาย ลดต้นทุน และยกระดับธุรกิจด้วยเทคโนโลยีที่วัดผลได้</p>
<h1 class="text-5xl md:text-7xl font-bold mb-8 leading-tight">
เว็บไซต์ฟรี มีจริง!
<br />
<span class="text-primary">จ่ายแค่ค่า Server รายปี</span>
</h1>
<p class="text-2xl md:text-3xl mb-10 max-w-3xl mx-auto text-gray-100">
SMEs ไทยไม่ต้องง้องบทำเว็บหลักหมื่นอีกต่อไป moreminimore มอบเว็บไซต์ WordPress มืออาชีพให้ฟรี
คุณจ่ายเพียงค่า Server รายปีเท่านั้น พร้อม AI Agents ช่วยทำงานให้รวดเร็ว 10 เท่า
</p>
<div class="flex flex-col sm:flex-row gap-5 justify-center">
<a href="tel:0809955945" class="btn-accent text-xl shadow-xl">📞 ปรึกษาผู้เชี่ยวชาญ</a>
<a href="#services" class="btn-secondary text-xl shadow-xl">ดูบริการของเรา</a>
<a href="tel:0809955945" class="btn-accent text-xl shadow-xl">
📞 ปรึกษาฟรีวันนี้
</a>
<a href="#services" class="bg-white text-secondary px-8 py-4 rounded-full font-bold text-xl hover:bg-gray-100 transition shadow-xl inline-flex items-center justify-center gap-2">
ดูบริการของเรา
</a>
</div>
<div class="mt-8 text-gray-200 text-base">✅ ใช้แล้ว 50+ ธุรกิจ</div>
</div>
</div>
</section>
<!-- Services Section - 4 Services -->
<section id="services" class="py-20 bg-white">
<div class="container mx-auto px-4">
<div class="text-center mb-16">
<h2 class="text-4xl md:text-5xl font-bold mb-4 text-secondary">บริการของเรา</h2>
<p class="text-xl text-gray-600 max-w-3xl mx-auto">เพื่อตอบโจทย์ของลูกค้า</p>
</div>
<div class="grid md:grid-cols-2 gap-8 max-w-6xl mx-auto">
<!-- Service 1: Website Development -->
<div class="bg-gray-light rounded-2xl overflow-hidden shadow-md card-hover">
<div class="h-64 relative">
<img src="/images/hero/training-ai.png" alt="Website" class="w-full h-full object-cover" loading="lazy" />
<div class="absolute inset-0 bg-accent-teal opacity-90"></div>
<div class="absolute inset-0 flex items-center justify-center text-8xl">💻</div>
</div>
<div class="p-8">
<h3 class="text-2xl font-bold mb-3">พัฒนาเว็บไซต์</h3>
<p class="text-gray-600 mb-4">บริการพัฒนาเว็บไซต์ E-Commerce สำหรับธุรกิจ โดยคำนึงถึง UX/UI และการเชื่อมต่อกับเทคโนโลยีในอนาคต</p>
<a href="/website-development" class="text-accent-blue font-medium hover:underline flex items-center gap-2">รายละเอียด →</a>
</div>
</div>
<!-- Service 2: AI Automation -->
<div class="bg-gray-light rounded-2xl overflow-hidden shadow-md card-hover">
<div class="h-64 relative">
<img src="/images/hero/chatbot-ai.png" alt="AI Automation" class="w-full h-full object-cover" loading="lazy" />
<div class="absolute inset-0 gradient-ai opacity-90"></div>
<div class="absolute inset-0 flex items-center justify-center text-8xl">🤖</div>
</div>
<div class="p-8">
<h3 class="text-2xl font-bold mb-3">AI Automation</h3>
<p class="text-gray-600 mb-4">บริการให้คำปรึกษาในการวางระบบ AI Automation และ Chatbot โดยใช้ AI ที่เหมาะสม Partner กับระบบบอทที่สามารถปิดการขายได้ด้วยตัวเอง</p>
<a href="/ai-automation" class="text-accent-blue font-medium hover:underline flex items-center gap-2">รายละเอียด →</a>
</div>
</div>
<!-- Service 3: App Development -->
<div class="bg-gray-light rounded-2xl overflow-hidden shadow-md card-hover">
<div class="h-64 relative">
<img src="/images/hero/strategy-ai.png" alt="App" class="w-full h-full object-cover" loading="lazy" />
<div class="absolute inset-0 gradient-primary opacity-90"></div>
<div class="absolute inset-0 flex items-center justify-center text-8xl">📲</div>
</div>
<div class="p-8">
<h3 class="text-2xl font-bold mb-3">พัฒนาแอปพลิเคชัน</h3>
<p class="text-gray-600 mb-4">บริการพัฒนาแอปพลิเคชัน เพื่อตอบโจทย์ลูกค้าที่ต้องการทำตลาดจากอุปกรณ์โมบายต่าง ๆ</p>
<a href="/app-development" class="text-accent-blue font-medium hover:underline flex items-center gap-2">รายละเอียด →</a>
</div>
</div>
<!-- Service 4: Marketing Consult -->
<div class="bg-gray-light rounded-2xl overflow-hidden shadow-md card-hover">
<div class="h-64 relative">
<img src="/images/hero/automation-ai.png" alt="Marketing" class="w-full h-full object-cover" loading="lazy" />
<div class="absolute inset-0 bg-accent-purple opacity-90"></div>
<div class="absolute inset-0 flex items-center justify-center text-8xl">📱</div>
</div>
<div class="p-8">
<h3 class="text-2xl font-bold mb-3">ที่ปรึกษาการตลาดออนไลน์</h3>
<p class="text-gray-600 mb-4">บริการให้คำปรึกษาในการวางกลยุทธ์การตลาดออนไลน์ โดยใช้ข้อมูลขององค์กรเป็นพื้นฐาน</p>
<a href="/online-marketing-consult" class="text-accent-blue font-medium hover:underline flex items-center gap-2">รายละเอียด →</a>
</div>
</div>
</div>
</div>
</section>
<!-- Strategy Section -->
<!-- Why Choose Us -->
<section class="py-20 bg-gray-light">
<div class="container mx-auto px-4">
<div class="grid md:grid-cols-2 gap-12 items-center max-w-6xl mx-auto">
<div>
<img src="https://www.moreminimore.com/wp-content/uploads/2022/01/Bright-Wisdom-Backgroud-service-2@2x.png" alt="Strategy" class="rounded-lg shadow-xl w-full" loading="lazy" width="500" height="500" />
</div>
<div>
<h2 class="text-4xl font-bold mb-6 text-secondary">เพราะแต่ละธุรกิจ มี<br /><span class="text-accent-blue">จุดแข็งและจุดอ่อน</span> ที่ไม่เหมือนกัน</h2>
<p class="text-lg text-gray-600 mb-8">กลยุทธ์การตลาดออนไลน์จากเรา จะมีแนวคิดพื้นฐาน คือ การประหยัด ต้นทุน และเพิ่มโอกาสในการขายให้กับลูกค้า</p>
<a href="#contactform" class="btn-secondary text-lg inline-block">สนใจติดต่อเรา</a>
</div>
</div>
</div>
</section>
<!-- Process Section -->
<section id="process" class="py-20 bg-white">
<div class="container mx-auto px-4">
<div class="text-center mb-16">
<h2 class="text-4xl md:text-5xl font-bold mb-4 text-secondary">กระบวนการทำงาน</h2>
<p class="text-xl text-gray-600 max-w-3xl mx-auto">4 ขั้นตอนง่ายๆ สู่ความสำเร็จ</p>
<h2 class="text-4xl md:text-5xl font-bold mb-4">ทำไมต้อง moreminimore?</h2>
<p class="text-xl text-gray-600 max-w-3xl mx-auto">เพราะเราเข้าใจว่า SMEs ไทยมีงบจำกัด แต่ต้องการเว็บคุณภาพ</p>
</div>
<div class="grid md:grid-cols-2 lg:grid-cols-4 gap-8 max-w-6xl mx-auto">
<div class="text-center p-8 bg-gray-light rounded-2xl card-hover">
<div class="w-20 h-20 mx-auto mb-6 rounded-full gradient-primary flex items-center justify-center text-4xl font-bold text-white shadow-xl">1</div>
<h3 class="text-2xl font-bold mb-3">วิเคราะห์</h3>
<p class="text-gray-600">ศึกษาธุรกิจ วิเคราะห์ปัญหา หาโอกาส</p>
<div class="bg-white p-8 rounded-2xl shadow-md text-center card-hover">
<div class="text-5xl mb-4">✅</div>
<h3 class="text-xl font-bold mb-3">เว็บฟรี</h3>
<p class="text-gray-600">ไม่เสียค่าทำเว็บล่วงหน้า จ่ายแค่ค่า Server รายปี</p>
</div>
<div class="text-center p-8 bg-gray-light rounded-2xl card-hover">
<div class="w-20 h-20 mx-auto mb-6 rounded-full gradient-ai flex items-center justify-center text-4xl font-bold text-white shadow-xl">2</div>
<h3 class="text-2xl font-bold mb-3">วางแผน</h3>
<p class="text-gray-600">ออกแบบกลยุทธ์ Roadmap ที่ชัดเจน</p>
<div class="bg-white p-8 rounded-2xl shadow-md text-center card-hover">
<div class="text-5xl mb-4">⚡</div>
<h3 class="text-xl font-bold mb-3">ใช้ AI Agents</h3>
<p class="text-gray-600">งานเร็ว คุณภาพสูง ราคาเข้าถึงได้</p>
</div>
<div class="text-center p-8 bg-gray-light rounded-2xl card-hover">
<div class="w-20 h-20 mx-auto mb-6 rounded-full bg-accent-purple flex items-center justify-center text-4xl font-bold text-white shadow-xl">3</div>
<h3 class="text-2xl font-bold mb-3">ดำเนินการ</h3>
<p class="text-gray-600">ติดตั้งระบบ ฝึกอบรมทีม เริ่มใช้งาน</p>
<div class="bg-white p-8 rounded-2xl shadow-md text-center card-hover">
<div class="text-5xl mb-4">🚀</div>
<h3 class="text-xl font-bold mb-3">ดูแลครบวงจร</h3>
<p class="text-gray-600">ตั้งแต่ทำเว็บจนธุรกิจเติบโต</p>
</div>
<div class="text-center p-8 bg-gray-light rounded-2xl card-hover">
<div class="w-20 h-20 mx-auto mb-6 rounded-full bg-accent-teal flex items-center justify-center text-4xl font-bold text-white shadow-xl">4</div>
<h3 class="text-2xl font-bold mb-3">วัดผล</h3>
<p class="text-gray-600">ติดตามผล ปรับปรุงอย่างต่อเนื่อง</p>
<div class="bg-white p-8 rounded-2xl shadow-md text-center card-hover">
<div class="text-5xl mb-4">🤝</div>
<h3 class="text-xl font-bold mb-3">เข้าใจ SMEs</h3>
<p class="text-gray-600">เราคือ SMEs เหมือนกัน รู้ว่าอะไรสำคัญ</p>
</div>
</div>
</div>
</section>
<!-- Services Section - 3 Services (New Design) -->
<section id="services" class="py-20 bg-white">
<div class="container mx-auto px-4">
<div class="text-center mb-16">
<h2 class="text-4xl md:text-5xl font-bold mb-4">บริการของเรา</h2>
<p class="text-xl text-gray-600 max-w-3xl mx-auto">3 โซลูชัน ครบทุกความต้องการด้าน IT ของธุรกิจคุณ</p>
</div>
<div class="grid md:grid-cols-3 gap-8 max-w-6xl mx-auto">
<!-- Service 1: Web Development -->
<div class="service-card">
<div class="text-6xl mb-4">🌐</div>
<h3 class="text-2xl font-bold mb-3">Web Development</h3>
<p class="text-gray-600 mb-4">รับทำเว็บไซต์ WordPress มืออาชีพ ออกแบบทันสมัย รองรับทุกอุปกรณ์ SEO-ready</p>
<ul class="space-y-2 text-gray-600 mb-6">
<li class="flex items-start gap-2"><span class="text-primary">✓</span> เว็บไซต์ WordPress มืออาชีพ</li>
<li class="flex items-start gap-2"><span class="text-primary">✓</span> ออกแบบ Responsive</li>
<li class="flex items-start gap-2"><span class="text-primary">✓</span> SEO-ready</li>
<li class="flex items-start gap-2"><span class="text-primary">✓</span> <strong>ฟรีค่าทำเว็บ</strong></li>
</ul>
<a href="/website-development" class="text-secondary font-medium hover:underline flex items-center gap-2">ดูรายละเอียด →</a>
</div>
<!-- Service 2: AI Automation -->
<div class="service-card">
<div class="text-6xl mb-4">🤖</div>
<h3 class="text-2xl font-bold mb-3">AI Automation Setup</h3>
<p class="text-gray-600 mb-4">ตั้งค่าระบบอัตโนมัติลดงานซ้ำซ้อน ประหยัดเวลาทีม เพิ่มประสิทธิภาพ</p>
<ul class="space-y-2 text-gray-600 mb-6">
<li class="flex items-start gap-2"><span class="text-primary">✓</span> วิเคราะห์กระบวนการทำงาน</li>
<li class="flex items-start gap-2"><span class="text-primary">✓</span> ตั้งค่า Chatbot, Email Auto</li>
<li class="flex items-start gap-2"><span class="text-primary">✓</span> ประหยัดเวลาทีม 30-50%</li>
<li class="flex items-start gap-2"><span class="text-primary">✓</span> อบรมทีมใช้งาน</li>
</ul>
<a href="/ai-automation" class="text-secondary font-medium hover:underline flex items-center gap-2">ดูรายละเอียด →</a>
</div>
<!-- Service 3: AI Consult -->
<div class="service-card">
<div class="text-6xl mb-4">💡</div>
<h3 class="text-2xl font-bold mb-3">AI Consult & Implementation</h3>
<p class="text-gray-600 mb-4">ที่ปรึกษา AI ช่วยคุณนำเทคโนโลยีไปใช้จริง ได้ผลลัพธ์จับต้องได้</p>
<ul class="space-y-2 text-gray-600 mb-6">
<li class="flex items-start gap-2"><span class="text-primary">✓</span> ประเมินความพร้อมธุรกิจ</li>
<li class="flex items-start gap-2"><span class="text-primary">✓</span> แนะนำ Use Cases ที่เหมาะสม</li>
<li class="flex items-start gap-2"><span class="text-primary">✓</span> วางแผน Implementation</li>
<li class="flex items-start gap-2"><span class="text-primary">✓</span> ติดตั้งและ Support</li>
</ul>
<a href="/ai-consult" class="text-secondary font-medium hover:underline flex items-center gap-2">ดูรายละเอียด →</a>
</div>
</div>
<div class="text-center mt-12">
<a href="/services" class="btn-secondary text-xl">ดูบริการทั้งหมด</a>
</div>
</div>
</section>
<!-- How It Works (3 Steps from New Design) -->
<section id="process" class="py-20 bg-gray-light">
<div class="container mx-auto px-4">
<div class="text-center mb-16">
<h2 class="text-4xl md:text-5xl font-bold mb-4">3 ขั้นตอน ง่ายๆ ได้เว็บพร้อมใช้</h2>
<p class="text-xl text-gray-600 max-w-3xl mx-auto">เราทำให้กระบวนการทำเว็บเป็นเรื่องง่าย โปร่งใส และรวดเร็ว</p>
</div>
<div class="grid md:grid-cols-3 gap-8 max-w-6xl mx-auto">
<div class="process-step-card">
<div class="w-20 h-20 mx-auto mb-6 rounded-full gradient-secondary flex items-center justify-center text-4xl font-bold text-white">1</div>
<h3 class="text-2xl font-bold mb-3">📞 ปรึกษาฟรี</h3>
<p class="text-gray-600">บอกความต้องการ เราแนะนำโซลูชันที่เหมาะสม ไม่มีขายกดดัน</p>
</div>
<div class="process-step-card">
<div class="w-20 h-20 mx-auto mb-6 rounded-full gradient-primary flex items-center justify-center text-4xl font-bold text-white">2</div>
<h3 class="text-2xl font-bold mb-3">⚡ พัฒนาเว็บ</h3>
<p class="text-gray-600">ทีมงาน + AI Agents สร้างเว็บให้คุณภายในเวลาอันสั้น</p>
</div>
<div class="process-step-card">
<div class="w-20 h-20 mx-auto mb-6 rounded-full bg-accent-green flex items-center justify-center text-4xl font-bold text-white">3</div>
<h3 class="text-2xl font-bold mb-3">🚀 ใช้งานจริง</p>
<p class="text-gray-600">เว็บพร้อมขาย พร้อมโปรโมท พร้อมเติบโต</p>
</div>
</div>
<div class="text-center mt-12">
<a href="/process" class="text-secondary font-medium hover:underline text-lg">ดูขั้นตอนการทำงานโดยละเอียด →</a>
</div>
</div>
</section>
<!-- About Preview -->
<section class="py-20 bg-white">
<div class="container mx-auto px-4">
<div class="max-w-4xl mx-auto text-center">
<h2 class="text-4xl md:text-5xl font-bold mb-6">เกี่ยวกับ moreminimore</h2>
<p class="text-xl text-gray-600 mb-8">
เราคือบริษัท IT Services จากสมุทรสาคร ที่เชื่อว่า SMEs ไทย ก็ควรมีเว็บไซต์คุณภาพในราคาที่จับต้องได้
ใช้ AI Agents (OpenClaw) ช่วยทำงานให้รวดเร็ว ลดต้นทุน ส่งมอบงานไว
</p>
<a href="/about-us" class="text-secondary font-medium hover:underline text-lg">อ่านเกี่ยวกับเรา →</a>
</div>
</div>
</section>
<!-- CTA Section -->
<section id="contactform" class="py-20 gradient-ai text-white">
<section class="py-20 gradient-cta text-white">
<div class="container mx-auto px-4 text-center">
<h2 class="text-4xl md:text-6xl font-bold mb-6">พร้อมเปลี่ยนองค์กรด้วย AI หรือยัง?</h2>
<p class="text-2xl text-gray-100 mb-10 max-w-3xl mx-auto">ปรึกษาผู้เชี่ยวชาญฟรี</p>
<h2 class="text-4xl md:text-6xl font-bold mb-6">พร้อมเริ่มหรือยัง?</h2>
<p class="text-2xl text-gray-100 mb-10 max-w-3xl mx-auto">
อย่าให้งบประมาณเป็นอุปสรรคต่อการเติบโตของธุรกิจคุณ
<br />ปรึกษาฟรี ไม่มีค่าใช้จ่ายใดๆ ทั้งสิ้น
</p>
<div class="flex flex-col sm:flex-row gap-5 justify-center">
<a href="tel:0809955945" class="bg-white text-accent-blue px-8 py-4 rounded-full font-bold text-xl hover:bg-gray-100 transition shadow-xl inline-flex items-center justify-center gap-2">📞 080-995-5945</a>
<a href="https://line.me/" target="_blank" rel="noopener noreferrer" class="bg-green-500 text-white px-8 py-4 rounded-full font-bold text-xl hover:bg-green-600 transition shadow-xl inline-flex items-center justify-center gap-2">💬 เพิ่ม Line</a>
<a href="https://line.me/" target="_blank" rel="noopener noreferrer" class="bg-[#06C755] text-white px-8 py-4 rounded-full font-bold text-xl hover:bg-green-600 transition shadow-xl inline-flex items-center justify-center gap-2">
💬 ทัก Line
</a>
<a href="tel:0809955945" class="bg-white text-secondary px-8 py-4 rounded-full font-bold text-xl hover:bg-gray-100 transition shadow-xl inline-flex items-center justify-center gap-2">
📞 โทรเลย
</a>
</div>
<p class="mt-6 text-gray-200 text-base">หรืออีเมลมาที่ contact@moreminimore.com</p>
</div>
</section>
<!-- Floating Contact Button -->
<div class="floating-contact">
<a href="https://line.me/" target="_blank" rel="noopener noreferrer" class="floating-contact-btn bg-[#06C755] text-white" title="ทัก Line">
<svg class="w-8 h-8" fill="currentColor" viewBox="0 0 24 24"><path d="M20.447 20.452h-3.554v-5.569c0-1.328-.027-3.037-1.852-3.037-1.853 0-2.136 1.445-2.136 2.939v5.667H9.351V9h3.414v1.561h.046c.477-.9 1.637-1.85 3.37-1.85 3.601 0 4.267 2.37 4.267 5.455v6.286zM5.337 7.433c-1.144 0-2.063-.926-2.063-2.065 0-1.138.92-2.063 2.063-2.063 1.14 0 2.064.925 2.064 2.063 0 1.139-.925 2.065-2.064 2.065zm1.782 13.019H3.555V9h3.564v11.452z"/></svg>
</a>
<a href="tel:0809955945" class="floating-contact-btn bg-secondary text-white" title="โทรเลย">
<svg class="w-8 h-8" fill="currentColor" viewBox="0 0 24 24"><path d="M20.01 15.38c-1.23 0-2.42-.2-3.53-.56a.977.977 0 00-1.01.24l-1.57 1.97c-2.83-1.35-5.48-3.9-6.89-6.83l1.95-1.66c.27-.28.35-.67.24-1.02-.37-1.11-.56-2.3-.56-3.53 0-.54-.45-.99-.99-.99H4.19C3.65 3 3 3.24 3 3.99 3 13.28 10.73 21 20.01 21c.71 0 .99-.63.99-1.18v-3.45c0-.54-.45-.99-.99-.99z"/></svg>
</a>
</div>
</Layout>