feat(site): human-language 'what you can do' features section
All checks were successful
ci / test-commons-core (push) Successful in 46s
ci / analyze (push) Successful in 1m23s
site / deploy (push) Successful in 31s
ci / test-app-seeds (push) Successful in 5m52s

Add a features section to the landing home (EN/ES) that describes what
Tane does by intent, not mechanism: inventory, care & calendar, labels &
backup, and the neighbourly sharing layer (offers, chat, trust, plantaré,
sync). Follows the existing pillars/values pattern (front-matter data +
template + CSS, RTL-safe). Reframe the beta status copy so the sharing
layer reads as 'arriving, in beta' rather than 'being built'.
This commit is contained in:
vjrj 2026-07-17 12:52:47 +02:00
parent 75098b8029
commit dd9c97a57a
6 changed files with 102 additions and 2 deletions

View file

@ -132,6 +132,26 @@ h2 { font-size: clamp(1.4rem, 3vw, 1.9rem); color: var(--green-dark); }
.pillar h2 { font-size: 1.2rem; margin: .5rem 0; }
.pillar p { margin: 0; color: #2c3826; }
.features { margin: 2.6rem 0; }
.features-intro { color: var(--muted); max-width: 48ch; }
.feature-groups {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 1.2rem;
margin-top: 1.4rem;
}
.feature-group {
background: var(--white);
border: 1px solid var(--outline);
border-radius: var(--radius);
padding: 1.4rem 1.5rem;
}
.feature-group .feature-icon { font-size: 1.7rem; }
.feature-group h3 { color: var(--green-dark); margin: .4rem 0 .6rem; font-size: 1.15rem; }
.feature-group ul { margin: 0; padding-inline-start: 1.1rem; }
.feature-group li { margin: .35rem 0; }
@media (max-width: 820px) { .feature-groups { grid-template-columns: 1fr; } }
.shots .shot-row {
display: flex;
gap: 1.2rem;