feat(site): human-language 'what you can do' features section
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:
parent
75098b8029
commit
dd9c97a57a
6 changed files with 102 additions and 2 deletions
|
|
@ -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;
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue