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

Redesign: Complete AI transformation with new branding

Browse Source 
Features:
- New 5-color palette (Yellow, Black, Blue, Purple, Teal)
- White footer with updated navigation
- Homepage redesigned with Hero, Tech Stack, Process, FAQ, Blog sections
- 4 new AI service pages (Strategy, Automation, Training, Analytics)
- Modern effects: glass morphism, hover animations, gradients
- Removed all 'รับปรึกษา ฟรี' CTAs, replaced with Phone/Line
- Updated content to AI Transformation theme
- Port changed to 80 for Easypanel deployment

Breaking Changes:
- Old service pages removed (replaced with AI-focused services)
- Layout structure updated with new color variables
- CSS completely rewritten with new design system
This commit is contained in:
Kunthawat Greethong
2026-03-04 00:15:08 +07:00
parent 80e0c0406f
commit 34e5625a17
12 changed files with 848 additions and 556 deletions
Download Patch File Download Diff File Expand all files Collapse all files

106
src/layouts/Layout.astro
View File

@@ -6,7 +6,7 @@ interface Props {
description?: string;
}
const { title = 'MoreminiMore - เพิ่มยอดขายของลูกค้ามากที่สุด', description = 'เราให้คำปรึกษาด้านกลยุทธ์การตลาดโดยใช้ข้อมูลเป็นพื้นฐาน พัฒนาศักยภาพของบุคลากรให้สูงขึ้น เพื่อเพิ่มยอดขายให้กับลูกค้าให้มากที่สุด' } = Astro.props;
const { title = 'MoreminiMore - ที่ปรึกษาองค์กร AI เพิ่มยอดขายด้วยข้อมูล', description = 'เราให้คำปรึกษาด้าน AI Transformation กลยุทธ์การตลาดโดยใช้ข้อมูลเป็นพื้นฐาน พัฒนาศักยภาพของบุคลากรให้สูงขึ้น เพื่อเพิ่มยอดขายให้กับลูกค้าให้มากที่สุด' } = Astro.props;
---
<!doctype html>
@@ -65,15 +65,9 @@ const { title = 'MoreminiMore - เพิ่มยอดขายของลู
</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>
<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>
</div>
</div>
@@ -92,12 +86,13 @@ const { title = 'MoreminiMore - เพิ่มยอดขายของลู
</a>
<nav class="hidden md:flex gap-6 items-center">
<a href="/#services" class="hover:text-primary transition font-medium">บริการของเรา</a>
<a href="/category/seo" class="hover:text-primary transition font-medium">เรื่องน่ารู้</a>
<a href="/contact-us" class="hover:text-primary transition font-medium">ติดต่อเรา</a>
<a href="/about-us" class="hover:text-primary transition font-medium">เกี่ยวกับเรา</a>
<a href="/#contactform" class="bg-black text-white px-6 py-2 rounded-full hover:bg-gray-800 transition font-medium">
รับปรึกษา ฟรี!
<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 flex items-center gap-2">
📞 โทรเลย
</a>
</nav>
@@ -112,12 +107,13 @@ const { title = 'MoreminiMore - เพิ่มยอดขายของลู
<!-- Mobile Menu -->
<div class="md:hidden hidden" id="mobile-menu">
<div class="flex flex-col gap-4 mt-4 pb-4">
<a href="/#services" class="hover:text-primary transition font-medium">บริการของเรา</a>
<a href="/category/seo" class="hover:text-primary transition font-medium">เรื่องน่ารู้</a>
<a href="/contact-us" class="hover:text-primary transition font-medium">ติดต่อเรา</a>
<a href="/about-us" class="hover:text-primary transition font-medium">เกี่ยวกับเรา</a>
<a href="/#contactform" class="bg-black text-white px-6 py-2 rounded-full hover:bg-gray-800 transition font-medium text-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>
<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>
</div>
</div>
@@ -128,7 +124,7 @@ const { title = 'MoreminiMore - เพิ่มยอดขายของลู
<slot />
</main>
<footer class="bg-black text-white py-12">
<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>
@@ -139,49 +135,63 @@ const { title = 'MoreminiMore - เพิ่มยอดขายของลู
width="180"
height="45"
/>
<p class="text-gray-400 text-sm">
เพิ่มยอดขายของลูกค้ามากที่สุด ด้วยงบประมาณต่ำที่สุด
<p class="text-gray-600 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-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>
</div>
</div>
<div>
<h3 class="font-bold mb-4">บริการ</h3>
<ul class="space-y-2 text-sm text-gray-400">
<li><a href="/digital-transformation-consult" class="hover:text-primary transition">ที่ปรึกษาองค์กรดิจิตอล</a></li>
<li><a href="/online-marketing-consult" class="hover:text-primary transition">ที่ปรึกษาการตลาดออนไลน์</a></li>
<li><a href="/website-development" class="hover:text-primary transition">พัฒนาเว็บไซต์</a></li>
<li><a href="/app-development" class="hover:text-primary transition">พัฒนาแอปพลิเคชัน</a></li>
<li><a href="/chatbot-consult" class="hover:text-primary transition">ระบบแชทบอท</a></li>
<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>
<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">ลิงก์</h3>
<ul class="space-y-2 text-sm text-gray-400">
<li><a href="/about-us" class="hover:text-primary transition">เกี่ยวกับเรา</a></li>
<li><a href="/contact-us" class="hover:text-primary transition">ติดต่อเรา</a></li>
<li><a href="/category/seo" class="hover:text-primary transition">เรื่องน่ารู้</a></li>
<h3 class="font-bold mb-4 text-lg">ลิงก์</h3>
<ul class="space-y-2 text-sm 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>
</ul>
</div>
<div>
<h3 class="font-bold mb-4">ติดต่อ</h3>
<ul class="space-y-2 text-sm text-gray-400">
<li>📧 contact@moreminimore.com</li>
<li>📞 080-995-5945</li>
<li class="flex gap-3 mt-4">
<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>
<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>
</div>
</div>
<div class="border-t border-gray-800 mt-8 pt-8 text-center text-sm text-gray-400">
<div class="border-t border-gray-200 mt-8 pt-8 text-center text-sm text-gray-600">
<div class="flex justify-center gap-6 mb-4">
<a href="/terms-and-conditions" class="hover:text-primary transition">ข้อกำหนดและเงื่อนไข</a>
<a href="/privacy-policy" class="hover:text-primary transition">นโยบายความเป็นส่วนตัว</a>
<a href="/terms-and-conditions" class="hover:text-accent-blue transition">ข้อกำหนดและเงื่อนไข</a>
<a href="/privacy-policy" class="hover:text-accent-blue transition">นโยบายความเป็นส่วนตัว</a>
</div>
<p>&copy; {new Date().getFullYear()} MoreminiMore Co.,Ltd. สงวนลิขสิทธิ์</p>
</div>