Major redesign: Blended colors, 3 services, new features
Changes per user requirements: 1. Color Theme - BLENDED: - Primary: #fed400 (Yellow - kept from current) - Secondary: #2563EB (Blue - from new design) - Accent: #7C3AED (Purple), #10B981 (Green) - Background: #F3F4F6 (Light Gray) 2. Services - NEW DESIGN (3 services): - ✅ Web Development (WordPress ฟรี) - ✅ AI Automation Setup - ✅ AI Consult & Implementation (NEW) - ❌ Removed: App Development - ❌ Removed: Online Marketing 3. Hero Message - COMBINED: - 'เว็บไซต์ฟรี มีจริง! จ่ายแค่ค่า Server รายปี' - Plus AI-Powered message 4. Company Info - KEPT CURRENT: - Email: contact@moreminimore.com (unchanged) - No founder name added - No location update 5. Process Section - KEPT CURRENT: - Still 4-step process (analyzed, planned, etc.) 6. Content - MIGRATED ALL: - Comprehensive content from docs - Longer, detailed pages 7. New Features - ALL EXCEPT TRUST BADGES: - ✅ Sticky header with CTA - ✅ Floating contact buttons (Line, Phone) - ✅ Contact form (on Contact page) - ✅ Package comparison table - ❌ Trust badges (excluded as requested) Pages Updated: - Homepage: Complete redesign with new sections - Layout: 3-service navigation, sticky header - AI Consult: New page created - CSS: Blended color theme, new components - Removed: App Dev, Marketing, AI Transformation pages Build: 17 pages, 1.02s
This commit is contained in:
Kunthawat Greethong
@@ -6,7 +6,7 @@ interface Props {
|
||||
description?: string;
|
||||
}
|
||||
|
||||
const { title = 'MoreminiMore - ที่ปรึกษาองค์กร AI', description = 'เพิ่มยอดขายด้วย AI & Technology' } = Astro.props;
|
||||
const { title = 'moreminimore | รับทำเว็บไซต์ฟรี + จ่ายค่า Server รายปี', description = 'SMEs ไทยไม่ต้องง้องบทำเว็บหลักหมื่นอีกต่อไป' } = Astro.props;
|
||||
---
|
||||
|
||||
<!doctype html>
|
||||
@@ -16,27 +16,17 @@ const { title = 'MoreminiMore - ที่ปรึกษาองค์กร AI
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||
<meta name="description" content={description} />
|
||||
<title>{title}</title>
|
||||
|
||||
<link rel="icon" type="image/png" sizes="32x32" href="/branding/favicon-32.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;
|
||||
src: url('https://www.moreminimore.com/wp-content/uploads/2022/03/Kanit-400.woff') format('woff');
|
||||
}
|
||||
@font-face {
|
||||
font-family: 'Kanit';
|
||||
font-weight: 700;
|
||||
src: url('https://www.moreminimore.com/wp-content/uploads/2022/03/Kanit-700.woff') format('woff');
|
||||
}
|
||||
@font-face { font-family: 'Kanit'; font-weight: 400; src: url('https://www.moreminimore.com/wp-content/uploads/2022/03/Kanit-400.woff') format('woff'); }
|
||||
@font-face { font-family: 'Kanit'; font-weight: 700; src: url('https://www.moreminimore.com/wp-content/uploads/2022/03/Kanit-700.woff') format('woff'); }
|
||||
</style>
|
||||
</head>
|
||||
<body class="flex flex-col min-h-screen">
|
||||
<header class="bg-primary sticky top-0 z-50 shadow-lg">
|
||||
<header class="sticky-header">
|
||||
<div class="bg-black text-white py-2">
|
||||
<div class="container mx-auto px-4 flex flex-wrap justify-between items-center text-base">
|
||||
<div class="flex gap-6">
|
||||
@@ -44,156 +34,103 @@ const { title = 'MoreminiMore - ที่ปรึกษาองค์กร AI
|
||||
<a href="tel:0809955945" class="hover:text-primary transition flex items-center gap-2">📞 080-995-5945</a>
|
||||
</div>
|
||||
<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>
|
||||
<a href="https://www.facebook.com/moreminimore" target="_blank" rel="noopener noreferrer" class="hover:text-primary transition"><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"><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"><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.452z"/></svg></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>
|
||||
|
||||
<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 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>
|
||||
<button class="font-medium hover:text-secondary 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="/ai-automation" class="block px-4 py-3 hover:bg-gray-50 transition border-b border-gray-100">
|
||||
<div class="font-medium text-secondary">AI Automation</div>
|
||||
<div class="text-sm text-gray-500">AI & Chatbot</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="/online-marketing-consult" class="block px-4 py-3 hover:bg-gray-50 transition">
|
||||
<div class="font-medium text-secondary">ที่ปรึกษาการตลาดออนไลน์</div>
|
||||
<div class="text-sm text-gray-500">Digital Marketing</div>
|
||||
</a>
|
||||
<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">Web Development</div><div class="text-sm text-gray-500">WordPress ฟรี!</div></a>
|
||||
<a href="/ai-automation" class="block px-4 py-3 hover:bg-gray-50 transition border-b border-gray-100"><div class="font-medium text-secondary">AI Automation Setup</div><div class="text-sm text-gray-500">ลดงานซ้ำซ้อน</div></a>
|
||||
<a href="/ai-consult" class="block px-4 py-3 hover:bg-gray-50 transition"><div class="font-medium text-secondary">AI Consult & Implementation</div><div class="text-sm text-gray-500">ที่ปรึกษา AI</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>
|
||||
<a href="/#process" class="font-medium hover:text-secondary transition">ขั้นตอนการทำงาน</a>
|
||||
<a href="/blog" 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>
|
||||
|
||||
<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>
|
||||
<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>
|
||||
|
||||
<div class="lg:hidden hidden" id="mobile-menu">
|
||||
<div class="flex flex-col gap-4 mt-4 pb-4">
|
||||
<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 class="font-medium hover:text-secondary 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="/ai-automation" class="text-base hover:text-accent-blue transition">AI Automation</a>
|
||||
<a href="/app-development" class="text-base hover:text-accent-blue transition">พัฒนาแอปพลิเคชัน</a>
|
||||
<a href="/online-marketing-consult" class="text-base hover:text-accent-blue transition">ที่ปรึกษาการตลาดออนไลน์</a>
|
||||
<a href="/website-development" class="text-base hover:text-secondary transition">Web Development</a>
|
||||
<a href="/ai-automation" class="text-base hover:text-secondary transition">AI Automation Setup</a>
|
||||
<a href="/ai-consult" class="text-base hover:text-secondary transition">AI Consult & Implementation</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>
|
||||
<a href="/#process" class="font-medium hover:text-secondary transition">ขั้นตอนการทำงาน</a>
|
||||
<a href="/blog" 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 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">
|
||||
<footer class="bg-gray-dark text-gray-300 py-12">
|
||||
<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-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">
|
||||
<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>
|
||||
<img src="/branding/logo-long.png" alt="MoreminiMore Logo" class="h-10 w-auto mb-4 bg-white p-2 rounded" width="180" height="45" />
|
||||
<p class="text-base mb-4">IT Services สำหรับ SMEs ไทย</p>
|
||||
<div class="flex gap-3">
|
||||
<a href="https://www.facebook.com/moreminimore" target="_blank" rel="noopener noreferrer" class="text-gray-300 hover:text-primary 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-300 hover:text-primary 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-300 hover:text-primary 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.452z"/></svg></a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div>
|
||||
<h3 class="font-bold mb-4 text-lg">บริการ</h3>
|
||||
<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="/ai-automation" class="hover:text-accent-blue transition">AI Automation</a></li>
|
||||
<li><a href="/app-development" class="hover:text-accent-blue transition">พัฒนาแอปพลิเคชัน</a></li>
|
||||
<li><a href="/online-marketing-consult" class="hover:text-accent-blue transition">ที่ปรึกษาการตลาดออนไลน์</a></li>
|
||||
<h3 class="font-bold mb-4 text-lg text-white">บริการ</h3>
|
||||
<ul class="space-y-2 text-base">
|
||||
<li><a href="/website-development" class="hover:text-primary transition">Web Development</a></li>
|
||||
<li><a href="/ai-automation" class="hover:text-primary transition">AI Automation Setup</a></li>
|
||||
<li><a href="/ai-consult" class="hover:text-primary transition">AI Consult & Implementation</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div>
|
||||
<h3 class="font-bold mb-4 text-lg">ลิงก์</h3>
|
||||
<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="/blog" class="hover:text-accent-blue transition">เรื่องน่ารู้</a></li>
|
||||
<h3 class="font-bold mb-4 text-lg text-white">บริษัท</h3>
|
||||
<ul class="space-y-2 text-base">
|
||||
<li><a href="/about-us" class="hover:text-primary transition">เกี่ยวกับเรา</a></li>
|
||||
<li><a href="/#process" class="hover:text-primary transition">ขั้นตอนการทำงาน</a></li>
|
||||
<li><a href="/contact-us" class="hover:text-primary transition">ติดต่อเรา</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div>
|
||||
<h3 class="font-bold mb-4 text-lg">ติดต่อ</h3>
|
||||
<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>
|
||||
<h3 class="font-bold mb-4 text-lg text-white">ติดต่อ</h3>
|
||||
<ul class="space-y-3 text-base">
|
||||
<li class="flex items-center gap-2"><span>📞</span><a href="tel:0809955945" class="hover:text-primary transition">080-995-5945</a></li>
|
||||
<li class="flex items-center gap-2"><span>📧</span><a href="mailto:contact@moreminimore.com" class="hover:text-primary 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-base text-gray-600">
|
||||
<div class="border-t border-gray-700 mt-8 pt-8 text-center text-base">
|
||||
<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>
|
||||
<a href="/terms-and-conditions" class="hover:text-primary transition">ข้อกำหนดและเงื่อนไข</a>
|
||||
<a href="/privacy-policy" class="hover:text-primary transition">นโยบายความเป็นส่วนตัว</a>
|
||||
</div>
|
||||
<p>© {new Date().getFullYear()} MoreminiMore Co.,Ltd. สงวนลิขสิทธิ์</p>
|
||||
<p>© {new Date().getFullYear()} moreminimore. สงวนลิขสิทธิ์</p>
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
|
||||
<script>
|
||||
const menuBtn = document.getElementById('mobile-menu-btn');
|
||||
const mobileMenu = document.getElementById('mobile-menu');
|
||||
if (menuBtn && mobileMenu) {
|
||||
menuBtn.addEventListener('click', () => mobileMenu.classList.toggle('hidden'));
|
||||
}
|
||||
if (menuBtn && mobileMenu) { menuBtn.addEventListener('click', () => mobileMenu.classList.toggle('hidden')); }
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
Reference in New Issue
Block a user