From 58c27d3bb390d273946d586137ba2013c870c8e8 Mon Sep 17 00:00:00 2001 From: Kunthawat Greethong Date: Wed, 10 Jun 2026 11:11:26 +0700 Subject: [PATCH] =?UTF-8?q?fix(home):=20service=20tile=20colors=20mint=20?= =?UTF-8?q?=C2=B7=20purple=20=C2=B7=20coral=20=C2=B7=20purple-soft?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/pages/index.astro | 18 +++++++++++++----- 1 file changed, 13 insertions(+), 5 deletions(-) diff --git a/src/pages/index.astro b/src/pages/index.astro index 1990306..bc3f110 100644 --- a/src/pages/index.astro +++ b/src/pages/index.astro @@ -153,7 +153,7 @@ const featuredPortfolio = portfolio.filter(p => const tileCopy = [ { eyebrow: 'ที่ปรึกษาด้าน AI', - surface: 'white', + surface: 'mint', subtitle: 'การนำ AI มาปรับใช้ในองค์กร เพื่อลดต้นทุนและเวลา รวมถึงการรักษาความรู้จากพนักงานที่เชี่ยวชาญ', objective: 'รักษาความรู้ขององค์กร ลดต้นทุนและเวลาการทำงาน', bullets: [ @@ -164,7 +164,7 @@ const featuredPortfolio = portfolio.filter(p => }, { eyebrow: 'วางระบบ Automation', - surface: 'soft', + surface: 'purple', subtitle: 'การออกแบบระบบ Automation สำหรับธุรกิจคุณโดยเฉพาะ', objective: 'ลดต้นทุนและเวลา', bullets: [ @@ -175,7 +175,7 @@ const featuredPortfolio = portfolio.filter(p => }, { eyebrow: 'ที่ปรึกษาการตลาดออนไลน์', - surface: 'purple-soft', + surface: 'coral', subtitle: 'ออกแบบและวางกลยุทธ์ตามสถิติ กลุ่มเป้าหมาย และการทำงานขององค์กรคุณ', objective: 'เพิ่มยอดขาย', bullets: [ @@ -186,7 +186,7 @@ const featuredPortfolio = portfolio.filter(p => }, { eyebrow: 'พัฒนาเว็บไซต์', - surface: 'mint', + surface: 'purple-soft', subtitle: 'พัฒนาเว็บไซต์ที่สร้างผลลัพธ์ได้จริง สวยงาม และลูกค้าสามารถดูแลได้เอง', objective: 'เพิ่มยอดขาย และความน่าเชื่อถือให้ธุรกิจ', bullets: [ @@ -402,7 +402,15 @@ const featuredPortfolio = portfolio.filter(p => opacity: 0.4; } - /* Light text on dark service tiles — no longer used (kept for safety) */ + /* Light text on dark service tiles */ + .surface-purple .mega-subtitle, + .surface-purple .mega-bullets, + .surface-purple .mega-bullets li::before, + .surface-coral .mega-subtitle, + .surface-coral .mega-bullets, + .surface-coral .mega-bullets li::before { + color: rgba(255, 255, 255, 0.95); + } .surface-soft .mega-subtitle { color: var(--color-gray-700); } .mega-objective { display: inline-flex;