284 lines
19 KiB
Plaintext
284 lines
19 KiB
Plaintext
---
|
|
import '../styles/global.css'
|
|
import CookieBanner from '../components/consent/CookieBanner.astro'
|
|
import Breadcrumbs from '../components/Breadcrumbs.astro'
|
|
|
|
interface Props {
|
|
title?: string;
|
|
description?: string;
|
|
}
|
|
|
|
const { title = 'MoreminiMore - ที่ปรึกษาองค์กร AI เพิ่มยอดขายด้วยข้อมูล', description = 'เราให้คำปรึกษาด้าน AI Transformation กลยุทธ์การตลาดโดยใช้ข้อมูลเป็นพื้นฐาน พัฒนาศักยภาพของบุคลากรให้สูงขึ้น เพื่อเพิ่มยอดขายให้กับลูกค้าให้มากที่สุด' } = Astro.props;
|
|
|
|
const currentPath = Astro.url.pathname;
|
|
---
|
|
|
|
<!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} />
|
|
<link rel="canonical" href={Astro.url.href} />
|
|
|
|
<meta http-equiv="X-Content-Type-Options" content="nosniff" />
|
|
<meta http-equiv="Referrer-Policy" content="strict-origin-when-cross-origin" />
|
|
<meta http-equiv="Permissions-Policy" content="camera=(), microphone=(), geolocation=()" />
|
|
<meta http-equiv="Content-Security-Policy" content="default-src 'self'; script-src 'self' 'unsafe-inline' https://umami.moreminimore.com; style-src 'self' 'unsafe-inline' https://fonts.googleapis.com; font-src 'self' https://fonts.gstatic.com; img-src 'self' data: https:; connect-src 'self' https://umami.moreminimore.com; frame-src 'none';" />
|
|
|
|
<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" />
|
|
|
|
<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" />
|
|
|
|
<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>
|
|
|
|
<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">
|
|
<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>
|
|
|
|
<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-gray-600 transition font-medium ${currentPath === '/' ? 'text-gray-600' : ''}`}>หน้าแรก</a>
|
|
<a href="/about-us" class={`hover:text-gray-600 transition font-medium ${currentPath === '/about-us' ? 'text-gray-600' : ''}`}>เกี่ยวกับเรา</a>
|
|
|
|
<div class="relative group">
|
|
<button class="hover:text-gray-600 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="/tech-consult" class="flex items-center gap-3 px-4 py-2 hover:bg-gray-50 transition">
|
|
<svg class="w-5 h-5 text-gray-600" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9.75 17L9 20l-1 1h8l-1-1-.75-3M3 13h18M5 17h14a2 2 0 002-2V5a2 2 0 00-2-2H5a2 2 0 00-2 2v10a2 2 0 002 2z"/></svg>
|
|
<span>Tech Consult</span>
|
|
</a>
|
|
<a href="/web-development" class="flex items-center gap-3 px-4 py-2 hover:bg-gray-50 transition">
|
|
<svg class="w-5 h-5 text-gray-600" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M21 12a9 9 0 01-9 9m9-9a9 9 0 00-9-9m9 9H3m9 9a9 9 0 01-9-9m9 9c1.657 0 3-4.03 3-9s-1.343-9-3-9m0 18c-1.657 0-3-4.03-3-9s1.343-9 3-9m-9 9a9 9 0 019-9"/></svg>
|
|
<span>AI-Enhanced Website</span>
|
|
</a>
|
|
<a href="/marketing-automation" class="flex items-center gap-3 px-4 py-2 hover:bg-gray-50 transition">
|
|
<svg class="w-5 h-5 text-gray-600" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 4v5h.582m15.356 2A8.001 8.001 0 004.582 9m0 0H9m11 11v-5h-.581m0 0a8.003 8.003 0 01-15.357-2m15.357 2H15"/></svg>
|
|
<span>Marketing Automation</span>
|
|
</a>
|
|
<a href="/ai-automation" class="flex items-center gap-3 px-4 py-2 hover:bg-gray-50 transition">
|
|
<svg class="w-5 h-5 text-gray-600" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M10.325 4.317c.426-1.756 2.924-1.756 3.35 0a1.724 1.724 0 002.573 1.066c1.543-.94 3.31.826 2.37 2.37a1.724 1.724 0 001.065 2.572c1.756.426 1.756 2.924 0 3.35a1.724 1.724 0 00-1.066 2.573c.94 1.543-.826 3.31-2.37 2.37a1.724 1.724 0 00-2.572 1.065c-.426 1.756-2.924 1.756-3.35 0a1.724 1.724 0 00-2.573-1.066c-1.543.94-3.31-.826-2.37-2.37a1.724 1.724 0 00-1.065-2.572c-1.756-.426-1.756-2.924 0-3.35a1.724 1.724 0 001.066-2.573c-.94-1.543.826-3.31 2.37-2.37.996.608 2.296.07 2.572-1.065z"/><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 12a3 3 0 11-6 0 3 3 0 016 0z"/></svg>
|
|
<span>AI Automation</span>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<a href="/portfolio" class={`hover:text-gray-600 transition font-medium ${currentPath === '/portfolio' ? 'text-gray-600' : ''}`}>ผลงาน</a>
|
|
<a href="/faq" class={`hover:text-gray-600 transition font-medium ${currentPath === '/faq' ? 'text-gray-600' : ''}`}>FAQ</a>
|
|
<a href="/blog" class={`hover:text-gray-600 transition font-medium ${currentPath === '/blog' ? 'text-gray-600' : ''}`}>บทความ</a>
|
|
<a href="/contact-us" class={`hover:text-gray-600 transition font-medium ${currentPath === '/contact-us' ? 'text-gray-600' : ''}`}>ติดต่อเรา</a>
|
|
<a href="tel:0809955945" class="bg-black text-primary px-6 py-3 rounded-full font-bold hover:bg-black/80 transition-all duration-300 hover:scale-105 flex items-center gap-2">
|
|
<svg class="w-5 h-5" fill="currentColor" viewBox="0 0 24 24">
|
|
<path d="M20 15.5c-1.25 0-2.45-.2-3.57-.57-.35-.11-.74-.03-1.02.24l-2.2 2.2c-2.83-1.44-5.15-3.75-6.59-6.59l2.2-2.21c.28-.26.36-.65.25-1C8.7 6.45 8.5 5.25 8.5 4c0-.55-.45-1-1-1H4c-.55 0-1 .45-1 1 0 9.39 7.61 17 17 17 .55 0 1-.45 1-1v-3.5c0-.55-.45-1-1-1z"/>
|
|
</svg>
|
|
โทรเลย
|
|
</a>
|
|
</nav>
|
|
|
|
<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>
|
|
|
|
<div class="md:hidden hidden" id="mobile-menu">
|
|
<div class="flex flex-col gap-4 mt-4 pb-4">
|
|
<a href="/" class="hover:text-gray-600 transition font-medium">หน้าแรก</a>
|
|
<a href="/about-us" class="hover:text-gray-600 transition font-medium">เกี่ยวกับเรา</a>
|
|
|
|
<details class="group">
|
|
<summary class="hover:text-gray-600 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="/tech-consult" class="flex items-center gap-2 text-sm hover:text-gray-600 transition">
|
|
<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="M9.75 17L9 20l-1 1h8l-1-1-.75-3M3 13h18M5 17h14a2 2 0 002-2V5a2 2 0 00-2-2H5a2 2 0 00-2 2v10a2 2 0 002 2z"/></svg>
|
|
Tech Consult
|
|
</a>
|
|
<a href="/web-development" class="flex items-center gap-2 text-sm hover:text-gray-600 transition">
|
|
<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="M21 12a9 9 0 01-9 9m9-9a9 9 0 00-9-9m9 9H3m9 9a9 9 0 01-9-9m9 9c1.657 0 3-4.03 3-9s-1.343-9-3-9m0 18c-1.657 0-3-4.03-3-9s1.343-9 3-9m-9 9a9 9 0 019-9"/></svg>
|
|
AI-Enhanced Website
|
|
</a>
|
|
<a href="/marketing-automation" class="flex items-center gap-2 text-sm hover:text-gray-600 transition">
|
|
<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="M4 4v5h.582m15.356 2A8.001 8.001 0 004.582 9m0 0H9m11 11v-5h-.581m0 0a8.003 8.003 0 01-15.357-2m15.357 2H15"/></svg>
|
|
Marketing Automation
|
|
</a>
|
|
<a href="/ai-automation" class="flex items-center gap-2 text-sm hover:text-gray-600 transition">
|
|
<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="M10.325 4.317c.426-1.756 2.924-1.756 3.35 0a1.724 1.724 0 002.573 1.066c1.543-.94 3.31.826 2.37 2.37a1.724 1.724 0 001.065 2.572c1.756.426 1.756 2.924 0 3.35a1.724 1.724 0 00-1.066 2.573c.94 1.543-.826 3.31-2.37 2.37a1.724 1.724 0 00-2.572 1.065c-.426 1.756-2.924 1.756-3.35 0a1.724 1.724 0 00-2.573-1.066c-1.543.94-3.31-.826-2.37-2.37a1.724 1.724 0 00-1.065-2.572c-1.756-.426-1.756-2.924 0-3.35a1.724 1.724 0 001.066-2.573c-.94-1.543.826-3.31 2.37-2.37.996.608 2.296.07 2.572-1.065z"/><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 12a3 3 0 11-6 0 3 3 0 016 0z"/></svg>
|
|
AI Automation
|
|
</a>
|
|
</div>
|
|
</details>
|
|
|
|
<a href="/portfolio" class="hover:text-gray-600 transition font-medium">ผลงาน</a>
|
|
<a href="/faq" class="hover:text-gray-600 transition font-medium">FAQ</a>
|
|
<a href="/blog" class="hover:text-gray-600 transition font-medium">บทความ</a>
|
|
<a href="/contact-us" class="hover:text-gray-600 transition font-medium">ติดต่อเรา</a>
|
|
<a href="tel:0809955945" class="btn-brand text-center flex items-center justify-center gap-2">
|
|
<svg class="w-4 h-4" fill="currentColor" viewBox="0 0 24 24"><path d="M20 15.5c-1.25 0-2.45-.2-3.57-.57-.35-.11-.74-.03-1.02.24l-2.2 2.2c-2.83-1.44-5.15-3.75-6.59-6.59l2.2-2.21c.28-.26.36-.65.25-1C8.7 6.45 8.5 5.25 8.5 4c0-.55-.45-1-1-1H4c-.55 0-1 .45-1 1 0 9.39 7.61 17 17 17 .55 0 1-.45 1-1v-3.5c0-.55-.45-1-1-1z"/></svg>
|
|
โทรเลย
|
|
</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">
|
|
<a href="https://www.facebook.com/moreminimore" target="_blank" rel="noopener noreferrer" class="text-gray-600 hover:text-gray-900 transition" aria-label="Facebook">
|
|
<img src="/icons/social/facebook.svg" alt="Facebook" class="w-6 h-6" />
|
|
</a>
|
|
<a href="https://twitter.com/moreminimore" target="_blank" rel="noopener noreferrer" class="text-gray-600 hover:text-gray-900 transition" aria-label="Twitter">
|
|
<img src="/icons/social/x.svg" alt="X (Twitter)" class="w-6 h-6" />
|
|
</a>
|
|
<a href="https://www.linkedin.com/company/moreminimore" target="_blank" rel="noopener noreferrer" class="text-gray-600 hover:text-gray-900 transition" aria-label="LinkedIn">
|
|
<img src="/icons/social/linkedin.svg" alt="LinkedIn" class="w-6 h-6" />
|
|
</a>
|
|
<a href="https://line.me/ti/p/~@539hdlul" target="_blank" rel="noopener noreferrer" class="text-gray-600 hover:text-gray-900 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="/tech-consult" class="hover:text-gray-900 transition">Tech Consult</a></li>
|
|
<li><a href="/web-development" class="hover:text-gray-900 transition">AI-Enhanced Website</a></li>
|
|
<li><a href="/marketing-automation" class="hover:text-gray-900 transition">Marketing Automation</a></li>
|
|
<li><a href="/ai-automation" class="hover:text-gray-900 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-gray-900 transition">เกี่ยวกับเรา</a></li>
|
|
<li><a href="/contact-us" class="hover:text-gray-900 transition">ติดต่อเรา</a></li>
|
|
<li><a href="/blog" class="hover:text-gray-900 transition">บทความ</a></li>
|
|
<li><a href="/privacy-policy" class="hover:text-gray-900 transition">นโยบายความเป็นส่วนตัว</a></li>
|
|
<li><a href="/terms-and-conditions" class="hover:text-gray-900 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-gray-900 transition">080-995-5945</a>
|
|
</li>
|
|
<li class="flex items-center gap-2">
|
|
<span>📧</span>
|
|
<a href="mailto:contact@moreminimore.com" class="hover:text-gray-900 transition">contact@moreminimore.com</a>
|
|
</li>
|
|
<li class="flex items-center gap-2">
|
|
<svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z"/></svg>
|
|
<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 />
|
|
|
|
<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>
|
|
const menuBtn = document.getElementById('mobile-menu-btn');
|
|
const mobileMenu = document.getElementById('mobile-menu');
|
|
|
|
if (menuBtn && mobileMenu) {
|
|
menuBtn.addEventListener('click', () => {
|
|
mobileMenu.classList.toggle('hidden');
|
|
});
|
|
}
|
|
|
|
const revealElements = document.querySelectorAll('.reveal, .reveal-left, .reveal-right, .reveal-scale');
|
|
|
|
const revealObserver = new IntersectionObserver((entries) => {
|
|
entries.forEach(entry => {
|
|
if (entry.isIntersecting) {
|
|
entry.target.classList.add('visible');
|
|
}
|
|
});
|
|
}, { threshold: 0.1, rootMargin: '0px 0px -50px 0px' });
|
|
|
|
revealElements.forEach(el => revealObserver.observe(el));
|
|
</script>
|
|
</body>
|
|
</html>
|