feat(site): structured landing sections with eyebrow headings
Give the home page a clear, professional information hierarchy: - Add eyebrow labels + headings for Features, Live stats and Community sections using reusable, theme-aware .eyebrow / .section-title styles. - Loosen the vertical rhythm (gap-8/10) so each block breathes. - New messages resolve via the existing English fallback for all locales.
This commit is contained in:
1 parent
3265cf1fad
commit
bf5b9918d9
3 files changed
+151
-83
No files matched your search
+116
-82
File diff suppressed because it is too large.
Load diff
@@ -2055,3 +2055,31 @@ details[open] > summary .details-open\:rotate-180 {
|
|||||||
background-clip: text;
|
background-clip: text;
|
||||||
color: transparent;
|
color: transparent;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/* Section eyebrow label with a small accent tick. */
|
||||||
|
.eyebrow {
|
||||||
|
display: inline-flex;
|
||||||
|
align-items: center;
|
||||||
|
gap: 0.5rem;
|
||||||
|
font-size: 11px;
|
||||||
|
font-weight: 800;
|
||||||
|
letter-spacing: 0.18em;
|
||||||
|
text-transform: uppercase;
|
||||||
|
color: var(--color-primary-readable, var(--color-primary));
|
||||||
|
}
|
||||||
|
.eyebrow::before {
|
||||||
|
content: "";
|
||||||
|
width: 1.25rem;
|
||||||
|
height: 2px;
|
||||||
|
border-radius: 999px;
|
||||||
|
background: currentColor;
|
||||||
|
opacity: 0.75;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Section heading on the public landing pages. */
|
||||||
|
.section-title {
|
||||||
|
color: var(--color-text-readable);
|
||||||
|
font-family: var(--font-nunito);
|
||||||
|
font-weight: 900;
|
||||||
|
letter-spacing: -0.02em;
|
||||||
|
}
|
||||||
@@ -282,7 +282,13 @@
|
|||||||
"featuresCommunity": "Community",
|
"featuresCommunity": "Community",
|
||||||
"featuresCommunityDesc": "Make friends and chat",
|
"featuresCommunityDesc": "Make friends and chat",
|
||||||
"featuresGames": "Games",
|
"featuresGames": "Games",
|
||||||
"featuresGamesDesc": "Compete and have fun"
|
"featuresGamesDesc": "Compete and have fun",
|
||||||
|
"sectionFeaturesLabel": "Features",
|
||||||
|
"sectionFeaturesTitle": "Everything a great hotel needs",
|
||||||
|
"sectionStatsLabel": "Live stats",
|
||||||
|
"sectionStatsTitle": "A community that keeps growing",
|
||||||
|
"sectionCommunityLabel": "Community",
|
||||||
|
"sectionCommunityTitle": "Make yourself at home"
|
||||||
},
|
},
|
||||||
"news": {
|
"news": {
|
||||||
"title": "News",
|
"title": "News",
|
||||||
|
|||||||
Reference in new issue
Block a user