Fix: Merge headers, add Promotion page, fix image 404s
Changes: 1. MERGED 2 HEADERS INTO 1: - Removed black top bar with contact info - Single clean header with navigation only - Contact info moved to footer only - Cleaner, more professional look 2. CREATED PROMOTION PAGE (/promotion): - Moved all 'free website' content from homepage - Complete pricing table (3 packages) - 'Why Free' section explaining business model - 3-step process - Strong CTAs 3. UPDATED HOMEPAGE: - Removed free website promotion content - Focus on overall IT services - Added latest blog posts section (3 posts) - Cleaner, more professional messaging - Stats section (50+ businesses, 10x faster, etc.) 4. FIXED IMAGE 404 ERRORS: - Generated hero image for homepage - Created /public/images/hero/ directory - All pages now use valid image paths 5. NAVIGATION UPDATED: - Added Promotion link (optional, can add to nav) - Streamlined menu items - Better mobile menu Build: 20 pages, 1.36s
This commit is contained in:
Kunthawat Greethong
@@ -2,134 +2,58 @@
|
||||
import Layout from '../layouts/Layout.astro'
|
||||
---
|
||||
|
||||
<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>
|
||||
|
||||
<Layout title="moreminimore | IT Services สำหรับ SMEs ไทย">
|
||||
<!-- Hero Section -->
|
||||
<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 leading-tight">
|
||||
เว็บไซต์ฟรี มีจริง!
|
||||
IT Solutions เพื่อ SMEs ไทย
|
||||
<br />
|
||||
<span class="text-primary">จ่ายแค่ค่า Server รายปี</span>
|
||||
<span class="text-primary">รวดเร็ว คุ้มค่า ด้วยพลัง AI</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 เท่า
|
||||
moreminimore มอบบริการ IT Solutions ครบวงจร ตั้งแต่เว็บไซต์ ระบบอัตโนมัติ
|
||||
จนถึงการปรึกษา AI ด้วยทีมงานผู้เชี่ยวชาญและเทคโนโลยีล่าสุด
|
||||
</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="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>
|
||||
|
||||
<!-- Why Choose Us -->
|
||||
<section 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">ทำไมต้อง 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="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="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="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="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>
|
||||
<a href="/contact-us" 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">ดูบริการทั้งหมด</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- Services Section - 3 Services (New Design) -->
|
||||
<!-- Services Section -->
|
||||
<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>
|
||||
<p class="text-xl text-gray-600 max-w-3xl mx-auto">ครบทุกความต้องการด้าน IT ของธุรกิจคุณ</p>
|
||||
</div>
|
||||
|
||||
<div class="grid md:grid-cols-3 gap-8 max-w-6xl mx-auto">
|
||||
<!-- Service 1: Web Development -->
|
||||
<!-- Service 1 -->
|
||||
<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 -->
|
||||
<!-- Service 2 -->
|
||||
<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 -->
|
||||
<!-- Service 3 -->
|
||||
<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>
|
||||
@@ -140,29 +64,62 @@ import Layout from '../layouts/Layout.astro'
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- How It Works (3 Steps from New Design) -->
|
||||
<!-- Why Choose Us -->
|
||||
<section class="py-20 bg-secondary text-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">ทำไมต้อง moreminimore?</h2>
|
||||
<p class="text-xl text-gray-200 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-white/10 backdrop-blur rounded-2xl">
|
||||
<div class="text-5xl mb-4">⚡</div>
|
||||
<h3 class="text-xl font-bold mb-3">รวดเร็ว</h3>
|
||||
<p class="text-gray-200">ใช้ AI Agents ช่วยทำงานเร็ว 10 เท่า</p>
|
||||
</div>
|
||||
<div class="text-center p-8 bg-white/10 backdrop-blur rounded-2xl">
|
||||
<div class="text-5xl mb-4">💰</div>
|
||||
<h3 class="text-xl font-bold mb-3">คุ้มค่า</h3>
|
||||
<p class="text-gray-200">ราคาเข้าถึงได้ ไม่มีต้นทุนแฝง</p>
|
||||
</div>
|
||||
<div class="text-center p-8 bg-white/10 backdrop-blur rounded-2xl">
|
||||
<div class="text-5xl mb-4">🚀</div>
|
||||
<h3 class="text-xl font-bold mb-3">พร้อมอนาคต</h3>
|
||||
<p class="text-gray-200">ระบบออกแบบมาให้ต่อยอด AI ได้</p>
|
||||
</div>
|
||||
<div class="text-center p-8 bg-white/10 backdrop-blur rounded-2xl">
|
||||
<div class="text-5xl mb-4">🤝</div>
|
||||
<h3 class="text-xl font-bold mb-3">เข้าใจ SMEs</h3>
|
||||
<p class="text-gray-200">เราคือ SMEs เหมือนกัน</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- Process Preview -->
|
||||
<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>
|
||||
<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 ขั้นตอนง่ายๆ ได้งานพร้อมใช้</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>
|
||||
<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>
|
||||
<h3 class="text-2xl font-bold mb-3">พัฒนา</h3>
|
||||
<p class="text-gray-600">ทีมงาน + AI สร้างงานให้รวดเร็ว</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>
|
||||
<h3 class="text-2xl font-bold mb-3">ใช้งานจริง</h3>
|
||||
<p class="text-gray-600">พร้อมขาย พร้อมเติบโต</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@@ -175,13 +132,96 @@ import Layout from '../layouts/Layout.astro'
|
||||
<!-- 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 class="grid md:grid-cols-2 gap-12 items-center max-w-6xl mx-auto">
|
||||
<div>
|
||||
<h2 class="text-4xl md:text-5xl font-bold mb-6">เกี่ยวกับ moreminimore</h2>
|
||||
<p class="text-lg text-gray-600 mb-8">
|
||||
moreminimore เกิดขึ้นจากความตั้งใจที่จะลดช่องว่างระหว่างธุรกิจใหญ่และ SMEs ด้านเทคโนโลยี
|
||||
เราเชื่อว่าธุรกิจทุกขนาดควรมีโอกาสใช้เทคโนโลยีคุณภาพ
|
||||
</p>
|
||||
<a href="/about-us" class="text-secondary font-medium hover:underline text-lg">อ่านเกี่ยวกับเรา →</a>
|
||||
</div>
|
||||
<div class="bg-gray-light p-8 rounded-2xl">
|
||||
<div class="grid grid-cols-2 gap-6">
|
||||
<div class="text-center">
|
||||
<div class="text-5xl font-bold text-secondary mb-2">50+</div>
|
||||
<div class="text-gray-600">ธุรกิจที่ไว้ใจเรา</div>
|
||||
</div>
|
||||
<div class="text-center">
|
||||
<div class="text-5xl font-bold text-secondary mb-2">10x</div>
|
||||
<div class="text-gray-600">เร็วขึ้นด้วย AI</div>
|
||||
</div>
|
||||
<div class="text-center">
|
||||
<div class="text-5xl font-bold text-secondary mb-2">100%</div>
|
||||
<div class="text-gray-600">มุ่งมั่นเพื่อลูกค้า</div>
|
||||
</div>
|
||||
<div class="text-center">
|
||||
<div class="text-5xl font-bold text-secondary mb-2">24/7</div>
|
||||
<div class="text-gray-600">Support พร้อมช่วย</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- Latest Blog Posts -->
|
||||
<section 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">เรื่องน่ารู้ล่าสุด</h2>
|
||||
<p class="text-xl text-gray-600 max-w-3xl mx-auto">บทความเกี่ยวกับ SEO, AI และดิจิตอลมาร์เก็ตติ้ง</p>
|
||||
</div>
|
||||
|
||||
<div class="grid md:grid-cols-3 gap-8 max-w-6xl mx-auto">
|
||||
<!-- Blog 1 -->
|
||||
<article class="bg-white rounded-2xl overflow-hidden shadow-md card-hover">
|
||||
<div class="p-6">
|
||||
<div class="flex flex-wrap gap-2 mb-4">
|
||||
<span class="text-xs bg-accent-blue text-white px-3 py-1 rounded-full">SEO</span>
|
||||
<span class="text-xs bg-accent-blue text-white px-3 py-1 rounded-full">Google</span>
|
||||
</div>
|
||||
<h3 class="text-xl font-bold mb-3 hover:text-secondary transition">
|
||||
<a href="/blog/core-web-vitals/" class="hover:underline">Core Web Vitals และ UX ปัจจัยการจัดอันดับ Google</a>
|
||||
</h3>
|
||||
<p class="text-gray-600 mb-4 line-clamp-3">ทำความเข้าใจ Core Web Vitals และ User Experience ที่มีผลต่อการจัดอันดับเว็บไซต์บน Google</p>
|
||||
<a href="/blog/core-web-vitals/" class="text-secondary font-medium hover:underline flex items-center gap-2">อ่านเพิ่มเติม →</a>
|
||||
</div>
|
||||
</article>
|
||||
|
||||
<!-- Blog 2 -->
|
||||
<article class="bg-white rounded-2xl overflow-hidden shadow-md card-hover">
|
||||
<div class="p-6">
|
||||
<div class="flex flex-wrap gap-2 mb-4">
|
||||
<span class="text-xs bg-accent-blue text-white px-3 py-1 rounded-full">SEO</span>
|
||||
<span class="text-xs bg-accent-blue text-white px-3 py-1 rounded-full">Images</span>
|
||||
</div>
|
||||
<h3 class="text-xl font-bold mb-3 hover:text-secondary transition">
|
||||
<a href="/blog/alt-text-seo/" class="hover:underline">ALT Text กับ SEO ปัจจัยที่ 3 ของ Google</a>
|
||||
</h3>
|
||||
<p class="text-gray-600 mb-4 line-clamp-3">การเขียน ALT Text สำหรับรูปภาพ ช่วย SEO อย่างไร และทำไม Google ให้ความสำคัญ</p>
|
||||
<a href="/blog/alt-text-seo/" class="text-secondary font-medium hover:underline flex items-center gap-2">อ่านเพิ่มเติม →</a>
|
||||
</div>
|
||||
</article>
|
||||
|
||||
<!-- Blog 3 -->
|
||||
<article class="bg-white rounded-2xl overflow-hidden shadow-md card-hover">
|
||||
<div class="p-6">
|
||||
<div class="flex flex-wrap gap-2 mb-4">
|
||||
<span class="text-xs bg-accent-blue text-white px-3 py-1 rounded-full">SEO</span>
|
||||
<span class="text-xs bg-accent-blue text-white px-3 py-1 rounded-full">Ranking</span>
|
||||
</div>
|
||||
<h3 class="text-xl font-bold mb-3 hover:text-secondary transition">
|
||||
<a href="/blog/8-seo-factors/" class="hover:underline">8 ปัจจัย SEO สำหรับ Google Ranking</a>
|
||||
</h3>
|
||||
<p class="text-gray-600 mb-4 line-clamp-3">8 ปัจจัยสำคัญที่ Google ใช้ในการจัดอันดับเว็บไซต์ คุณทำครบหรือยัง?</p>
|
||||
<a href="/blog/8-seo-factors/" class="text-secondary font-medium hover:underline flex items-center gap-2">อ่านเพิ่มเติม →</a>
|
||||
</div>
|
||||
</article>
|
||||
</div>
|
||||
|
||||
<div class="text-center mt-12">
|
||||
<a href="/blog" class="btn-secondary text-xl">ดูบทความทั้งหมด</a>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
@@ -189,30 +229,15 @@ import Layout from '../layouts/Layout.astro'
|
||||
<!-- CTA Section -->
|
||||
<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">พร้อมเริ่มหรือยัง?</h2>
|
||||
<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 />ปรึกษาฟรี ไม่มีค่าใช้จ่ายใดๆ ทั้งสิ้น
|
||||
ปรึกษาฟรี ไม่มีค่าใช้จ่ายใดๆ ทั้งสิ้น
|
||||
<br />เราพร้อมช่วยธุรกิจคุณเติบโตด้วยเทคโนโลยี
|
||||
</p>
|
||||
<div class="flex flex-col sm:flex-row gap-5 justify-center">
|
||||
<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>
|
||||
<a href="https://line.me/" 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>
|
||||
|
||||
Reference in New Issue
Block a user