cleanup: remove blog-article-lead, remove 4 mock-up articles

- Remove .blog-article-lead from article detail and listing pages
- Delete 4 stub articles: sme-website-next-action, marketing-automation-reduce-work, ads-not-worth-it, ai-for-sme-start-with-pain
- Clean up unused CSS

src/content/blog/ads-not-worth-it.md

@@ -1,25 +0,0 @@
----
-title: "ยิงแอดแล้วไม่คุ้ม อาจไม่ใช่เพราะยิงผิดแพลตฟอร์ม"
-description: "บางครั้งปัญหาอยู่ที่ intent ของคนที่เข้ามา ข้อความหน้าเว็บ หรือการวัดผลที่ยังไม่บอกคุณภาพลูกค้า"
-pubDate: 2026-06-19
-category: "Marketing"
-heroImage: "/images/blog-marketing.jpg"
-tags: ["marketing", "ads", "analytics"]
-draft: false
----
-
-เวลายิงแอดแล้วไม่คุ้ม หลายธุรกิจมักรีบสรุปว่าแพลตฟอร์มไม่ดี หรือควรย้ายงบไปช่องทางอื่นทันที
-
-แต่บางครั้งปัญหาไม่ได้อยู่ที่แพลตฟอร์ม ปัญหาอาจอยู่ที่คนที่เข้ามายังไม่ใช่กลุ่มที่พร้อมซื้อ ข้อความในเว็บไม่ตอบสิ่งที่เขากังวล หรือทีมยังวัดแค่จำนวน lead โดยไม่ดูคุณภาพ
-
-## อย่าดูแค่จำนวนคนทัก
-
-จำนวนคนทักเยอะไม่ได้แปลว่างานการตลาดดีเสมอไป ถ้าคนที่ทักมาไม่ตรงกลุ่ม ใช้งบเยอะขึ้นก็อาจทำให้ทีมเหนื่อยขึ้นโดยยอดขายไม่เพิ่ม
-
-ควรดูว่าลูกค้าที่ทักมามาจากคำค้นหรือข้อความแบบไหน มีคำถามอะไรซ้ำ และสุดท้ายกลุ่มไหนกลายเป็นยอดขายจริง
-
-## จุดที่ควรตรวจพร้อมกัน
-
-การยิงแอด เว็บ และขั้นตอนรับ lead ต้องดูร่วมกัน เพราะลูกค้าไม่ได้เห็นแค่โฆษณา เขายังอ่านหน้าเว็บ เปรียบเทียบความน่าเชื่อถือ และตัดสินใจจากประสบการณ์ทั้งหมด
-
-ก่อนเพิ่มงบ ควรดูข้อมูลให้ชัดก่อนว่าควรแก้ที่ targeting, message, landing page หรือขั้นตอนติดตามลูกค้า

src/content/blog/ai-for-sme-start-with-pain.md

@@ -1,25 +0,0 @@
----
-title: "AI สำหรับ SME ไทย: เริ่มจากงานที่เจ็บที่สุดก่อน"
-description: "AI ไม่จำเป็นต้องเริ่มจากระบบใหญ่ เริ่มจากคำถามซ้ำ งานเอกสารซ้ำ หรือข้อมูลที่ทีมใช้ตัดสินใจก่อนจะคุ้มกว่า"
-pubDate: 2026-06-22
-category: "AI Consult"
-heroImage: "/images/blog-ai.jpg"
-tags: ["AI", "SME", "workflow"]
-draft: false
----
-
-หลายธุรกิจเริ่มสนใจ AI จากคำถามว่า "ควรใช้เครื่องมืออะไร" แต่คำถามที่คุ้มกว่ามักเป็น "งานไหนในทีมเจ็บที่สุด และเกิดซ้ำบ่อยที่สุด"
-
-ถ้าเริ่มจากเครื่องมือก่อน ธุรกิจมักได้ระบบที่ดูน่าสนใจ แต่ทีมไม่ได้ใช้จริง เพราะมันไม่ได้แก้จุดที่เสียเวลา เสียโอกาส หรือทำให้ตัดสินใจช้า
-
-## จุดเริ่มต้นที่ดีกว่า
-
-เริ่มจากรวบรวมงานที่เกิดซ้ำ เช่น คำถามลูกค้าที่ตอบบ่อย เอกสารที่ต้องสรุปซ้ำ ข้อมูลขายที่ทีมต้องเปิดหลายที่ หรือขั้นตอนตรวจงานที่ใช้เวลามากเกินไป
-
-จากนั้นค่อยดูว่างานนั้นเหมาะกับ AI แบบไหน: ช่วยร่าง ช่วยสรุป ช่วยจัดหมวดหมู่ ช่วยค้นข้อมูล หรือช่วยเป็นผู้ช่วยตัดสินใจเบื้องต้น
-
-## สิ่งที่ควรวัด
-
-อย่าวัดแค่ว่าใช้ AI แล้วดูทันสมัยขึ้น ให้วัดว่างานลดลงจริงไหม ความผิดพลาดลดลงไหม ทีมตอบลูกค้าเร็วขึ้นไหม และข้อมูลที่ใช้ตัดสินใจชัดขึ้นไหม
-
-AI ที่ดีสำหรับ SME ไม่จำเป็นต้องใหญ่ที่สุด แต่ต้องเริ่มจากปัญหาที่ใช่ และทำให้ทีมทำงานง่ายขึ้นจริง

src/content/blog/marketing-automation-reduce-work.md

@@ -1,25 +0,0 @@
----
-title: "Marketing Automation ควรช่วยลดงาน ไม่ใช่เพิ่มเครื่องมือ"
-description: "ก่อนเลือกเครื่องมือ ควรดู workflow จริงก่อนว่าขั้นตอนไหนซ้ำ ช้า หรือผิดพลาดบ่อย แล้วค่อยออกแบบระบบช่วย"
-pubDate: 2026-06-21
-category: "Automation"
-heroImage: "/images/blog-automation.jpg"
-tags: ["automation", "marketing", "workflow"]
-draft: false
----
-
-Marketing Automation ที่ดีไม่ควรทำให้ทีมต้องดู dashboard เพิ่มอีกหลายหน้า หรือจำขั้นตอนใหม่จนเหนื่อยกว่าเดิม
-
-เป้าหมายของ automation คือช่วยลดงานซ้ำ ลดการลืมติดตามลูกค้า และทำให้ทีมเห็นสถานะงานชัดขึ้น
-
-## ก่อนเลือกเครื่องมือ ควรดู workflow
-
-ลองไล่ตั้งแต่ลูกค้าทักเข้ามา ทีมรับข้อมูลอย่างไร เก็บไว้ที่ไหน ใครเป็นคนตามต่อ และมีจุดไหนที่ข้อมูลหล่นหรือซ้ำบ่อย
-
-ถ้ายังไม่เห็น flow จริง การเลือกเครื่องมือก่อนอาจทำให้ระบบใหม่ไปซ้อนกับวิธีทำงานเดิม จนสุดท้ายทีมต้องทำงานสองรอบ
-
-## Automation ที่ควรเริ่ม
-
-เริ่มจากจุดเล็กที่กระทบยอดขายหรือเวลาทีม เช่น แจ้งเตือน lead ที่ยังไม่ได้ตาม เก็บข้อมูลจากฟอร์มเข้าที่เดียว หรือส่งสรุปงานให้ทีมทุกวันโดยไม่ต้องทำมือ
-
-ระบบที่ดีควรทำให้ทีมรู้ว่าต้องทำอะไรต่อ ไม่ใช่แค่มีเครื่องมือเพิ่มในบริษัท

src/content/blog/sme-website-next-action.md

@@ -1,25 +0,0 @@
----
-title: "เว็บ SME ที่ดีควรถามได้ว่าลูกค้าควรทำอะไรต่อ"
-description: "เว็บไซต์ไม่ใช่แค่หน้าแนะนำบริษัท แต่ควรช่วยให้ลูกค้าเข้าใจปัญหา เห็นทางเลือก และรู้ว่าควรติดต่อเรื่องอะไร"
-pubDate: 2026-06-20
-category: "Website"
-heroImage: "/images/blog-website.jpg"
-tags: ["website", "SME", "conversion"]
-draft: false
----
-
-เว็บไซต์ธุรกิจไม่ควรเป็นแค่โบรชัวร์ออนไลน์ที่บอกว่าบริษัททำอะไร แต่ควรช่วยพาลูกค้าไปสู่การตัดสินใจที่ง่ายขึ้น
-
-ลูกค้าหลายคนไม่ได้เริ่มจากการรู้ว่าต้องซื้ออะไร เขาเริ่มจากอาการ เช่น ยอดขายไม่โต เว็บไม่ค่อยมีคนทัก หรือไม่แน่ใจว่าบริการไหนเหมาะกับตัวเอง
-
-## หน้าเว็บควรช่วยตอบคำถาม
-
-เว็บที่ดีควรตอบให้ได้ว่า ปัญหานี้เหมาะกับบริการไหน ควรเริ่มคุยเรื่องอะไร ต้องเตรียมข้อมูลแบบไหน และทำไมควรเชื่อว่าทีมนี้ช่วยได้
-
-ถ้าลูกค้าอ่านจบแล้วยังไม่รู้ว่าต้องทำอะไรต่อ เว็บอาจสวย แต่ยังไม่ได้ช่วยธุรกิจเท่าที่ควร
-
-## CTA ต้องผูกกับปัญหา
-
-ปุ่มติดต่อไม่จำเป็นต้องขายแรงเสมอไป สำหรับ SME หลายเคส CTA ที่ดีคือการชวนให้เล่าโจทย์ก่อน แล้วช่วยดูว่าควรเริ่มแก้ตรงไหน
-
-เว็บจึงควรเป็นพื้นที่ช่วยคัดกรองและทำให้บทสนทนาแรกมีคุณภาพขึ้น

src/pages/blog.astro

@@ -45,7 +45,6 @@ const allCategories = [...new Set(posts.map((p) => p.data.category))].sort();
               <span class="blog-date eyebrow">{fmt}</span>
             </div>
             <h3>{post.data.title}</h3>
-            <p>{post.data.description}</p>
           </a>
         );
       })}
@@ -134,12 +133,6 @@ const allCategories = [...new Set(posts.map((p) => p.data.category))].sort();
     font-size: 1.1rem;
     font-weight: 800;
     line-height: 1.35;
-    margin: 0 0 6px;
-  }
-  .blog-card p {
-    color: var(--muted);
-    font-size: 0.85rem;
-    line-height: 1.55;
     margin: 0;
   }
 
@@ -166,8 +159,7 @@ const allCategories = [...new Set(posts.map((p) => p.data.category))].sort();
       justify-content: center;
       flex-wrap: wrap;
     }
-    .blog-card h3,
-    .blog-card p {
+    .blog-card h3 {
       margin-inline: auto;
       text-align: center;
     }

src/pages/blog/[slug].astro

@@ -133,7 +133,6 @@ const faqPageJsonLd = faqPairs.length > 0
           <span class="eyebrow">{formattedDate}</span>
         </div>
         <h1>{post.data.title}</h1>
-        <p class="blog-article-lead">{post.data.description}</p>
       </div>
     </header>
 

src/styles/global.css

@@ -2697,16 +2697,6 @@ border-radius: 18px;
   line-height: .88;
 }
 
-.blog-article-lead {
-  max-width: 720px;
-  border-left: 3px solid var(--yellow);
-  margin: 0;
-  padding-left: clamp(16px, 2vw, 24px);
-  color: var(--muted);
-  font-size: clamp(1.08rem, 1vw + 1rem, 1.5rem);
-  line-height: 1.55;
-}
-
 .blog-article-shell {
   padding: 0 0 clamp(54px, 8vw, 104px);
 }