---
import BaseLayout from '../layouts/BaseLayout.astro';
import ContactForm from '../components/ContactForm.astro';
import SiteFooter from '../components/SiteFooter.astro';
const services = [
  ['01', 'Website Development', 'เว็บไซต์ที่ช่วยหาลีดหรือช่วยให้จำแบรนด์', 'เหมาะกับธุรกิจที่มีเว็บแล้วแต่ลูกค้ายังไม่ค่อยติดต่อ หรืออยากเริ่มเว็บใหม่ให้วัดผลได้ตั้งแต่วันแรก รวมถึงธุรกิจที่มีปัญหาเรื่อง SEO และ GEO', ['ศึกษาสินค้าและกลุ่มเป้าหมายก่อนเริ่มงาน เพื่อให้เว็บไซต์ตรงกับรูปแบบที่กลุ่มเป้าหมายต้องการมากที่สุด', 'มีระบบเก็บสถิติให้ โดยลูกค้าเป็นเจ้าของข้อมูลนั้นเอง', 'คำนึงถึงความง่ายในการปรับแต่ง ให้ลูกค้าสามารถแก้ไขเว็บไซต์ได้ด้วยตัวเองเป็นหลัก', 'ให้คำแนะนำแนวทาง content strategy เบื้องต้น เพราะเราคาดหวังให้ลูกค้าได้กำไรจากผลงาน']],
  ['02', 'Marketing Consult', 'วางกลยุทธ์การตลาดจากสถิติ', 'เหมาะกับธุรกิจที่ยิงโฆษณาอยู่ แต่ยอดขายไม่คุ้ม หรือมีคนทักมาแล้วไม่ใช่ลูกค้าที่ควรได้ รวมถึงธุรกิจที่ยิงโฆษณา โดยไม่รู้ว่าโฆษณาที่ลงทุนไปนั้นคุ้มค่าหรือยัง?', ['วางระบบเก็บข้อมูลทางสถิติสำหรับเว็บไซต์ โฆษณา และยอดขาย', 'การวางกลยุทธ์จะใช้ข้อมูลสถิติเป็นพื้นฐาน', 'แต่ละช่องทางและแต่ละกลุ่มลูกค้าจะมีกลยุทธ์แตกต่างกัน']],
  ['03', 'Automation Workflow', 'วางระบบงานให้มีความรวดเร็วและลดความผิดพลาด', 'เหมาะกับธุรกิจที่ยังใช้ระบบงานที่เน้นแรงงานคนมาก ซึ่งช้าและมีโอกาสผิดพลาดสูง', ['งานที่มีการทำซ้ำ จะมีระบบงานมาแทนที่ทั้งหมด', 'เลือกระบบงานที่เหมาะสม กับความต้องการของลูกค้า และพฤติกรรมองค์กร', 'ระบบงานจะไม่เน้นการปรับพฤติกรรมการทำงาน แต่จะประสานหรือเป็นหนึ่งเดียวแทน']],
  ['04', 'AI Consult', 'ระบบงานที่ผสาน AI เป็นส่วนหนึ่งในระบบ', 'เหมาะกับธุรกิจที่อยากใช้ AI ให้เกิดประโยชน์สูงสุด และไม่ต้องการให้ความรู้อยู่กับพนักงานเท่านั้น', ['วางระบบ AI ให้เป็นส่วนหนึ่งของการทำงาน', 'พนักงานจะไม่ต้องปรับตัวมาก และกระตุ้นให้ใช้งานระบบที่สร้างขึ้นจนเป็นนิสัย', 'ข้อมูลจะถูกเก็บอย่างเป็นความลับ และง่ายต่อการเข้าถึงและโยกย้าย']],
] as const;
const process = [['01', 'เข้าใจธุรกิจ', 'ทำความรู้จักสินค้า กลุ่มเป้าหมาย พฤติกรรมองค์กรของลูกค้า และปัญหาที่เจอจริง'], ['02', 'ดูข้อมูล', 'รวบรวมข้อมูลทางสถิติ ถ้าลูกค้ามีข้อมูลน้อย หรือยังไม่มีจะช่วยวางระบบเก็บข้อมูลให้ด้วย'], ['03', 'เลือกทางที่คุ้ม', 'สรุปกลยุทธ์สำหรับลูกค้าทั้งในระยะสั้น และระยะยาว พร้อมทั้งแนวทางการปรับกลยุทธ์เบื้องต้น'], ['04', 'ลงมือและวัดผล', 'การติดตามผลหลังจากปฏิบัติตามกลยุทธ์ และปรับกลยุทธ์ตามสถานการณ์ที่เปลี่ยนไป']];
const serviceSlugs = ['website-development', 'marketing-consult', 'automation-workflow', 'ai-consult'];
const portfolio = [
  ['Marketing Consult', 'Dataroot', 'บริษัทให้บริการ ERP Software และการปรับแต่ง ERP Software สำหรับองค์กรขนาดใหญ่', 'https://erp.dataroot.asia/', 'dataroot.png'],
  ['Website Development', 'Jet Industries', 'เว็บไซต์องค์กรผู้ผลิตพลาสติกฉีดขึ้นรูป ประสบการณ์กว่า 40 ปี', 'https://jetindustries.co.th/', 'jetindustries.png'],
  ['Marketing Consult · Website Development', 'Dealplustech', 'เว็บไซต์จัดจำหน่ายระบบน้ำและสุขภัณฑ์คุณภาพสูงสำหรับโรงงานและบ้านเรือน', 'https://www.dealplustech.co.th/', 'dealplustech.png'],
  ['Website Development', 'เลือดจระเข้วานิไทย', 'เว็บไซต์ผลิตภัณฑ์แคปซูลเลือดจระเข้เพื่อสุขภาพ', 'https://xn--22cl9aoj9cdnw9cvb0a1a6a8jh7e5d.com/', 'leudjorakhe.png'],
  ['Website Development', 'เทรนเนอร์ซันนี่', 'เว็บไซต์ personal brand และหลักสูตรอบรมสำหรับเทรนเนอร์ฟิตเนส', 'https://trainersunny.com/', 'trainersunny.png'],
  ['Website Development', 'Underdog Marketing', 'เว็บไซต์ของอาจารย์บุ้ง ดีดติ่งหู ที่ปรึกษาการตลาดและการขาย', 'https://underdog.run/', 'underdog.png'],
  ['Website Development', 'ทวนทอง 99', 'เว็บไซต์จำหน่ายสินค้าอุปโภคบริโภคและสมุนไพรไทย', 'https://tuanthong99.com/', 'tuanthong.png'],
  ['Website Development', 'สำนักงานกฎหมาย ตถาตา', 'เว็บไซต์สำนักงานกฎหมายที่เน้นความน่าเชื่อถือและการเข้าถึงง่าย', 'https://lawyernoom.com/', 'lawyernoom.png'],
  ['Website Development', 'Baofuling Shop', 'เว็บไซต์ร้านค้าออนไลน์จำหน่ายผลิตภัณฑ์อาหารเสริมและสุขภาพ', 'https://baofulingshop.com/', 'baofuling.png'],
];
---
<BaseLayout>
  <header class="site-header"><a class="brand-logo" href="#home" aria-label="MoreminiMore หน้าหลัก"><img src="/images/logos/logo-long-black.png" width="195" height="42" alt="MoreminiMore" /></a><nav class="desktop-nav" aria-label="เมนูหลัก"><a href="/about/">เกี่ยวกับเรา</a><details class="services-menu"><summary>บริการ <span aria-hidden="true">+</span></summary><div class="services-submenu"><a href="/services/"><b>00</b><span>บริการทั้งหมด<small>เลือกบริการจากปัญหาธุรกิจ</small></span></a><a href="/services/website-development/"><b>01</b><span>Website Development<small>เว็บไซต์ที่ช่วยหาลีดและสร้างแบรนด์</small></span></a><a href="/services/marketing-consult/"><b>02</b><span>Marketing Consult<small>วางกลยุทธ์จากข้อมูลจริง</small></span></a><a href="/services/automation-workflow/"><b>03</b><span>Automation Workflow<small>ลดงานซ้ำและความผิดพลาด</small></span></a><a href="/services/ai-consult/"><b>04</b><span>AI Consult<small>เปลี่ยนความรู้ให้เป็นระบบ</small></span></a></div></details><a href="#portfolio">ผลงาน</a><a href="/faq/">คำถามที่พบบ่อย</a><a href="/blog/">บทความ</a></nav><details class="mobile-nav"><summary aria-label="เปิดเมนูนำทาง">เมนู <span aria-hidden="true">+</span></summary><nav aria-label="เมนูมือถือ"><a href="/about/">เกี่ยวกับเรา</a><span class="mobile-nav-label">บริการ</span><a href="/services/">บริการทั้งหมด</a><a href="/services/website-development/">Website Development</a><a href="/services/marketing-consult/">Marketing Consult</a><a href="/services/automation-workflow/">Automation Workflow</a><a href="/services/ai-consult/">AI Consult</a><a href="#process">วิธีการทำงาน</a><a href="#case-study">กรณีศึกษา</a><a href="#portfolio">ผลงาน</a><a href="/faq/">คำถามที่พบบ่อย</a><a href="/blog/">บทความ</a><a href="#contact">ลองคุยกัน 15 นาที</a></nav></details><a class="header-cta" href="#contact">ลองคุยกัน 15 นาที <span aria-hidden="true">↗</span></a></header>
  <main id="content">
    <section class="hero" id="home" aria-labelledby="hero-title"><div class="hero-copy" data-hero-copy><p class="eyebrow"><span class="live-dot"></span> Partner for practical growth</p><p class="hero-kicker">พาร์ทเนอร์สำหรับ SME ที่อยากตัดสินใจให้คุ้มขึ้น</p><h1 id="hero-title">เป้าหมายของเราคือ<br /><em>เพิ่มกำไร</em>ให้ลูกค้า</h1><p class="hero-lede">เราช่วย SME ดูข้อมูลจริงก่อนตัดสินใจทำเว็บ การตลาด AI หรือระบบอัตโนมัติ เพื่อเลือกสิ่งที่ควรทำอย่างมีประสิทธิภาพ และเหมาะกับธุรกิจของคุณ</p><div class="hero-actions"><a class="button button-primary" href="#contact">ลองคุยกัน 15 นาที <span>↗</span></a><a class="text-link" href="#portfolio">ดูผลงานก่อน <span>↓</span></a></div></div><figure class="hero-illustration" data-parallax-panel><img src="/images/illustrations/brand-direction.jpg" alt="เข็มทิศธุรกิจชี้ไปสู่ทิศทางการเติบโต" width="1536" height="1024" fetchpriority="high" /></figure></section>
    <div class="motion-ticker" aria-hidden="true"><div>WEBSITE DEVELOPMENT <span>✦</span> MARKETING CONSULT <span>✦</span> AUTOMATION WORKFLOW <span>✦</span> AI CONSULT <span>✦</span> WEBSITE DEVELOPMENT <span>✦</span> MARKETING CONSULT <span>✦</span></div></div>
    <section class="problem-strip" aria-label="ปัญหาที่เราช่วยแก้"><p class="eyebrow">START WITH THE PROBLEM</p><h2>คุณมีปัญหาเหล่านี้ไหม?</h2><div class="problem-list"><p><b>01</b> เว็บมีอยู่แล้ว แต่ไม่ค่อยมีลูกค้าทัก</p><p><b>02</b> ยิงแอดอยู่ แต่ยอดขายไม่คุ้ม</p><p><b>03</b> ทีมงานทำงานช้า หรือผิดพลาดบ่อย</p><p><b>04</b> พนักงานลาออก พร้อมกับความรู้เกี่ยวกับลูกค้า</p></div><p class="problem-close">ถ้าคุณมี 1 ใน 4 ปัญหานี้ <span>—</span> คุณคือคนที่เราอยากช่วย</p></section>
    <section class="section services" id="services" aria-labelledby="services-title"><div class="section-heading"><p class="eyebrow">SERVICES / WHAT WE DO</p><h2 id="services-title">บริการเพื่อตอบโจทย์<br />ปัญหาของคุณ</h2><p>ทุกบริการเริ่มจากบริบทธุรกิจและข้อมูลที่มี ไม่ใช่จากคำตอบสำเร็จรูป</p></div><div class="service-list">{services.map(([number,name,title,text,points], index) => <article class="service-card"><div class="service-index">{number}</div><div><p class="service-name">{name}</p><h3><a href={`/services/${serviceSlugs[index]}/`}>{title}</a></h3><p class="service-text">{text}</p><ul>{points.map((point) => <li>{point}</li>)}</ul><a class="service-detail" href={`/services/${serviceSlugs[index]}/`}>ดูรายละเอียดบริการ <span aria-hidden="true">↗</span></a></div><span class="service-arrow" aria-hidden="true">↘</span></article>)}</div></section>
    <section class="case-study" id="case-study" aria-labelledby="case-title"><div class="case-intro" data-reveal><p class="eyebrow light">CASE STUDY / DATAROOT</p><h2 id="case-title">ปรับให้ทุกบาท<br /><em>ไปถึงคนที่ใช่</em></h2><p>บริษัทให้บริการ ERP Software และการปรับแต่ง ERP Software สำหรับองค์กรขนาดใหญ่</p><a class="case-link" href="https://erp.dataroot.asia/" target="_blank" rel="noreferrer">เยี่ยมชม Dataroot <span>↗</span></a><figure class="case-visual"><img src="/images/portfolio/dataroot.png" alt="หน้าเว็บไซต์ Dataroot" loading="lazy" decoding="async" /></figure></div><div class="case-data" data-reveal><div class="data-topline"><span>CAMPAIGN RESULT</span><span>MARKETING CONSULT</span></div><div class="data-story"><div><b>01</b><h3>ปัญหา</h3><p>ยิงโฆษณาและทำการตลาดอยู่แล้ว แต่ต้องใช้งบประมาณสูงมาก โดยลูกค้าที่ได้มาไม่คุ้มค่ากับงบประมาณที่จ่ายไป</p></div><div><b>02</b><h3>สิ่งที่พบ</h3><p>ตั้งค่าโฆษณากว้างมากเกินไป ทำให้เสียงบประมาณไปกับกลุ่มคนที่ไม่ใช่เป้าหมาย</p></div><div><b>03</b><h3>สิ่งที่ปรับ</h3><p>ปรับการตั้งค่าโดยโฟกัสกลุ่มเป้าหมาย เพื่อให้โฆษณาไปแสดงเฉพาะกลุ่มคนที่น่าจะเป็นลูกค้า</p></div></div><div class="metrics" aria-label="ผลลัพธ์ Dataroot"><div><strong>+373<span>%</span></strong><p>impression</p></div><div><strong>+114.2<span>%</span></strong><p>click</p></div><div><strong>−28.3<span>%</span></strong><p>ad spend</p></div></div></div></section>
    <section class="section process" id="process" aria-labelledby="process-title"><div class="section-heading"><p class="eyebrow">HOW WE WORK</p><h2 id="process-title">กลยุทธ์และระบบงานของเรา<br />สำหรับลูกค้าแต่ละราย<em>ไม่เหมือนกัน</em></h2></div><ol class="process-grid">{process.map(([number,title,text]) => <li><span>{number}</span><h3>{title}</h3><p>{text}</p></li>)}</ol></section>
    <section class="section portfolio" id="portfolio" aria-labelledby="portfolio-title"><div class="section-heading portfolio-heading" data-reveal><div><p class="eyebrow">SELECTED WORK</p><h2 id="portfolio-title">ผลงานจริง<br />ของเรา</h2></div><p>ผลงานที่แสดงเป็นส่วนที่เปิดเผยได้ — บางโปรเจกต์มีข้อมูลลับของลูกค้า จึงไม่สามารถนำมาโชว์ได้</p></div><p class="portfolio-note">เราออกแบบตามวัตถุประสงค์ของลูกค้า ไม่ใช่แค่ความสวยหรือเทคโนโลยี — เพราะกลุ่มเป้าหมายต่างกัน ประสบการณ์ที่ดีสำคัญกว่าเทคนิคที่หวือหวา</p><div class="portfolio-grid">{portfolio.map(([type,name,description,url,image],index) => <a class:list={['portfolio-card', `portfolio-${index+1}`]} href={url} target="_blank" rel="noreferrer" data-project><span class="project-type">{type}</span><span class="project-number">0{index+1}</span><figure class="project-image"><img src={`/images/portfolio/${image}`} alt={`ผลงานเว็บไซต์ ${name}`} loading="lazy" decoding="async" /></figure><div class="project-copy"><h3>{name}</h3><p>{description}</p></div><span class="project-arrow" aria-hidden="true">↗</span></a>)}</div></section>
    <section class="contact" id="contact" aria-labelledby="contact-title"><div class="contact-intro"><p class="eyebrow">LET'S START SIMPLE</p><h2 id="contact-title">ลองคุยกัน<br />15 นาที</h2><p>เล่าปัญหาที่อยากแก้แบบสั้น ๆ ทีมจะติดต่อกลับเพื่อช่วยดูว่าควรเริ่มจากจุดไหน</p><div class="contact-direct"><a href="tel:+66809955945">080-995-5945</a><a href="mailto:contact@moreminimore.com">contact@moreminimore.com</a><a href="https://line.me/R/ti/p/@moreminimore" target="_blank" rel="noreferrer">LINE @moreminimore</a></div></div><ContactForm source="home" /></section>
  </main>
  <SiteFooter />
  <script>
    import gsap from 'gsap';
    import ScrollTrigger from 'gsap/ScrollTrigger';
    gsap.registerPlugin(ScrollTrigger);

    const mm = gsap.matchMedia();
    mm.add({ desktop: '(min-width: 801px)', reduceMotion: '(prefers-reduced-motion: reduce)' }, (context) => {
      const { desktop, reduceMotion } = context.conditions as { desktop: boolean; reduceMotion: boolean };
      if (reduceMotion) return;

      const intro = gsap.timeline({ defaults: { ease: 'power3.out' } });
      intro.from('[data-hero-copy] > *', { autoAlpha: 0, y: 34, duration: .9, stagger: .08 })
        .from('[data-parallax-panel]', { autoAlpha: 0, x: 55, rotation: 2, duration: 1 }, '-=.75');

      ScrollTrigger.batch('[data-reveal], .service-card, .process-grid li', {
        start: 'top 88%',
        once: true,
        onEnter: (items) => gsap.from(items, { autoAlpha: 0, y: 54, duration: .85, stagger: .1, ease: 'power3.out' })
      });

      if (desktop) {
        gsap.to('[data-parallax-panel]', { yPercent: 4, rotation: -.4, ease: 'none', scrollTrigger: { trigger: '.hero', start: 'top top', end: 'bottom top', scrub: .8 } });
      }
    });
  </script>
</BaseLayout>
