fix(ui): separate wrapped landing call-to-action lines

2026-10-23 04:27:26 +02:00
parent b9e052cd22
commit 0fb108bd67
6 changed files with 935 additions and 25 deletions
@@ -258,7 +258,7 @@ export default function LandingPage() {
      <Container maxWidth="lg" sx={{ py: { xs: 7, md: 10 } }}>
        <Box sx={{ borderRadius: 4, p: { xs: 4, md: 6 }, background: "linear-gradient(120deg,#0f172a,#1e293b)", color: "#fff", display: "flex", flexDirection: { xs: "column", md: "row" }, alignItems: { md: "center" }, justifyContent: "space-between", gap: 3 }}>
          <Box>
-            <Typography sx={{ fontWeight: 800, fontSize: { xs: 24, md: 30 }, mb: 1 }}>{t("landingReadyTitle")}</Typography>
+            <Typography sx={{ fontWeight: 800, fontSize: { xs: 24, md: 30 }, lineHeight: 1.4, mb: 1 }}>{t("landingReadyTitle")}</Typography>
            <Typography sx={{ color: "#94a3b8", fontSize: 17 }}>{t("landingReadyBody")}</Typography>
          </Box>
          <GradientButton size="large" onClick={goToLogin} sx={{ color: "#0b1020", fontWeight: 800, px: 4, py: 1.25, whiteSpace: "nowrap" }}>