d384452be5
New Pages: - /sitemap - XML-style sitemap with all pages - /faq - 12 FAQs in 4 categories (Services, Process, Pricing, Technical) - /portfolio - 5 case studies (E-commerce, Clinic, School, Restaurant, Law Firm) Components: - Breadcrumbs.astro - Reusable breadcrumb component Navigation: - Update menu to Option A (หน้าแรก, เกี่ยวกับเรา, บริการ dropdown, FAQ, บทความ, ติดต่อเรา) - Add dropdown for 5 services - Change CTA button to btn-brand Color Updates: - Add Royal Blue (#1e40af) as secondary brand color - Fix gradient-primary text contrast
272 lines
14 KiB
Plaintext
272 lines
14 KiB
Plaintext
---
|
|
import '../styles/global.css'
|
|
import CookieBanner from '../components/consent/CookieBanner.astro'
|
|
|
|
interface Props {
|
|
title?: string;
|
|
description?: string;
|
|
}
|
|
|
|
const { title = 'MoreminiMore - ที่ปรึกษาองค์กร AI เพิ่มยอดขายด้วยข้อมูล', description = 'เราให้คำปรึกษาด้าน AI Transformation กลยุทธ์การตลาดโดยใช้ข้อมูลเป็นพื้นฐาน พัฒนาศักยภาพของบุคลากรให้สูงขึ้น เพื่อเพิ่มยอดขายให้กับลูกค้าให้มากที่สุด' } = Astro.props;
|
|
---
|
|
|
|
<!doctype html>
|
|
<html lang="th">
|
|
<head>
|
|
<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} />
|
|
|
|
<!-- 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-center 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>
|
|
</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"
|
|
/>
|
|
</a>
|
|
|
|
<nav class="hidden md:flex gap-6 items-center">
|
|
<a href="/" class="hover:text-accent-blue transition font-medium">หน้าแรก</a>
|
|
<a href="/about-us" class="hover:text-accent-blue transition font-medium">เกี่ยวกับเรา</a>
|
|
|
|
<!-- Services Dropdown -->
|
|
<div class="relative group">
|
|
<button class="hover:text-accent-blue transition font-medium flex items-center gap-1">
|
|
บริการ
|
|
<svg class="w-4 h-4 transition group-hover:rotate-180" 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 left-0 mt-2 w-64 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="/web-development" class="block px-4 py-2 hover:bg-gray-50 transition">🌐 AI-Enhanced Website</a>
|
|
<a href="/marketing-automation" class="block px-4 py-2 hover:bg-gray-50 transition">🔄 Marketing Automation</a>
|
|
<a href="/seo-content-system" class="block px-4 py-2 hover:bg-gray-50 transition">📝 SEO + AI Content</a>
|
|
<a href="/tech-consult" class="block px-4 py-2 hover:bg-gray-50 transition">🖥️ Tech Consult</a>
|
|
<a href="/ai-automation" class="block px-4 py-2 hover:bg-gray-50 transition">⚙️ AI Automation</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<a href="/faq" class="hover:text-accent-blue transition font-medium">FAQ</a>
|
|
<a href="/blog" class="hover:text-accent-blue transition font-medium">บทความ</a>
|
|
<a href="/contact-us" class="hover:text-accent-blue transition font-medium">ติดต่อเรา</a>
|
|
<a href="tel:0809955945" class="btn-brand 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>
|
|
</div>
|
|
|
|
<!-- Mobile Menu -->
|
|
<div class="md:hidden hidden" id="mobile-menu">
|
|
<div class="flex flex-col gap-4 mt-4 pb-4">
|
|
<a href="/" class="hover:text-accent-blue transition font-medium">หน้าแรก</a>
|
|
<a href="/about-us" class="hover:text-accent-blue transition font-medium">เกี่ยวกับเรา</a>
|
|
|
|
<!-- Mobile Services Dropdown -->
|
|
<details class="group">
|
|
<summary class="hover:text-accent-blue transition font-medium cursor-pointer flex items-center justify-between">
|
|
บริการ
|
|
<svg class="w-4 h-4 transition group-open:rotate-180" 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="ml-4 mt-2 flex flex-col gap-2">
|
|
<a href="/web-development" class="text-sm hover:text-accent-blue transition">🌐 AI-Enhanced Website</a>
|
|
<a href="/marketing-automation" class="text-sm hover:text-accent-blue transition">🔄 Marketing Automation</a>
|
|
<a href="/seo-content-system" class="text-sm hover:text-accent-blue transition">📝 SEO + AI Content</a>
|
|
<a href="/tech-consult" class="text-sm hover:text-accent-blue transition">🖥️ Tech Consult</a>
|
|
<a href="/ai-automation" class="text-sm hover:text-accent-blue transition">⚙️ AI Automation</a>
|
|
</div>
|
|
</details>
|
|
|
|
<a href="/faq" class="hover:text-accent-blue transition font-medium">FAQ</a>
|
|
<a href="/blog" class="hover:text-accent-blue transition font-medium">บทความ</a>
|
|
<a href="/contact-us" class="hover:text-accent-blue transition font-medium">ติดต่อเรา</a>
|
|
<a href="tel:0809955945" class="btn-brand text-center">📞 โทรเลย</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</header>
|
|
|
|
<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-700 text-sm">
|
|
ที่ปรึกษาองค์กร AI เพิ่มยอดขายด้วยข้อมูล
|
|
</p>
|
|
<div class="mt-4 flex gap-3">
|
|
<!-- Facebook -->
|
|
<a href="https://www.facebook.com/moreminimore" target="_blank" rel="noopener noreferrer" class="text-gray-600 hover:text-accent-blue transition" aria-label="Facebook">
|
|
<img src="/icons/social/facebook.svg" alt="Facebook" class="w-6 h-6" />
|
|
</a>
|
|
<!-- Twitter / X -->
|
|
<a href="https://twitter.com/moreminimore" target="_blank" rel="noopener noreferrer" class="text-gray-600 hover:text-accent-blue transition" aria-label="Twitter">
|
|
<img src="/icons/social/x.svg" alt="X (Twitter)" class="w-6 h-6" />
|
|
</a>
|
|
<!-- LinkedIn -->
|
|
<a href="https://www.linkedin.com/company/moreminimore" target="_blank" rel="noopener noreferrer" class="text-gray-600 hover:text-accent-blue transition" aria-label="LinkedIn">
|
|
<img src="/icons/social/linkedin.svg" alt="LinkedIn" class="w-6 h-6" />
|
|
</a>
|
|
<!-- LINE -->
|
|
<a href="#" target="_blank" rel="noopener noreferrer" class="text-gray-600 hover:text-accent-blue transition" aria-label="LINE">
|
|
<img src="/icons/social/line.svg" alt="LINE" class="w-6 h-6" />
|
|
</a>
|
|
</div>
|
|
</div>
|
|
|
|
<div>
|
|
<h3 class="font-bold mb-4 text-lg">บริการ</h3>
|
|
<ul class="space-y-2 text-sm text-gray-700">
|
|
<li><a href="/web-development" class="hover:text-accent-blue transition">AI-Enhanced Website</a></li>
|
|
<li><a href="/marketing-automation" class="hover:text-accent-blue transition">Marketing Automation</a></li>
|
|
<li><a href="/seo-content-system" class="hover:text-accent-blue transition">SEO + AI Content</a></li>
|
|
<li><a href="/tech-consult" class="hover:text-accent-blue transition">Tech Consult</a></li>
|
|
<li><a href="/ai-automation" class="hover:text-accent-blue transition">AI Automation</a></li>
|
|
</ul>
|
|
</div>
|
|
|
|
<div>
|
|
<h3 class="font-bold mb-4 text-lg">ลิงก์</h3>
|
|
<ul class="space-y-2 text-sm text-gray-700">
|
|
<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="/blog" class="hover:text-accent-blue transition">บทความ</a></li>
|
|
<li><a href="/privacy-policy" class="hover:text-accent-blue transition">นโยบายความเป็นส่วนตัว</a></li>
|
|
<li><a href="/terms-and-conditions" 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-700">
|
|
<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>
|
|
<a href="#" class="hover:text-accent-blue transition">Line: @moreminimore</a>
|
|
</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">
|
|
<p>© {new Date().getFullYear()} MoreminiMore Co.,Ltd. สงวนลิขสิทธิ์</p>
|
|
</div>
|
|
</div>
|
|
</footer>
|
|
|
|
<CookieBanner />
|
|
|
|
<!-- Conditional Umami Analytics -->
|
|
<script is:inline>
|
|
const consent = JSON.parse(localStorage.getItem('consent-preferences') || 'null');
|
|
if (consent && consent.analytics === true) {
|
|
const script = document.createElement('script');
|
|
script.defer = true;
|
|
script.src = 'https://umami.moreminimore.com/script.js';
|
|
script.setAttribute('data-website-id', 'b2e87a6c-0b64-43c8-bb09-e406ffca0af1');
|
|
script.setAttribute('data-host-url', 'https://umami.moreminimore.com');
|
|
document.head.appendChild(script);
|
|
}
|
|
</script>
|
|
|
|
<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');
|
|
});
|
|
}
|
|
</script>
|
|
</body>
|
|
</html>
|