diff --git a/src/layouts/Layout.astro b/src/layouts/Layout.astro index e5b38d7..dbacddb 100644 --- a/src/layouts/Layout.astro +++ b/src/layouts/Layout.astro @@ -56,7 +56,7 @@ const { title = 'MoreminiMore - ที่ปรึกษาองค์กร AI
- @@ -218,10 +200,6 @@ const { title = 'MoreminiMore - ที่ปรึกษาองค์กร AI
-

© {new Date().getFullYear()} MoreminiMore Co.,Ltd. สงวนลิขสิทธิ์

diff --git a/src/styles/global.css b/src/styles/global.css index 0949a51..29b73f0 100644 --- a/src/styles/global.css +++ b/src/styles/global.css @@ -10,6 +10,10 @@ --color-secondary: #000000; --color-secondary-light: #1a1a1a; + /* Brand Accent - Royal Blue */ + --color-brand-blue: #1e40af; + --color-brand-blue-hover: #1e3a8a; + /* AI/Tech Accent Colors */ --color-accent-blue: #2563eb; --color-accent-blue-hover: #1d4ed8; @@ -82,6 +86,11 @@ /* Gradient Backgrounds */ .gradient-primary { background: linear-gradient(135deg, var(--color-primary) 0%, #ffd700 100%); + color: var(--color-secondary); + } + + .gradient-brand { + background: linear-gradient(135deg, var(--color-brand-blue) 0%, var(--color-accent-blue) 100%); } .gradient-ai { @@ -108,6 +117,21 @@ box-shadow: 0 10px 20px rgba(254, 212, 0, 0.3); } + .btn-brand { + background-color: var(--color-brand-blue); + color: var(--color-white); + padding: 0.75rem 2rem; + border-radius: 9999px; + font-weight: 700; + transition: all 0.3s ease; + } + + .btn-brand:hover { + background-color: var(--color-brand-blue-hover); + transform: translateY(-2px); + box-shadow: 0 10px 20px rgba(30, 64, 175, 0.4); + } + .btn-secondary { background-color: var(--color-secondary); color: var(--color-white);