diff --git a/src/components/Breadcrumbs.astro b/src/components/Breadcrumbs.astro new file mode 100644 index 0000000..b1a54ad --- /dev/null +++ b/src/components/Breadcrumbs.astro @@ -0,0 +1,85 @@ +--- +export async function getStaticPaths() { + // Define all pages with their titles + const pages = [ + { href: '/', title: 'หน้าแรก' }, + { href: '/about-us', title: 'เกี่ยวกับเรา' }, + { href: '/contact-us', title: 'ติดต่อเรา' }, + { href: '/web-development', title: 'AI-Enhanced Website' }, + { href: '/marketing-automation', title: 'Marketing Automation' }, + { href: '/seo-content-system', title: 'SEO + AI Content' }, + { href: '/tech-consult', title: 'Tech Consult' }, + { href: '/ai-automation', title: 'AI Automation' }, + { href: '/faq', title: 'FAQ' }, + { href: '/blog', title: 'บทความ' }, + ]; + + return pages.map((page) => ({ + params: { currentPage: page.href }, + props: { currentPage: page }, + })); +} + +interface Props { + currentPage: { href: string; title: string }; +} + +const { currentPage } = Astro.props; + +// Helper function to determine breadcrumb path +function getBreadcrumbPath(href: string) { + if (href === '/') return [{ href: '/', title: 'หน้าแรก' }]; + + const paths = href.split('/').filter(Boolean); + const breadcrumb = [{ href: '/', title: 'หน้าแรก' }]; + + let accumulatedPath = ''; + for (const path of paths) { + accumulatedPath += '/' + path; + breadcrumb.push({ + href: accumulatedPath, + title: pages.find(p => p.href === accumulatedPath)?.title || path, + }); + } + + return breadcrumb; +} + +const pages = [ + { href: '/', title: 'หน้าแรก' }, + { href: '/about-us', title: 'เกี่ยวกับเรา' }, + { href: '/contact-us', title: 'ติดต่อเรา' }, + { href: '/web-development', title: 'AI-Enhanced Website' }, + { href: '/marketing-automation', title: 'Marketing Automation' }, + { href: '/seo-content-system', title: 'SEO + AI Content' }, + { href: '/tech-consult', title: 'Tech Consult' }, + { href: '/ai-automation', title: 'AI Automation' }, + { href: '/faq', title: 'FAQ' }, + { href: '/blog', title: 'บทความ' }, +]; + +const breadcrumbPath = getBreadcrumbPath(currentPage.href); +--- + + diff --git a/src/layouts/Layout.astro b/src/layouts/Layout.astro index dbacddb..dec832b 100644 --- a/src/layouts/Layout.astro +++ b/src/layouts/Layout.astro @@ -82,12 +82,32 @@ const { title = 'MoreminiMore - ที่ปรึกษาองค์กร AI @@ -103,14 +123,30 @@ const { title = 'MoreminiMore - ที่ปรึกษาองค์กร AI diff --git a/src/pages/faq.astro b/src/pages/faq.astro new file mode 100644 index 0000000..e7ca77f --- /dev/null +++ b/src/pages/faq.astro @@ -0,0 +1,136 @@ +--- +import Layout from '../layouts/Layout.astro' +import Breadcrumbs from '../components/Breadcrumbs.astro' + +const faqs = [ + { + category: 'บริการ', + questions: [ + { + q: 'AI-Enhanced Website ต่างจากเว็บไซต์ทั่วไปอย่างไร?', + a: 'AI-Enhanced Website จะผสาน AI Chatbot ที่ตอบคำถามลูกค้าอัตโนมัติ 24/7 พร้อมระบบ SEO ที่ช่วยให้เว็บติดอันดับ Google ได้ง่ายขึ้น และมีระบบวิเคราะห์พฤติกรรมผู้ใช้งานเพื่อปรับปรุงเว็บไซต์อย่างต่อเนื่อง' + }, + { + q: 'Marketing Automation ช่วยธุรกิจฉันได้อย่างไร?', + a: 'ระบบจะช่วยให้คุณสื่อสารกับลูกค้าโดยอัตโนมัติ ผ่านหลายช่องทางเช่น LINE OA, Facebook Messenger, Email ช่วยลดงานซ้ำซ้อน เพิ่มการตอบสนองที่รวดเร็ว และติดตามผลการตลาดได้อย่างแม่นยำ' + }, + { + q: 'SEO + AI Content System ทำงานอย่างไร?', + a: 'เราใช้ AI วิจัย Keyword ที่มีศักยภาพ สร้างคอนเทนต์คุณภาพที่ตรงใจกลุ่มเป้าหมาย และปรับแต่งให้ถูกใจ Google ช่วยให้เว็บติดอันดับการค้นหาอย่างยั่งยืน' + }, + { + q: 'Tech Consult จำเป็นสำหรับธุรกิจฉันไหม?', + a: 'หากคุณกำลังวางแผนใช้เทคโนโลยีใหม่ ขยายระบบ หรือต้องการเลือกเครื่องมือที่เหมาะสมกับธุรกิจ การปรึกษาก่อนเริ่มโครงการจะช่วยประหยัดเวลาและงบประมาณได้มาก' + } + ] + }, + { + category: 'กระบวนการทำงาน', + questions: [ + { + q: 'เริ่มต้นใช้บริการอย่างไร?', + a: 'ติดต่อเรามาปรึกษาฟรี! เราจะพูดคุยความต้องการ ธุรกิจ และเป้าหมายของคุณ จากนั้นจึงแนะนำโซลูชันที่เหมาะสมที่สุด' + }, + { + q: 'ใช้เวลานานแค่ไหนถึงจะเห็นผล?', + a: 'ขึ้นอยู่กับบริการ: เว็บไซต์ใช้เวลา 2-6 สัปดาห์, Marketing Automation เห็นผลใน 1-3 เดือน, SEO ใช้เวลา 3-6 เดือนในการติดอันดับ' + }, + { + q: 'มีบริการหลังการขายไหม?', + a: 'มี! เราดูแลหลังการติดตั้ง อบรมการใช้งาน และพร้อมให้คำปรึกษาเมื่อคุณต้องการ' + }, + { + q: 'ต้องมีความรู้ทางเทคนิคไหม?', + a: 'ไม่จำเป็น! เราดูแลทุกอย่างตั้งแต่ต้นจนจบ และอบรมทีมของคุณให้ใช้งานระบบได้อย่างมั่นใจ' + } + ] + }, + { + category: 'ราคาและการชำระเงิน', + questions: [ + { + q: 'มี Package ไหนบ้าง?', + a: 'เรามีหลาย Package ตั้งแต่เริ่มต้นหลักหมื่น ไปจนถึงโครงการใหญ่ ขึ้นอยู่กับความต้องการและขอบเขตงาน ติดต่อเรามาประเมินราคาฟรี!' + }, + { + q: 'มีบริการแบบรายเดือนไหม?', + a: 'มี! บริการบางอย่างเช่น SEO, Marketing Automation มีแบบรายเดือน ซึ่งรวมถึงการดูแลอย่างต่อเนื่องและปรับปรุงระบบ' + }, + { + q: '付款方式 มีอะไรบ้าง?', + a: 'รับชำระเงินผ่านการโอนเงินธนาคาร บริษัทออกใบเสร็จและใบกำกับภาษีให้ได้' + } + ] + }, + { + category: 'เทคนิคและการรองรับ', + questions: [ + { + q: 'เว็บไซต์รองรับมือถือไหม?', + a: 'รองรับ 100%! ทุกเว็บไซต์ที่เราทำเป็น Responsive Design แสดงผลสวยงามทั้งบนมือถือ แท็บเล็ต และคอมพิวเตอร์' + }, + { + q: 'มี Warranty ไหม?', + a: 'มี! เราให้ Warranty สำหรับ bug และ error ที่เกิดจากระบบของเรา ตลอดอายุสัญญา' + }, + { + q: 'ถ้ามีปัญหาต้องทำอย่างไร?', + a: 'ติดต่อเราได้หลายช่องทาง: โทรศัพท์, LINE, Email เราจะตอบกลับภายใน 24 ชั่วโมงทำการ' + } + ] + } +] +--- + + + + +
+
+

+ คำถามที่พบบ่อย +

+

+ รวบรวมคำถามที่ลูกค้าถามบ่อย พร้อมคำตอบที่ชัดเจน +

+ + {faqs.map((category) => ( +
+

+ + {category.category} +

+
+ {category.questions.map((faq) => ( +
+ + {faq.q} + + + +
+ {faq.a} +
+
+ ))} +
+
+ ))} + + +
+

ยังมีคำถามอื่นอีก?

+

+ ติดต่อเรามาได้เลย ยินดีให้คำปรึกษาฟรี! +

+
+ + 📞 080-995-5945 + + + 💬 ติดต่อเรา + +
+
+
+
+ diff --git a/src/pages/portfolio.astro b/src/pages/portfolio.astro new file mode 100644 index 0000000..007524d --- /dev/null +++ b/src/pages/portfolio.astro @@ -0,0 +1,133 @@ +--- +import Layout from '../layouts/Layout.astro' +import Breadcrumbs from '../components/Breadcrumbs.astro' + +const projects = [ + { + title: 'ระบบ Chatbot สำหรับ E-commerce', + category: 'AI Automation', + icon: '🛍️', + challenge: 'ลูกค้ามีคำถามซ้ำๆ เกี่ยวกับสินค้า การจัดส่ง และโปรโมชั่น ทีมงานตอบไม่ทัน', + solution: 'พัฒนา AI Chatbot ที่ตอบคำถามอัตโนมัติ 24/7 เชื่อมต่อกับระบบสินค้าคงคลัง', + result: 'ลดงานตอบคำถาม 70% เพิ่มยอดขาย 25% จาก Conversion Rate ที่ดีขึ้น', + technologies: ['AI Chatbot', 'LINE OA', 'E-commerce Platform'] + }, + { + title: 'Website + SEO สำหรับคลินิกความงาม', + category: 'Web Development', + icon: '💄', + challenge: 'คลินิกไม่ปรากฏบน Google เมื่อค้นหาคำว่า "คลินิกความงาม ใกล้ฉัน"', + solution: 'สร้างเว็บไซต์ใหม่พร้อมทำ SEO On-page และสร้างคอนเทนต์คุณภาพ', + result: 'ติดอันดับ 1-3 Google ภายใน 4 เดือน ลูกค้าใหม่จาก Google เพิ่มขึ้น 300%', + technologies: ['Web Development', 'SEO', 'Content Marketing'] + }, + { + title: 'Marketing Automation สำหรับโรงเรียนสอนพิเศษ', + category: 'Marketing Automation', + icon: '🏫', + challenge: 'โรงเรียนต้องส่งข้อมูลคอร์สเรียนให้ผู้ปกครองจำนวนมาก ใช้เวลานาน', + solution: 'ตั้งค่าระบบส่งอีเมลและ LINE อัตโนมัติ ตามความสนใจของแต่ละคน', + result: 'ลดเวลาทำงาน 80% อัตราการลงทะเบียนเพิ่มขึ้น 40%', + technologies: ['Email Marketing', 'LINE OA', 'CRM'] + }, + { + title: 'ระบบจองคิวออนไลน์สำหรับร้านอาหาร', + category: 'Web Development', + icon: '🍽️', + challenge: 'ลูกค้าต้องโทรจองคิว เจ้าหน้าที่รับไม่ทันในช่วงเวลาเร่งด่วน', + solution: 'พัฒนาระบบจองคิวออนไลน์ผ่านเว็บและ LINE เชื่อมต่อกับ Google Calendar', + result: 'ลูกค้าพึงพอใจมากขึ้น ลดการโทรจอง 60% จัดการคิวได้มีประสิทธิภาพ', + technologies: ['Web App', 'LINE LIFF', 'Google Calendar API'] + }, + { + title: 'SEO Content System สำหรับบริษัทกฎหมาย', + category: 'SEO + AI Content', + icon: '⚖️', + challenge: 'บริษัทต้องการสร้างคอนเทนต์กฎหมายที่เข้าใจง่าย แต่ไม่มีเวลาเขียน', + solution: 'ใช้ AI ช่วยสร้างบทความกฎหมายจากคำถามที่พบบ่อย พร้อมทำ SEO', + result: 'มีบทความคุณภาพ 50+ บทความในเวลา 2 เดือน Traffic จาก Google เพิ่มขึ้น 500%', + technologies: ['AI Content', 'SEO', 'Content Strategy'] + } +] +--- + + + + +
+
+

+ ผลงานของเรา +

+

+ กรณีศึกษาจริงจากลูกค้าที่ไว้วางใจให้เราพัฒนาระบบ IT และ AI +

+ + +
+ + + + +
+ + +
+ {projects.map((project) => ( +
+
+
+
{project.icon}
+
+
{project.category}
+

{project.title}

+
+
+
+ +
+
+
+

🎯 ความท้าทาย

+

{project.challenge}

+
+
+

💡 วิธีแก้

+

{project.solution}

+
+
+

📊 ผลลัพธ์

+

{project.result}

+
+
+ +
+ {project.technologies.map((tech) => ( + + {tech} + + ))} +
+
+
+ ))} +
+ + +
+

สนใจให้เราทำให้คุณบ้างไหม?

+

+ ให้เราช่วยคุณสร้างระบบ IT และ AI ที่ตอบโจทย์ธุรกิจ +

+
+ + 💬 ปรึกษาฟรี + + + 📞 080-995-5945 + +
+
+
+
+ diff --git a/src/pages/sitemap.astro b/src/pages/sitemap.astro new file mode 100644 index 0000000..ef88931 --- /dev/null +++ b/src/pages/sitemap.astro @@ -0,0 +1,73 @@ +--- +import Layout from '../layouts/Layout.astro' +import Breadcrumbs from '../components/Breadcrumbs.astro' + +const services = [ + { href: '/web-development', icon: '🌐', title: 'AI-Enhanced Website', desc: 'ออกแบบและพัฒนาเว็บไซต์ที่ทันสมัย ผสาน AI Chatbot และ SEO' }, + { href: '/marketing-automation', icon: '🔄', title: 'Marketing Automation', desc: 'ตั้งค่าระบบการตลาดอัตโนมัติ เชื่อมต่อ LINE OA, Facebook, Email' }, + { href: '/seo-content-system', icon: '📝', title: 'SEO + AI Content System', desc: 'วิจัย Keyword และสร้างคอนเทนต์คุณภาพด้วย AI' }, + { href: '/tech-consult', icon: '🖥️', title: 'Tech Infrastructure Consult', desc: 'ให้คำปรึกษาระบบ Server, Data Pipeline และเลือกเครื่องมือ Tech' }, + { href: '/ai-automation', icon: '⚙️', title: 'AI Automation', desc: 'นำ Chatbot และ Workflow Automation มาใช้ ตอบลูกค้า 24/7' }, +] + +const pages = [ + { href: '/', title: 'หน้าแรก' }, + { href: '/about-us', title: 'เกี่ยวกับเรา' }, + { href: '/contact-us', title: 'ติดต่อเรา' }, + { href: '/faq', title: 'คำถามที่พบบ่อย' }, + { href: '/blog', title: 'บทความ' }, +] +--- + + + + +
+
+

+ แผนผังเว็บไซต์ +

+

+ รวบรวมทุกหน้าของเว็บไซต์ MoreminiMore เพื่อการเข้าถึงข้อมูลที่สะดวก +

+ + +
+

หน้าหลัก

+
+ {pages.map((page) => ( + +
{page.title}
+
{page.href}
+ + ))} +
+
+ + +
+

บริการของเรา

+
+ {services.map((service) => ( + +
{service.icon}
+
{service.title}
+
{service.desc}
+ + ))} +
+
+ + +
+

บทความล่าสุด

+
+ +
ดูบทความทั้งหมด →
+
/blog
+ +
+
+
+
+