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

16
src/content.config.ts Normal file
View File

@@ -0,0 +1,16 @@
import { defineCollection, z } from 'astro:content';
const blog = defineCollection({
type: 'content',
schema: z.object({
title: z.string(),
description: z.string(),
pubDate: z.coerce.date(),
author: z.string(),
tags: z.array(z.string()),
}),
});
export const collections = {
blog,
};

35
src/content/blog/8-seo-factors.md Normal file
View File

@@ -0,0 +1,35 @@
---
title: '8 ปัจจัย SEO สำหรับ Google Ranking'
description: '8 ปัจจัยสำคัญที่ Google ใช้ในการจัดอันดับเว็บไซต์ คุณทำครบหรือยัง?'
pubDate: 2024-01-05
author: 'MoreminiMore Team'
tags: ['SEO', 'Google', 'Ranking']
---
## 8 ปัจจัย SEO สำคัญ
### 1. Content Quality
เนื้อหาต้องมีคุณภาพสูง มีประโยชน์ และเกี่ยวข้องกับคำค้นหา
### 2. Keywords
ใช้คำค้นหาที่เหมาะสมในตำแหน่งสำคัญ เช่น Title, H1, Meta Description
### 3. Page Speed
ความเร็วในการโหลดหน้าเว็บ ส่งผลต่ออันดับและประสบการณ์ผู้ใช้
### 4. Mobile-Friendly
เว็บไซต์ต้องแสดงผลได้ดีบนมือถือ
### 5. Backlinks
ลิงก์จากเว็บไซต์อื่นที่มีคุณภาพ ช่วยเพิ่มความน่าเชื่อถือ
### 6. User Experience
ประสบการณ์การใช้งานที่ดี ลด Bounce Rate เพิ่ม Time on Site
### 7. Technical SEO
โครงสร้างเว็บไซต์ที่ถูกต้อง Schema markup, SSL
### 8. Local SEO
สำหรับธุรกิจท้องถิ่น Google My Business สำคัญมาก
ทำครบทั้ง 8 ปัจจัย เว็บไซต์ของคุณจะติดอันดับ Google แน่นอน!

27
src/content/blog/alt-text-seo.md Normal file
View File

@@ -0,0 +1,27 @@
---
title: 'ALT Text กับ SEO ปัจจัยที่ 3 ของ Google'
description: 'การเขียน ALT Text สำหรับรูปภาพ ช่วย SEO อย่างไร และทำไม Google ให้ความสำคัญ'
pubDate: 2024-01-10
author: 'MoreminiMore Team'
tags: ['SEO', 'Images', 'Google']
---
## ALT Text สำคัญอย่างไร?
ALT Text (Alternative Text) คือข้อความที่ใช้อธิบายรูปภาพ ซึ่งมีความสำคัญต่อ SEO
### ประโยชน์ของ ALT Text
1. **ช่วย Google เข้าใจรูปภาพ** - Google ไม่สามารถเห็นรูปภาพได้ ต้องใช้ ALT Text ในการอธิบาย
2. **เพิ่มโอกาส出现在 Google Images** - รูปภาพมีโอกาส出现在การค้นหาภาพ
3. **ปรับปรุง Accessibility** - ช่วยผู้ที่ใช้ Screen Reader
4. **แสดงแทนเมื่อรูปภาพโหลดไม่สำเร็จ**
### วิธีเขียน ALT Text ที่ดี
- อธิบายรูปภาพอย่างชัดเจน
- ใช้คำที่เกี่ยวข้องกับเนื้อหา
- ไม่ยาวเกินไป (ประมาณ 125 ตัวอักษร)
- ไม่ใช้คำว่า "image of" หรือ "picture of"
การเขียน ALT Text ที่ดีจะช่วยให้ SEO ของคุณดีขึ้นอย่างเห็นได้ชัด!

26
src/content/blog/core-web-vitals.md Normal file
View File

@@ -0,0 +1,26 @@
---
title: 'Core Web Vitals และ UX ปัจจัยการจัดอันดับ Google'
description: 'ทำความเข้าใจ Core Web Vitals และ User Experience ที่มีผลต่อการจัดอันดับเว็บไซต์บน Google'
pubDate: 2024-01-15
author: 'MoreminiMore Team'
tags: ['SEO', 'Google', 'UX']
---
## Core Web Vitals คืออะไร?
Core Web Vitals เป็นปัจจัยสำคัญที่ Google ใช้ในการประเมินประสบการณ์การใช้งานเว็บไซต์ของคุณ
### 3 ปัจจัยหลัก
1. **LCP (Largest Contentful Paint)** - ความเร็วในการโหลดเนื้อหาหลัก ควรต่ำกว่า 2.5 วินาที
2. **FID (First Input Delay)** - เวลาตอบสนองต่อการโต้ตอบครั้งแรก ควรต่ำกว่า 100 มิลลิวินาที
3. **CLS (Cumulative Layout Shift)** - ความเสถียรของเลย์เอาต์ ควรต่ำกว่า 0.1
### วิธีปรับปรุง
- ใช้รูปภาพที่เหมาะสมและบีบอัด
- ลด JavaScript ที่ไม่จำเป็น
- ใช้ CDN สำหรับเนื้อหาสถิต
- เลือก hosting ที่มีประสิทธิภาพ
การปรับปรุง Core Web Vitals จะช่วยให้เว็บไซต์ของคุณมีอันดับที่ดีขึ้นบน Google!

42
src/content/blog/google-ranking-factors.md Normal file
View File

@@ -0,0 +1,42 @@
---
title: 'Google Ranking Factors พื้นฐาน SEO ที่ต้องรู้'
description: 'เรียนรู้ปัจจัยพื้นฐานที่ Google ใช้ในการจัดอันดับเว็บไซต์ เริ่มต้นทำ SEO ให้ถูกต้อง'
pubDate: 2024-01-01
author: 'MoreminiMore Team'
tags: ['SEO', 'Beginner', 'Google']
---
## พื้นฐาน SEO ที่ต้องรู้
SEO (Search Engine Optimization) คือกระบวนการปรับปรุงเว็บไซต์ให้ติดอันดับดีบน Google
### ปัจจัยพื้นฐาน
#### On-Page SEO
- Title Tag ที่มีคำค้นหา
- Meta Description ที่ดึงดูด
- Header Tags (H1, H2, H3)
- Content ที่มีคุณภาพ
- Internal Linking
#### Off-Page SEO
- Backlinks จากเว็บคุณภาพ
- Social Signals
- Brand Mentions
#### Technical SEO
- Site Speed
- Mobile-Friendly
- SSL Certificate
- XML Sitemap
- Robots.txt
### เริ่มต้นอย่างไร?
1. วิจัยคำค้นหา (Keyword Research)
2. สร้างเนื้อหาคุณภาพ
3. ปรับปรุง On-Page
4. สร้าง Backlinks
5. ติดตามผลและปรับปรุง
SEO เป็นกระบวนการระยะยาว แต่ผลลัพธ์คุ้มค่าแน่นอน!

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>

41
src/pages/blog/[slug].astro Normal file
View File

@@ -0,0 +1,41 @@
---
import Layout from '../../layouts/Layout.astro';
import { getCollection } from 'astro:content';
export async function getStaticPaths() {
const posts = await getCollection('blog');
return posts.map((post) => ({
params: { slug: post.id },
props: { post },
}));
}
const { post } = Astro.props;
---
<Layout title={post.data.title + ' | MoreminiMore'} description={post.data.description}>
<article class="py-20 bg-white">
<div class="container mx-auto px-4 max-w-4xl">
<div class="mb-12">
<div class="flex flex-wrap gap-2 mb-6">
{post.data.tags.map((tag) => (
<span class="text-sm bg-accent-blue text-white px-3 py-1 rounded-full">{tag}</span>
))}
</div>
<h1 class="text-4xl md:text-5xl font-bold mb-6 text-secondary">{post.data.title}</h1>
<div class="flex items-center gap-6 text-gray-600">
<span class="flex items-center gap-2">✍️ {post.data.author}</span>
<span class="flex items-center gap-2">📅 {post.data.pubDate.toLocaleDateString('th-TH', { year: 'numeric', month: 'long', day: 'numeric' })}</span>
</div>
</div>
<div class="prose prose-lg max-w-none prose-headings:text-secondary prose-a:text-accent-blue prose-img:rounded-lg">
<post:Content />
</div>
<div class="mt-12 pt-8 border-t border-gray-200">
<a href="/blog" class="text-accent-blue font-medium hover:underline flex items-center gap-2">← กลับไปหน้าบล็อก</a>
</div>
</div>
</article>
</Layout>

43
src/pages/blog/index.astro Normal file
View File

@@ -0,0 +1,43 @@
---
import Layout from '../../layouts/Layout.astro';
import { getCollection } from 'astro:content';
const posts = await getCollection('blog');
posts.sort((a, b) => b.data.pubDate.valueOf() - a.data.pubDate.valueOf());
---
<Layout title="เรื่องน่ารู้ SEO & AI | MoreminiMore">
<section class="py-20 bg-gradient-hero">
<div class="container mx-auto px-4">
<h1 class="text-5xl md:text-6xl font-bold text-center mb-6 text-secondary">เรื่องน่ารู้</h1>
<p class="text-xl text-center text-gray-600 max-w-3xl mx-auto">บทความเกี่ยวกับ SEO, AI และดิจิตอลมาร์เก็ตติ้ง</p>
</div>
</section>
<section class="py-20 bg-white">
<div class="container mx-auto px-4">
<div class="grid md:grid-cols-2 lg:grid-cols-4 gap-8 max-w-7xl mx-auto">
{posts.map((post) => (
<article class="bg-gray-light rounded-2xl overflow-hidden shadow-md card-hover">
<div class="p-6">
<div class="flex flex-wrap gap-2 mb-4">
{post.data.tags.map((tag) => (
<span class="text-xs bg-accent-blue text-white px-3 py-1 rounded-full">{tag}</span>
))}
</div>
<h2 class="text-xl font-bold mb-3 hover:text-accent-blue transition">
<a href={`/blog/${post.id}/`} class="hover:underline">{post.data.title}</a>
</h2>
<p class="text-gray-600 mb-4 line-clamp-3">{post.data.description}</p>
<div class="flex items-center justify-between text-sm text-gray-500">
<span>{post.data.author}</span>
<span>{post.data.pubDate.toLocaleDateString('th-TH')}</span>
</div>
<a href={`/blog/${post.id}/`} class="text-accent-blue font-medium hover:underline flex items-center gap-2 mt-4">อ่านเพิ่มเติม →</a>
</div>
</article>
))}
</div>
</div>
</section>
</Layout>

123
src/pages/index.astro
View File

@@ -11,12 +11,8 @@ import Layout from '../layouts/Layout.astro'
</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 Transformation</span>
</h1>
<p class="text-2xl md:text-3xl text-gray-600 mb-10 max-w-3xl mx-auto">
เพิ่มยอดขาย ลดต้นทุน และยกระดับธุรกิจด้วยกลยุทธ์ AI ที่วัดผลได้
</p>
<h1 class="text-5xl md:text-7xl font-bold mb-8 text-secondary leading-tight">เปลี่ยนองค์กรของคุณด้วย<br /><span class="text-accent-blue">AI Transformation</span></h1>
<p class="text-2xl md:text-3xl text-gray-600 mb-10 max-w-3xl mx-auto">เพิ่มยอดขาย ลดต้นทุน และยกระดับธุรกิจด้วยกลยุทธ์ 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="btn-secondary text-xl shadow-xl">ดูบริการของเรา</a>
@@ -25,7 +21,7 @@ import Layout from '../layouts/Layout.astro'
</div>
</section>
<!-- Services Section - ALL Original Services -->
<!-- Services Section - 5 Services (No Chatbot) -->
<section id="services" class="py-20 bg-white">
<div class="container mx-auto px-4">
<div class="text-center mb-16">
@@ -34,49 +30,7 @@ import Layout from '../layouts/Layout.astro'
</div>
<div class="grid md:grid-cols-2 lg:grid-cols-3 gap-8">
<!-- Service 1: AI Transformation (was Digital Transformation) -->
<div class="bg-gray-light rounded-2xl overflow-hidden shadow-md card-hover">
<div class="h-48 relative">
<img src="/images/hero/strategy-ai.png" alt="AI Transformation" 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-6">
<h3 class="text-2xl font-bold mb-3">ที่ปรึกษาองค์กร AI</h3>
<p class="text-gray-600 mb-4">บริการให้คำปรึกษาในการ ปรับองค์กรให้มีการใช้เทคโนโลยี AI มากขึ้น จนทำให้ได้ข้อมูลอย่างเป็นระบบ และนำมาใช้ประโยชน์ในการบริหารได้</p>
<a href="/ai-transformation-consult" class="text-accent-blue font-medium hover:underline flex items-center gap-2">รายละเอียด →</a>
</div>
</div>
<!-- Service 2: Online Marketing Consult -->
<div class="bg-gray-light rounded-2xl overflow-hidden shadow-md card-hover">
<div class="h-48 relative">
<img src="/images/hero/automation-ai.png" alt="Online Marketing" 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-6">
<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>
<!-- Service 3: Full-service Marketing -->
<div class="bg-gray-light rounded-2xl overflow-hidden shadow-md card-hover">
<div class="h-48 relative">
<img src="/images/hero/analytics-ai.png" alt="Full 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-6">
<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>
<!-- Service 4: Website Development -->
<!-- Service 1: Website Development -->
<div class="bg-gray-light rounded-2xl overflow-hidden shadow-md card-hover">
<div class="h-48 relative">
<img src="/images/hero/training-ai.png" alt="Website" class="w-full h-full object-cover" loading="lazy" />
@@ -90,7 +44,7 @@ import Layout from '../layouts/Layout.astro'
</div>
</div>
<!-- Service 5: App Development -->
<!-- Service 2: App Development -->
<div class="bg-gray-light rounded-2xl overflow-hidden shadow-md card-hover">
<div class="h-48 relative">
<img src="/images/hero/strategy-ai.png" alt="App" class="w-full h-full object-cover" loading="lazy" />
@@ -104,15 +58,43 @@ import Layout from '../layouts/Layout.astro'
</div>
</div>
<!-- Service 6: AI Chatbot (integrated, not separate) -->
<!-- Service 3: AI Transformation -->
<div class="bg-gray-light rounded-2xl overflow-hidden shadow-md card-hover">
<div class="h-48 relative">
<img src="/images/hero/chatbot-ai.png" alt="AI Chatbot" 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>
<img src="/images/hero/strategy-ai.png" alt="AI Transformation" 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-6">
<h3 class="text-2xl font-bold mb-3">ระบบแชทบอท (AI)</h3>
<h3 class="text-2xl font-bold mb-3">ที่ปรึกษาองค์กร AI</h3>
<p class="text-gray-600 mb-4">บริการให้คำปรึกษาในการ ปรับองค์กรให้มีการใช้เทคโนโลยี AI มากขึ้น จนทำให้ได้ข้อมูลอย่างเป็นระบบ</p>
<a href="/ai-transformation-consult" class="text-accent-blue font-medium hover:underline flex items-center gap-2">รายละเอียด →</a>
</div>
</div>
<!-- Service 4: Online Marketing -->
<div class="bg-gray-light rounded-2xl overflow-hidden shadow-md card-hover">
<div class="h-48 relative">
<img src="/images/hero/automation-ai.png" alt="Marketing" 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-6">
<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>
<!-- Service 5: AI Automation -->
<div class="bg-gray-light rounded-2xl overflow-hidden shadow-md card-hover">
<div class="h-48 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-primary opacity-90"></div>
<div class="absolute inset-0 flex items-center justify-center text-8xl">⚙️</div>
</div>
<div class="p-6">
<h3 class="text-2xl font-bold mb-3">AI Automation</h3>
<p class="text-gray-600 mb-4">บริการให้คำปรึกษาในการวางระบบแชทบอท โดยใช้ AI ที่เหมาะสม Partner กับระบบบอทที่สามารถปิดการขายได้ด้วยตัวเอง</p>
<a href="/ai-automation" class="text-accent-blue font-medium hover:underline flex items-center gap-2">รายละเอียด →</a>
</div>
@@ -121,7 +103,7 @@ import Layout from '../layouts/Layout.astro'
</div>
</section>
<!-- Strategy Section (from original) -->
<!-- Strategy Section -->
<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">
@@ -130,16 +112,14 @@ import Layout from '../layouts/Layout.astro'
</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>
<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 (Fixed connector lines) -->
<!-- Process Section - New Grid Layout -->
<section id="process" class="py-20 bg-white">
<div class="container mx-auto px-4">
<div class="text-center mb-16">
@@ -147,34 +127,31 @@ import Layout from '../layouts/Layout.astro'
<p class="text-xl text-gray-600 max-w-3xl mx-auto">4 ขั้นตอนง่ายๆ สู่การเป็นองค์กร AI</p>
</div>
<div class="grid md:grid-cols-4 gap-8">
<div class="grid md:grid-cols-2 lg:grid-cols-4 gap-8 max-w-6xl mx-auto">
<!-- Step 1 -->
<div class="process-step text-center">
<div class="process-step-number w-24 h-24 mx-auto mb-6 rounded-full gradient-primary flex items-center justify-center text-4xl font-bold text-white shadow-xl">1</div>
<div class="hidden md:block process-step-connector"></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-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">ศึกษาธุรกิจ วิเคราะห์ปัญหา หาโอกาสใช้ AI</p>
</div>
<!-- Step 2 -->
<div class="process-step text-center">
<div class="process-step-number w-24 h-24 mx-auto mb-6 rounded-full gradient-ai flex items-center justify-center text-4xl font-bold text-white shadow-xl">2</div>
<div class="hidden md:block process-step-connector"></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">ออกแบบกลยุทธ์ AI Roadmap ที่ชัดเจน</p>
</div>
<!-- Step 3 -->
<div class="process-step text-center">
<div class="process-step-number w-24 h-24 mx-auto mb-6 rounded-full bg-accent-purple flex items-center justify-center text-4xl font-bold text-white shadow-xl">3</div>
<div class="hidden md:block process-step-connector"></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">ติดตั้งระบบ AI ฝึกอบรมทีม เริ่มใช้งาน</p>
</div>
<!-- Step 4 -->
<div class="process-step text-center">
<div class="process-step-number w-24 h-24 mx-auto mb-6 rounded-full bg-accent-teal flex items-center justify-center text-4xl font-bold text-white shadow-xl">4</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>