feat: liquid glass UI, blob background, redesign home/portfolio/about pages
- Liquid glass effect on navbar/cards with backdrop-filter invert - Animated blob gradient background (SVG-based) - Portfolio section: scene-dark invert, show 5 items on home - How Work section: step flow with numbers + connecting lines - Hero: Decision snapshot replacing problem selector - About page: inverted background with contrast fixes - Fix parallax JS bundling via Astro - Fix navbar fixed positioning after liquid glass CSS - Submenu hover fix - Clean up removed legacy files/assets
This commit is contained in:
Kunthawat Greethong
43
redesign-input/raw/src-data/nav.ts
Normal file
43
redesign-input/raw/src-data/nav.ts
Normal file
@@ -0,0 +1,43 @@
|
||||
/**
|
||||
* MOREMINIMORE - Nav data (single source of truth)
|
||||
* Used by Navigation.astro and Footer.astro
|
||||
*
|
||||
* Per plan 2026-06-13 round 2:
|
||||
* - Main menu: 7 items including 'บทความ' (blog) + 'FAQ' + 'ติดต่อ'
|
||||
* - Services dropdown: 4 services (matched to content collection slugs)
|
||||
* - Social: facebook, line, linkedin (from settings collection at runtime)
|
||||
*
|
||||
* Slugs match src/content/services/*-new.mdx:
|
||||
* - ai-consult-new → /services/ai-consult
|
||||
* - marketing-new → /services/marketing
|
||||
* - automation-new → /services/automation
|
||||
* - webdev-new → /services/webdev
|
||||
*
|
||||
* Href uses /services/{slug-without-new} to match the [slug].astro route.
|
||||
*/
|
||||
export const mainLinks = [
|
||||
{ label: 'หน้าแรก', href: '/' },
|
||||
{ label: 'บริการ', href: '/services', hasDropdown: true },
|
||||
{ label: 'ผลงาน', href: '/portfolio' },
|
||||
{ label: 'บทความ', href: '/blog' },
|
||||
{ label: 'เกี่ยวกับ', href: '/about' },
|
||||
{ label: 'FAQ', href: '/faq' },
|
||||
{ label: 'ติดต่อ', href: '/contact' },
|
||||
];
|
||||
|
||||
export const servicesDropdown = [
|
||||
{ label: 'AI Consult', href: '/services/ai-consult' },
|
||||
{ label: 'Marketing Automation', href: '/services/marketing' },
|
||||
{ label: 'AI Automation', href: '/services/automation' },
|
||||
{ label: 'Website Development', href: '/services/webdev' },
|
||||
];
|
||||
|
||||
/**
|
||||
* Social links are passed as props to the component
|
||||
* (because they come from the settings collection which is loaded async)
|
||||
*/
|
||||
export interface SocialLinks {
|
||||
facebook?: string;
|
||||
line?: string;
|
||||
linkedin?: string;
|
||||
}
|
||||
16
redesign-input/raw/src-data/navigation.ts
Normal file
16
redesign-input/raw/src-data/navigation.ts
Normal file
@@ -0,0 +1,16 @@
|
||||
export const mainNav = [
|
||||
{ label: 'หน้าแรก', href: '/' },
|
||||
{ label: 'บริการ', href: '/services' },
|
||||
{ label: 'ผลงาน', href: '/portfolio' },
|
||||
{ label: 'บทความ', href: '/blog' },
|
||||
{ label: 'FAQ', href: '/faq' },
|
||||
];
|
||||
|
||||
export const footerNav = [
|
||||
{ label: 'เกี่ยวกับ', href: '/about' },
|
||||
{ label: 'บริการ', href: '/services' },
|
||||
{ label: 'ผลงาน', href: '/portfolio' },
|
||||
{ label: 'ติดต่อ', href: '/contact' },
|
||||
{ label: 'Privacy', href: '/privacy' },
|
||||
{ label: 'Terms', href: '/terms' },
|
||||
];
|
||||
74
redesign-input/raw/src-data/portfolio.ts
Normal file
74
redesign-input/raw/src-data/portfolio.ts
Normal file
@@ -0,0 +1,74 @@
|
||||
export const portfolioItems = [
|
||||
{
|
||||
name: "Lungfinler",
|
||||
url: "https://lungfinler.com",
|
||||
category: "webdev",
|
||||
category_label: "พัฒนาเว็บไซต์",
|
||||
thumbnail: "/images/portfolio/lungfinler.png",
|
||||
description: "Digital Agency - บริการด้านการสร้างแบรนด์ กราฟิกดีไซน์ และถ่ายภาพสินค้าคุณภาพสูง"
|
||||
},
|
||||
{
|
||||
name: "Jet Industries",
|
||||
url: "https://jetindustries.co.th",
|
||||
category: "webdev",
|
||||
category_label: "พัฒนาเว็บไซต์",
|
||||
thumbnail: "/images/portfolio/jetindustries.png",
|
||||
description: "ผู้ผลิตพลาสติกฉีดขึ้นรูปอย่างแม่นยำ (Precision Plastic Injection Molding) มีประสบการณ์กว่า 40 ปี"
|
||||
},
|
||||
{
|
||||
name: "สำนักงานกฎหมาย ตถาตา",
|
||||
url: "https://lawyernoom.com",
|
||||
category: "webdev",
|
||||
category_label: "พัฒนาเว็บไซต์",
|
||||
thumbnail: "/images/portfolio/lawyernoom.png",
|
||||
description: "สำนักงานกฎหมายโดย ทนายความ คมสัน ศรีวนิชย์ - บริการด้านคดีความ คดีแพ่ง คดีอาญา"
|
||||
},
|
||||
{
|
||||
name: "Underdog Marketing",
|
||||
url: "https://underdog.run",
|
||||
category: "webdev",
|
||||
category_label: "พัฒนาเว็บไซต์",
|
||||
thumbnail: "/images/portfolio/underdog.png",
|
||||
description: "บล็อกการตลาดและการขายสไตล์ ลุยไม่ยั้ง โดย บุ้ง ดีดติ่งหู"
|
||||
},
|
||||
{
|
||||
name: "Baofuling Shop",
|
||||
url: "https://baofulingshop.com",
|
||||
category: "ecommerce",
|
||||
category_label: "อีคอมเมิร์ซ",
|
||||
thumbnail: "/images/portfolio/baofuling.png",
|
||||
description: "ร้านค้าออนไลน์ครีมบัวหิมะและผลิตภัณฑ์ความงามจีน"
|
||||
},
|
||||
{
|
||||
name: "เทรนเนอร์ซันนี่",
|
||||
url: "https://trainersunny.com",
|
||||
category: "webdev",
|
||||
category_label: "พัฒนาเว็บไซต์",
|
||||
thumbnail: "/images/portfolio/trainersunny.png",
|
||||
description: "ผู้เชี่ยวชาญด้านการพัฒนาบุคลากรและ Soft Skill"
|
||||
},
|
||||
{
|
||||
name: "เลือดจระเข้วานิไทย",
|
||||
url: "https://เลือดจระเข้วานิไทย.com",
|
||||
category: "ecommerce",
|
||||
category_label: "อีคอมเมิร์ซ",
|
||||
thumbnail: "/images/portfolio/luadjob.png",
|
||||
description: "ตัวแทนจำหน่ายเลือดจระเข้วานิไทยอย่างเป็นทางการ"
|
||||
},
|
||||
{
|
||||
name: "ทวนทอง 99",
|
||||
url: "https://tuanthong99.com",
|
||||
category: "ecommerce",
|
||||
category_label: "อีคอมเมิร์ซ",
|
||||
thumbnail: "/images/portfolio/tuanthong.png",
|
||||
description: "ร้านค้าออนไลน์สมุนไพรไทยคุณภาพสูง"
|
||||
},
|
||||
{
|
||||
name: "Dataroot",
|
||||
url: "https://erp.dataroot.asia",
|
||||
category: "marketing",
|
||||
category_label: "ที่ปรึกษาการตลาด",
|
||||
thumbnail: "/images/portfolio/dataroot.png",
|
||||
description: "ตัวแทนจำหน่าย Odoo ERP ในประเทศไทย"
|
||||
}
|
||||
];
|
||||
92
redesign-input/raw/src-data/services.ts
Normal file
92
redesign-input/raw/src-data/services.ts
Normal file
@@ -0,0 +1,92 @@
|
||||
export const services = [
|
||||
{
|
||||
title: 'Website Development',
|
||||
slug: 'website-development',
|
||||
shortDescription: 'สร้างเว็บไซต์ที่โหลดไว แก้ไขง่าย วัดผลได้ และเป็นฐานหลักของการขายออนไลน์',
|
||||
hero: {
|
||||
title: 'เว็บไซต์ที่แก้เองได้ โหลดไว และพร้อมวัดผล',
|
||||
subtitle: 'สร้างเว็บไซต์ธุรกิจที่เป็นฐานหลักของการขายออนไลน์ พร้อม SEO โครงสร้างหน้า และช่องทางรับลูกค้าใหม่',
|
||||
},
|
||||
problems: [
|
||||
'เว็บเดิมโหลดช้า',
|
||||
'แก้ไขเนื้อหาเองไม่ได้',
|
||||
'ไม่มีระบบวัดผล',
|
||||
'SEO และโครงสร้างหน้ายังไม่พร้อม',
|
||||
'ลูกค้าเข้าเว็บแล้วไม่รู้ว่าต้องทำอะไรต่อ',
|
||||
],
|
||||
outcomes: [
|
||||
'เว็บไซต์บริษัท',
|
||||
'Landing page',
|
||||
'หน้าแนะนำบริการ',
|
||||
'Blog หรือ content structure',
|
||||
'Product catalog หรือ e-commerce เบื้องต้น เมื่อเหมาะกับโจทย์',
|
||||
],
|
||||
process: ['วางโครงสร้างหน้า', 'ออกแบบและพัฒนา', 'ตั้งค่าวัดผล', 'ส่งมอบให้แก้ไขต่อได้'],
|
||||
cta: 'อยากทำเว็บใหม่ เริ่มจากคุยฟรี',
|
||||
relatedPortfolioCategories: ['webdev', 'consult, webdev'],
|
||||
},
|
||||
{
|
||||
title: 'Marketing Consult',
|
||||
slug: 'marketing-consult',
|
||||
shortDescription: 'ดูข้อมูลการตลาดเดิม แล้วปรับกลุ่มเป้าหมาย ช่องทาง และข้อความขายให้ใช้งบคุ้มขึ้น',
|
||||
hero: {
|
||||
title: 'การตลาดที่เริ่มจากข้อมูล ไม่ใช่ความรู้สึก',
|
||||
subtitle: 'เราช่วยดูข้อมูลการตลาดเดิม วิเคราะห์ช่องทาง กลุ่มเป้าหมาย และข้อความขาย เพื่อเลือกสิ่งที่ควรปรับให้ใช้งบคุ้มขึ้น',
|
||||
},
|
||||
problems: [
|
||||
'ยิงแอดแล้วไม่คุ้ม',
|
||||
'ยอดขายไม่เพิ่มแม้ใช้งบมากขึ้น',
|
||||
'มีคนทักเข้ามา แต่ไม่ใช่ลูกค้าที่มีคุณภาพ',
|
||||
'ไม่รู้ว่าควรทำช่องทางไหนต่อ',
|
||||
'คอนเทนต์ไม่เชื่อมกับการขาย',
|
||||
],
|
||||
outcomes: ['ช่องทางที่ควรโฟกัส', 'กลุ่มเป้าหมายที่ควรทดสอบ', 'ข้อความขายที่ควรปรับ', 'จุดที่ funnel รั่ว', 'วิธีวัดผลหลังปรับ'],
|
||||
process: ['ดูข้อมูลเดิม', 'หาโอกาสที่ใช้งบไม่คุ้ม', 'จัดลำดับสิ่งที่ควรปรับ', 'วัดผลหลังเปลี่ยน'],
|
||||
cta: 'อยากรู้ว่าการตลาดของคุณควรปรับตรงไหน',
|
||||
relatedPortfolioCategories: ['consult'],
|
||||
},
|
||||
{
|
||||
title: 'Automation Workflow',
|
||||
slug: 'automation-workflow',
|
||||
shortDescription: 'วางระบบทำงานอัตโนมัติสำหรับงานที่มีขั้นตอนแน่นอน ช่วยให้ทีมไม่ต้องเสียเวลากับงานซ้ำ',
|
||||
hero: {
|
||||
title: 'ลดงานซ้ำ ด้วยระบบการทำงานอัตโนมัติ',
|
||||
subtitle:
|
||||
'เราช่วยวางระบบอัตโนมัติด้วยการเขียนแอปหรือเชื่อมต่อเครื่องมือที่มีอยู่ เพื่อให้งานที่มีขั้นตอนชัดเจนทำงานได้เร็วขึ้น และลดเวลาที่พนักงานต้องทำซ้ำ',
|
||||
},
|
||||
problems: [
|
||||
'พนักงานต้อง copy/paste ข้อมูลซ้ำ',
|
||||
'งานมีขั้นตอนชัดเจน แต่ยังต้องทำมือ',
|
||||
'ข้อมูลกระจายหลายที่',
|
||||
'ผู้สนใจหรืองานเอกสารหลุดระหว่างทาง',
|
||||
'ผู้จัดการต้องตามงานเดิมซ้ำ ๆ',
|
||||
],
|
||||
outcomes: ['Form to spreadsheet หรือ CRM', 'แจ้งเตือนทีมเมื่อมีผู้สนใจติดต่อเข้ามา', 'สร้างเอกสารจากข้อมูลที่กรอก', 'Dashboard รายงาน', 'Internal mini app สำหรับงานซ้ำ'],
|
||||
process: ['วาดขั้นตอนทำงานเดิม', 'แยกงานที่ทำซ้ำ', 'เชื่อมเครื่องมือหรือเขียนแอปเล็ก ๆ', 'ทดลองกับคนที่ใช้งานจริง'],
|
||||
cta: 'มีงานซ้ำที่อยากให้ระบบช่วยทำไหม',
|
||||
relatedPortfolioCategories: ['automation'],
|
||||
},
|
||||
{
|
||||
title: 'AI Consult',
|
||||
slug: 'ai-consult',
|
||||
shortDescription: 'ออกแบบวิธีใช้ AI ให้ทำงานร่วมกับพนักงาน และช่วยเก็บความรู้สำคัญไว้ในองค์กร',
|
||||
hero: {
|
||||
title: 'ให้ AI ทำงานร่วมกับพนักงาน และเก็บความรู้ไว้กับองค์กร',
|
||||
subtitle:
|
||||
'เราช่วยออกแบบวิธีใช้ AI ให้เข้ากับงานจริงของทีม และค่อย ๆ เก็บความรู้จากพนักงาน เพื่อให้ความรู้สำคัญยังอยู่กับองค์กรแม้มีการเปลี่ยนคน',
|
||||
},
|
||||
problems: [
|
||||
'ความรู้สำคัญอยู่กับพนักงานบางคน',
|
||||
'พนักงานใหม่ต้องใช้เวลานานในการเรียนรู้งาน',
|
||||
'คำถามซ้ำ ๆ ไม่มีแหล่งคำตอบกลาง',
|
||||
'เอกสารกระจัดกระจาย',
|
||||
'ใช้ AI แบบทดลอง แต่ยังไม่เชื่อมกับงานจริง',
|
||||
],
|
||||
outcomes: ['แผนการใช้ AI ที่เหมาะกับทีม', 'โครงสร้างคลังความรู้', 'Prototype หรือ workflow ทดลอง', 'คู่มือการใช้งาน', 'Roadmap สำหรับปรับต่อ'],
|
||||
process: ['รวบรวมความรู้เดิม', 'จัดโครงสร้างให้ค้นหาได้', 'ออกแบบ AI assistant', 'ให้พนักงานใช้และเพิ่มความรู้ต่อ'],
|
||||
cta: 'อยากให้ความรู้ของทีมอยู่กับองค์กรต่อไปไหม',
|
||||
relatedPortfolioCategories: ['ai-consult'],
|
||||
},
|
||||
] as const;
|
||||
|
||||
export type Service = (typeof services)[number];
|
||||
22
redesign-input/raw/src-data/site.ts
Normal file
22
redesign-input/raw/src-data/site.ts
Normal file
@@ -0,0 +1,22 @@
|
||||
export const site = {
|
||||
name: 'MoreminiMore',
|
||||
title: 'MoreminiMore | เพิ่มยอดขาย ลดต้นทุน ประหยัดเวลา',
|
||||
description:
|
||||
'ที่ปรึกษาด้านเว็บไซต์ การตลาดออนไลน์ AI และระบบอัตโนมัติสำหรับ SME ไทย เริ่มจากดูข้อมูลจริงก่อน แล้วค่อยเลือกสิ่งที่ควรทำ',
|
||||
url: 'https://moreminimore.com',
|
||||
logo: {
|
||||
light: '/images/logo-long.png',
|
||||
dark: '/images/logo-long-black.png',
|
||||
mark: '/images/logo.svg',
|
||||
},
|
||||
cta: {
|
||||
primary: { label: 'ปรึกษาฟรี 30 นาที', href: '/contact' },
|
||||
secondary: { label: 'ดูผลงานจริง', href: '/portfolio' },
|
||||
},
|
||||
contact: {
|
||||
phone: '080-995-5945',
|
||||
email: 'contact@moreminimore.com',
|
||||
lineLabel: 'LINE',
|
||||
lineHref: '#',
|
||||
},
|
||||
};
|
||||
Reference in New Issue
Block a user