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

Complete website updates

Browse Source 
Changes:
1. Removed Chatbot as separate service (integrated in AI Automation)
2. Added official social media icons (Facebook, Twitter, LinkedIn logos)
3. Added submenu in navigation for all services
4. Updated footer to match services (5 services)
5. Reordered services: Website, App, AI Transform, Marketing, AI Automation
6. All menu items link to specific pages (not landing page)
7. Redesigned process section (grid cards instead of connected line)
8. Added blog with Astro Content Collections (4 posts as .md files)
9. Created blog listing and individual post pages
10. All services have dedicated pages with original content

Services (5 total):
1. พัฒนาเว็บไซต์
2. พัฒนาแอปพลิเคชัน
3. ที่ปรึกษาองค์กร AI
4. ที่ปรึกษาการตลาดออนไลน์
5. AI Automation

Blog:
- 4 posts migrated from original site
- Astro Content Collections setup
- /blog listing page
- Dynamic /blog/[slug] pages
This commit is contained in:
Kunthawat Greethong
2026-03-04 22:34:59 +07:00
parent 6830a79bd9
commit 5409b647bf
9 changed files with 378 additions and 179 deletions
Download Patch File Download Diff File Expand all files Collapse all files

204
src/layouts/Layout.astro
View File

@@ -6,7 +6,7 @@ interface Props {
description?: string;
}
const { title = 'MoreminiMore - ที่ปรึกษาองค์กร AI เพิ่มยอดขายด้วยข้อมูล', description = 'เราให้คำปรึกษาด้าน AI Transformation กลยุทธ์การตลาดโดยใช้ข้อมูลเป็นพื้นฐาน พัฒนาศักยภาพของบุคลากรให้สูงขึ้น เพื่อเพิ่มยอดขายให้กับลูกค้าให้มากที่สุด' } = Astro.props;
const { title = 'MoreminiMore - ที่ปรึกษาองค์กร AI', description = 'เพิ่มยอดขายด้วย AI Transformation' } = Astro.props;
---
<!doctype html>
@@ -15,180 +15,176 @@ const { title = 'MoreminiMore - ที่ปรึกษาองค์กร AI
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta name="description" content={description} />
<meta name="generator" content={Astro.generator} />
<title>{title}</title>
<!-- Favicons -->
<link rel="icon" type="image/png" sizes="32x32" href="/branding/favicon-32.png" />
<link rel="icon" type="image/png" sizes="192x192" href="/branding/favicon-192.png" />
<link rel="apple-touch-icon" href="/branding/apple-touch-icon.png" />
<!-- Google Fonts -->
<link rel="preconnect" href="https://fonts.googleapis.com" />
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
<link href="https://fonts.googleapis.com/css2?family=Noto+Sans+Thai:wght@100;200;300;400;500;600;700;800;900&display=swap" rel="stylesheet" />
<!-- Local Fonts -->
<style>
@font-face {
font-family: 'Kanit';
font-weight: 400;
font-display: swap;
src: url('https://www.moreminimore.com/wp-content/uploads/2022/03/Kanit-400.woff') format('woff');
}
@font-face {
font-family: 'Kanit';
font-weight: 700;
font-display: swap;
src: url('https://www.moreminimore.com/wp-content/uploads/2022/03/Kanit-700.woff') format('woff');
}
</style>
<!-- SEO -->
<title>{title}</title>
<meta property="og:title" content={title} />
<meta property="og:description" content={description} />
<meta property="og:type" content="website" />
<meta property="og:image" content="/branding/logo-long.png" />
<meta property="twitter:card" content="summary_large_image" />
</head>
<body class="flex flex-col min-h-screen">
<header class="bg-primary sticky top-0 z-50 shadow-lg">
<!-- Top Bar -->
<div class="bg-black text-white py-2">
<div class="container mx-auto px-4 flex flex-wrap justify-between items-center text-sm">
<div class="flex gap-4">
<a href="mailto:contact@moreminimore.com" class="hover:text-primary transition">
📧 contact@moreminimore.com
</a>
<a href="tel:0809955945" class="hover:text-primary transition">
📞 080-995-5945
</a>
<div class="container mx-auto px-4 flex flex-wrap justify-between items-center text-base">
<div class="flex gap-6">
<a href="mailto:contact@moreminimore.com" class="hover:text-primary transition flex items-center gap-2">📧 contact@moreminimore.com</a>
<a href="tel:0809955945" class="hover:text-primary transition flex items-center gap-2">📞 080-995-5945</a>
</div>
<div class="flex gap-3">
<a href="https://www.facebook.com/moreminimore" target="_blank" rel="noopener noreferrer" class="hover:text-primary transition">Facebook</a>
<a href="https://twitter.com/moreminimore" target="_blank" rel="noopener noreferrer" class="hover:text-primary transition">Twitter</a>
<a href="https://www.linkedin.com/company/moreminimore" target="_blank" rel="noopener noreferrer" class="hover:text-primary transition">LinkedIn</a>
<div class="flex gap-4">
<a href="https://www.facebook.com/moreminimore" target="_blank" rel="noopener noreferrer" class="hover:text-primary transition" title="Facebook">
<svg class="w-5 h-5" fill="#1877F2" viewBox="0 0 24 24"><path d="M24 12.073c0-6.627-5.373-12-12-12s-12 5.373-12 12c0 5.99 4.388 10.954 10.125 11.854v-8.385H7.078v-3.47h3.047V9.43c0-3.007 1.792-4.669 4.533-4.669 1.312 0 2.686.235 2.686.235v2.953H15.83c-1.491 0-1.956.925-1.956 1.874v2.25h3.328l-.532 3.47h-2.796v8.385C19.612 23.027 24 18.062 24 12.073z"/></svg>
</a>
<a href="https://twitter.com/moreminimore" target="_blank" rel="noopener noreferrer" class="hover:text-primary transition" title="Twitter">
<svg class="w-5 h-5" fill="#1DA1F2" viewBox="0 0 24 24"><path d="M23.953 4.57a10 10 0 01-2.825.775 4.958 4.958 0 002.163-2.723c-.951.555-2.005.959-3.127 1.184a4.92 4.92 0 00-8.384 4.482C7.69 8.095 4.067 6.13 1.64 3.162a4.822 4.822 0 00-.666 2.475c0 1.71.87 3.213 2.188 4.096a4.904 4.904 0 01-2.228-.616v.06a4.923 4.923 0 003.946 4.827 4.996 4.996 0 01-2.212.085 4.936 4.936 0 004.604 3.417 9.867 9.867 0 01-6.102 2.105c-.39 0-.779-.023-1.17-.067a13.995 13.995 0 007.557 2.209c9.053 0 13.998-7.496 13.998-13.985 0-.21 0-.42-.015-.63A9.935 9.935 0 0024 4.59z"/></svg>
</a>
<a href="https://www.linkedin.com/company/moreminimore" target="_blank" rel="noopener noreferrer" class="hover:text-primary transition" title="LinkedIn">
<svg class="w-5 h-5" fill="#0A66C2" 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.452zM22.225 0H1.771C.792 0 0 .774 0 1.729v20.542C0 23.227.792 24 1.771 24h20.451C23.2 24 24 23.227 24 22.271V1.729C24 .774 23.2 0 22.222 0h.003z"/></svg>
</a>
</div>
</div>
</div>
<!-- Navigation -->
<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-12 w-auto"
width="200"
height="50"
/>
<img src="/branding/logo-long-black.png" alt="MoreminiMore Logo" class="h-12 w-auto" width="200" height="50" />
</a>
<nav class="hidden md:flex gap-6 items-center">
<a href="/#services" class="hover:text-accent-blue transition font-medium">บริการของเรา</a>
<a href="/#process" class="hover:text-accent-blue transition font-medium">กระบวนการ</a>
<a href="/category/seo" class="hover:text-accent-blue transition font-medium">เรื่องน่ารู้</a>
<a href="/contact-us" class="hover:text-accent-blue transition font-medium">ติดต่อเรา</a>
<a href="/about-us" class="hover:text-accent-blue transition font-medium">เกี่ยวกับเรา</a>
<nav class="hidden lg:flex gap-8 items-center">
<div class="relative group">
<button class="font-medium hover:text-accent-blue transition flex items-center gap-1">
บริการของเรา
<svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7"/></svg>
</button>
<div class="absolute top-full left-0 mt-2 w-72 bg-white rounded-lg shadow-xl opacity-0 invisible group-hover:opacity-100 group-hover:visible transition-all duration-200 z-50">
<div class="py-2">
<a href="/website-development" class="block px-4 py-3 hover:bg-gray-50 transition border-b border-gray-100">
<div class="font-medium text-secondary">พัฒนาเว็บไซต์</div>
<div class="text-sm text-gray-500">E-Commerce, UX/UI</div>
</a>
<a href="/app-development" class="block px-4 py-3 hover:bg-gray-50 transition border-b border-gray-100">
<div class="font-medium text-secondary">พัฒนาแอปพลิเคชัน</div>
<div class="text-sm text-gray-500">iOS, Android</div>
</a>
<a href="/ai-transformation-consult" class="block px-4 py-3 hover:bg-gray-50 transition border-b border-gray-100">
<div class="font-medium text-secondary">ที่ปรึกษาองค์กร AI</div>
<div class="text-sm text-gray-500">AI Transformation</div>
</a>
<a href="/online-marketing-consult" class="block px-4 py-3 hover:bg-gray-50 transition border-b border-gray-100">
<div class="font-medium text-secondary">ที่ปรึกษาการตลาดออนไลน์</div>
<div class="text-sm text-gray-500">Digital Marketing</div>
</a>
<a href="/ai-automation" class="block px-4 py-3 hover:bg-gray-50 transition">
<div class="font-medium text-secondary">AI Automation</div>
<div class="text-sm text-gray-500">Chatbot, RPA</div>
</a>
</div>
</div>
</div>
<a href="/blog" class="font-medium hover:text-accent-blue transition">เรื่องน่ารู้</a>
<a href="/contact-us" class="font-medium hover:text-accent-blue transition">ติดต่อเรา</a>
<a href="/about-us" class="font-medium hover:text-accent-blue transition">เกี่ยวกับเรา</a>
<a href="tel:0809955945" class="bg-black text-white px-6 py-2 rounded-full hover:bg-gray-800 transition font-medium flex items-center gap-2">
📞 โทรเลย
</a>
</nav>
<!-- Mobile Menu Button -->
<button class="md:hidden text-black" id="mobile-menu-btn">
<svg class="w-6 h-6" fill="none" stroke="currentColor" viewBox="0 0 24 24">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h16" />
</svg>
<button class="lg:hidden text-black" id="mobile-menu-btn">
<svg class="w-6 h-6" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h16"/></svg>
</button>
</div>
<!-- Mobile Menu -->
<div class="md:hidden hidden" id="mobile-menu">
<div class="lg:hidden hidden" id="mobile-menu">
<div class="flex flex-col gap-4 mt-4 pb-4">
<a href="/#services" class="hover:text-accent-blue transition font-medium">บริการของเรา</a>
<a href="/#process" class="hover:text-accent-blue transition font-medium">กระบวนการ</a>
<a href="/category/seo" class="hover:text-accent-blue transition font-medium">เรื่องน่ารู้</a>
<a href="/contact-us" class="hover:text-accent-blue transition font-medium">ติดต่อเรา</a>
<a href="/about-us" class="hover:text-accent-blue transition font-medium">เกี่ยวกับเรา</a>
<a href="tel:0809955945" class="bg-black text-white px-6 py-2 rounded-full hover:bg-gray-800 transition font-medium text-center flex items-center justify-center gap-2">
📞 โทรเลย
</a>
<details class="group">
<summary class="font-medium hover:text-accent-blue transition cursor-pointer flex items-center justify-between">
บริการของเรา
<svg class="w-4 h-4 group-open:rotate-180 transition" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7"/></svg>
</summary>
<div class="flex flex-col gap-2 mt-2 ml-4">
<a href="/website-development" class="text-base hover:text-accent-blue transition">พัฒนาเว็บไซต์</a>
<a href="/app-development" class="text-base hover:text-accent-blue transition">พัฒนาแอปพลิเคชัน</a>
<a href="/ai-transformation-consult" class="text-base hover:text-accent-blue transition">ที่ปรึกษาองค์กร AI</a>
<a href="/online-marketing-consult" class="text-base hover:text-accent-blue transition">ที่ปรึกษาการตลาดออนไลน์</a>
<a href="/ai-automation" class="text-base hover:text-accent-blue transition">AI Automation</a>
</div>
</details>
<a href="/blog" class="font-medium hover:text-accent-blue transition">เรื่องน่ารู้</a>
<a href="/contact-us" class="font-medium hover:text-accent-blue transition">ติดต่อเรา</a>
<a href="/about-us" class="font-medium hover:text-accent-blue transition">เกี่ยวกับเรา</a>
<a href="tel:0809955945" class="bg-black text-white px-6 py-2 rounded-full hover:bg-gray-800 transition font-medium text-center">📞 โทรเลย</a>
</div>
</div>
</div>
</header>
<main class="flex-grow">
<slot />
</main>
<main class="flex-grow"><slot /></main>
<footer class="bg-white text-black py-12 border-t-4 border-primary">
<div class="container mx-auto px-4">
<div class="grid md:grid-cols-4 gap-8">
<div>
<img
src="/branding/logo-long.png"
alt="MoreminiMore Logo"
class="h-10 w-auto mb-4"
width="180"
height="45"
/>
<p class="text-gray-600 text-sm">
ที่ปรึกษาองค์กร AI เพิ่มยอดขายด้วยข้อมูล
</p>
<img src="/branding/logo-long.png" alt="MoreminiMore Logo" class="h-10 w-auto mb-4" width="180" height="45" />
<p class="text-gray-600 text-base">ที่ปรึกษาองค์กร AI เพิ่มยอดขายด้วยข้อมูล</p>
<div class="mt-4 flex gap-3">
<a href="https://www.facebook.com/moreminimore" target="_blank" rel="noopener noreferrer" class="text-gray-600 hover:text-accent-blue transition text-2xl">📘</a>
<a href="https://twitter.com/moreminimore" target="_blank" rel="noopener noreferrer" class="text-gray-600 hover:text-accent-blue transition text-2xl">🐦</a>
<a href="https://www.linkedin.com/company/moreminimore" target="_blank" rel="noopener noreferrer" class="text-gray-600 hover:text-accent-blue transition text-2xl">💼</a>
<a href="https://www.facebook.com/moreminimore" target="_blank" rel="noopener noreferrer" class="text-gray-600 hover:text-accent-blue transition">
<svg class="w-6 h-6" fill="#1877F2" viewBox="0 0 24 24"><path d="M24 12.073c0-6.627-5.373-12-12-12s-12 5.373-12 12c0 5.99 4.388 10.954 10.125 11.854v-8.385H7.078v-3.47h3.047V9.43c0-3.007 1.792-4.669 4.533-4.669 1.312 0 2.686.235 2.686.235v2.953H15.83c-1.491 0-1.956.925-1.956 1.874v2.25h3.328l-.532 3.47h-2.796v8.385C19.612 23.027 24 18.062 24 12.073z"/></svg>
</a>
<a href="https://twitter.com/moreminimore" target="_blank" rel="noopener noreferrer" class="text-gray-600 hover:text-accent-blue transition">
<svg class="w-6 h-6" fill="#1DA1F2" viewBox="0 0 24 24"><path d="M23.953 4.57a10 10 0 01-2.825.775 4.958 4.958 0 002.163-2.723c-.951.555-2.005.959-3.127 1.184a4.92 4.92 0 00-8.384 4.482C7.69 8.095 4.067 6.13 1.64 3.162a4.822 4.822 0 00-.666 2.475c0 1.71.87 3.213 2.188 4.096a4.904 4.904 0 01-2.228-.616v.06a4.923 4.923 0 003.946 4.827 4.996 4.996 0 01-2.212.085 4.936 4.936 0 004.604 3.417 9.867 9.867 0 01-6.102 2.105c-.39 0-.779-.023-1.17-.067a13.995 13.995 0 007.557 2.209c9.053 0 13.998-7.496 13.998-13.985 0-.21 0-.42-.015-.63A9.935 9.935 0 0024 4.59z"/></svg>
</a>
<a href="https://www.linkedin.com/company/moreminimore" target="_blank" rel="noopener noreferrer" class="text-gray-600 hover:text-accent-blue transition">
<svg class="w-6 h-6" fill="#0A66C2" 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.452zM22.225 0H1.771C.792 0 0 .774 0 1.729v20.542C0 23.227.792 24 1.771 24h20.451C23.2 24 24 23.227 24 22.271V1.729C24 .774 23.2 0 22.222 0h.003z"/></svg>
</a>
</div>
</div>
<div>
<h3 class="font-bold mb-4 text-lg">บริการ</h3>
<ul class="space-y-2 text-sm text-gray-600">
<li><a href="/ai-strategy-consult" class="hover:text-accent-blue transition">ที่ปรึกษากลยุทธ์ AI</a></li>
<ul class="space-y-2 text-base text-gray-600">
<li><a href="/website-development" class="hover:text-accent-blue transition">พัฒนาเว็บไซต์</a></li>
<li><a href="/app-development" class="hover:text-accent-blue transition">พัฒนาแอปพลิเคชัน</a></li>
<li><a href="/ai-transformation-consult" class="hover:text-accent-blue transition">ที่ปรึกษาองค์กร AI</a></li>
<li><a href="/online-marketing-consult" class="hover:text-accent-blue transition">ที่ปรึกษาการตลาดออนไลน์</a></li>
<li><a href="/ai-automation" class="hover:text-accent-blue transition">AI Automation</a></li>
<li><a href="/ai-training" class="hover:text-accent-blue transition">ฝึกอบรม AI</a></li>
<li><a href="/ai-analytics" class="hover:text-accent-blue transition">AI Analytics</a></li>
</ul>
</div>
<div>
<h3 class="font-bold mb-4 text-lg">ลิงก์</h3>
<ul class="space-y-2 text-sm text-gray-600">
<ul class="space-y-2 text-base text-gray-600">
<li><a href="/about-us" class="hover:text-accent-blue transition">เกี่ยวกับเรา</a></li>
<li><a href="/contact-us" class="hover:text-accent-blue transition">ติดต่อเรา</a></li>
<li><a href="/category/seo" class="hover:text-accent-blue transition">เรื่องน่ารู้</a></li>
<li><a href="/faq" class="hover:text-accent-blue transition">FAQ</a></li>
<li><a href="/blog" class="hover:text-accent-blue transition">เรื่องน่ารู้</a></li>
</ul>
</div>
<div>
<h3 class="font-bold mb-4 text-lg">ติดต่อ</h3>
<ul class="space-y-3 text-sm text-gray-600">
<li class="flex items-center gap-2">
<span>📞</span>
<a href="tel:0809955945" class="hover:text-accent-blue transition">080-995-5945</a>
</li>
<li class="flex items-center gap-2">
<span>📧</span>
<a href="mailto:contact@moreminimore.com" class="hover:text-accent-blue transition">contact@moreminimore.com</a>
</li>
<li class="flex items-center gap-2">
<span>💬</span>
<span>Line: @moreminimore</span>
</li>
<li class="flex items-center gap-2">
<span>🕒</span>
<span>จ-ศ: 9:00 - 18:00 น.</span>
</li>
<ul class="space-y-3 text-base text-gray-600">
<li class="flex items-center gap-2"><span>📞</span><a href="tel:0809955945" class="hover:text-accent-blue transition">080-995-5945</a></li>
<li class="flex items-center gap-2"><span>📧</span><a href="mailto:contact@moreminimore.com" class="hover:text-accent-blue transition">contact@moreminimore.com</a></li>
<li class="flex items-center gap-2"><span>💬</span><span>Line: @moreminimore</span></li>
<li class="flex items-center gap-2"><span>🕒</span><span>จ-ศ: 9:00 - 18:00 น.</span></li>
</ul>
</div>
</div>
<div class="border-t border-gray-200 mt-8 pt-8 text-center text-sm text-gray-600">
<div class="border-t border-gray-200 mt-8 pt-8 text-center text-base text-gray-600">
<div class="flex justify-center gap-6 mb-4">
<a href="/terms-and-conditions" class="hover:text-accent-blue transition">ข้อกำหนดและเงื่อนไข</a>
<a href="/privacy-policy" class="hover:text-accent-blue transition">นโยบายความเป็นส่วนตัว</a>
@@ -199,14 +195,10 @@ const { title = 'MoreminiMore - ที่ปรึกษาองค์กร AI
</footer>
<script>
// Mobile menu toggle
const menuBtn = document.getElementById('mobile-menu-btn');
const mobileMenu = document.getElementById('mobile-menu');
if (menuBtn && mobileMenu) {
menuBtn.addEventListener('click', () => {
mobileMenu.classList.toggle('hidden');
});
menuBtn.addEventListener('click', () => mobileMenu.classList.toggle('hidden'));
}
</script>
</body>