diff --git a/docker/frontend/src/Landing.tsx b/docker/frontend/src/Landing.tsx index 07be121..c368911 100644 --- a/docker/frontend/src/Landing.tsx +++ b/docker/frontend/src/Landing.tsx @@ -702,7 +702,7 @@ export function Landing() {
- {c({ en: 'Starter', vi: 'Khởi đầu' })} + {c({ en: 'Lite', vi: 'Lite' })}
$0{c({ en: ' / FOREVER', vi: ' / MÃI MÃI' })}

{c({ en: 'Everything needed to shoot your first roll.', vi: 'Đủ để bạn chụp cuộn phim đầu tiên.' })}

- {c({ en: 'Open the studio', vi: 'Mở studio' })} +
+ {c({ en: 'Open the studio', vi: 'Mở studio' })} + +
- VIP Pro -
$2.99{c({ en: ' / MONTH', vi: ' / THÁNG' })}
+ Pro +
$2.99{c({ en: ' / FOREVER', vi: ' / MÃI MÃI' })}

{c({ en: 'For the people who grade every frame.', vi: 'Dành cho người chỉnh màu từng khung hình.' })}

- +
+ + +
diff --git a/docker/frontend/src/styles/landing.css b/docker/frontend/src/styles/landing.css index 1433d38..b051ed8 100644 --- a/docker/frontend/src/styles/landing.css +++ b/docker/frontend/src/styles/landing.css @@ -417,7 +417,8 @@ html { scroll-behavior: smooth; scroll-padding-top: 116px; } .lp-plan .lp-amount small { font-family: var(--lp-mono); font-size: 11px; color: var(--lp-muted); } .lp-plan ul { list-style: none; padding: 0; margin: 18px 0 22px; display: flex; flex-direction: column; gap: 9px; font-size: 13.5px; color: var(--lp-muted); } .lp-plan li::before { content: '▸ '; color: var(--lp-ink-amber); } -.lp-plan .lp-btn { margin-top: auto; } +/* Card actions pinned to the bottom: the studio link plus the store buttons. */ +.lp-plan-cta { margin-top: auto; display: flex; flex-direction: column; gap: 8px; } /* --- 9. testimonials + faq --------------------------------------------- */ .lp-quotes { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; margin-bottom: 44px; }