feat: redesign landing pages — bố cục giàu hơn, mượt & cao cấp hơn

- Trang chủ: thêm thẻ trải nghiệm Cổ vật 3D, khu "sắp ra mắt" dạng thẻ gọn
  (bỏ ảnh lặp), bo góc mềm, badge vuông có chấm trạng thái
- Giới thiệu: bố cục editorial bất đối xứng, dải thống kê, 4 trụ giá trị di sản,
  hành trình số hóa 4 bước, thẻ CTA tour nổi bật
- Liên hệ: 2 cột (hướng dẫn đóng góp + thẻ liên hệ), nhúng bản đồ
- CTA: sửa màu chữ tương phản trên nền xanh/nền sáng

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
This commit is contained in:
tuyenio
2026-06-23 15:07:03 +07:00
parent f518c07763
commit 25772c9c25
4 changed files with 308 additions and 61 deletions
+5 -5
View File
@@ -890,7 +890,7 @@ a {
background:
linear-gradient(180deg, rgb(35 95 74), rgb(13 55 41)),
#123a2c;
color: var(--primary-foreground);
color: #f7f0e0;
box-shadow:
0 18px 44px rgb(14 52 39 / 0.22),
inset 0 1px 0 rgb(255 255 255 / 0.2),
@@ -960,17 +960,17 @@ a {
.public-cta-secondary {
border: 1px solid rgb(14 52 39 / 0.18);
background: rgb(255 255 255 / 0.78);
color: var(--tour-ink);
background: rgb(255 255 255 / 0.82);
color: var(--ink-on-light);
box-shadow:
0 14px 32px rgb(37 75 54 / 0.08),
inset 0 1px 0 rgb(255 255 255 / 0.82);
}
.public-cta-secondary:hover {
background: var(--surface-glass-strong);
background: rgb(255 255 255 / 0.95);
transform: translateY(-2px);
border-color: rgb(142 95 11 / 0.28);
border-color: rgb(142 95 11 / 0.4);
box-shadow:
0 18px 40px rgb(37 75 54 / 0.12),
inset 0 1px 0 rgb(255 255 255 / 0.92);