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;
|
||||
|
|
|
|||
|
|
@ -20,6 +20,37 @@ pillars:
|
|||
- icon: "🤝"
|
||||
title: "Share, as it's always been done"
|
||||
body: "Mark what you have spare to give away, swap or sell. Someone nearby finds it and contacts you — no middleman. Print a catalog of what you share to take to a seed fair."
|
||||
features:
|
||||
title: "What you can do with Tane"
|
||||
intro: "One quiet app for the whole life of a seed — keeping it, caring for it, and passing it on."
|
||||
groups:
|
||||
- icon: "🌱"
|
||||
title: "Your seed bank, in your pocket"
|
||||
items:
|
||||
- "Add a seed in seconds — a photo and a name is all you need."
|
||||
- "Track each batch by year and amount, in real units: cobs, pods, a handful, a jar."
|
||||
- "Keep photos, notes and germination tests for every variety."
|
||||
- "Give a seed several names, in several languages."
|
||||
- icon: "🗓️"
|
||||
title: "Care and timing"
|
||||
items:
|
||||
- "Seed-saving guidance for each crop: pollination, isolation, how many plants, drying."
|
||||
- "A this-month calendar: what to sow, transplant or harvest for seed."
|
||||
- "Friendly warnings when a seed is getting old, so you renew it in time."
|
||||
- icon: "🔒"
|
||||
title: "On paper, and off the grid"
|
||||
items:
|
||||
- "Printable labels and cards for your packets and jars, each with a code to scan."
|
||||
- "One tap saves a sealed backup; a recovery card brings everything back."
|
||||
- "Works fully offline, with no account. Your data stays on your phone unless you send it."
|
||||
- icon: "🤝"
|
||||
title: "Share and stay connected"
|
||||
items:
|
||||
- "Offer spare seed to give away, swap or sell — and see what others share."
|
||||
- "Private messages to arrange a swap, person to person."
|
||||
- "Vouch for people you've met and see who you can trust."
|
||||
- "Make a plantaré promise: agree to return part of what you multiply."
|
||||
- "Keep everything in sync across your own devices."
|
||||
values:
|
||||
title: "Why Tane is different"
|
||||
points:
|
||||
|
|
|
|||
|
|
@ -20,6 +20,37 @@ pillars:
|
|||
- icon: "🤝"
|
||||
title: "Compartir, como se ha hecho siempre"
|
||||
body: "Marca lo que te sobra para regalar, intercambiar o vender. Alguien cerca lo encuentra y te contacta, sin intermediarios. Imprime un catálogo de lo que compartes para llevar a una feria de semillas."
|
||||
features:
|
||||
title: "Lo que puedes hacer con Tane"
|
||||
intro: "Una app tranquila para toda la vida de una semilla: guardarla, cuidarla y transmitirla."
|
||||
groups:
|
||||
- icon: "🌱"
|
||||
title: "Tu banco de semillas, en el bolsillo"
|
||||
items:
|
||||
- "Añade una semilla en segundos: basta una foto y un nombre."
|
||||
- "Lleva cada lote por año y cantidad, en unidades reales: mazorcas, vainas, un puñado, un tarro."
|
||||
- "Guarda fotos, notas y pruebas de germinación de cada variedad."
|
||||
- "Ponle a cada semilla varios nombres, en varios idiomas."
|
||||
- icon: "🗓️"
|
||||
title: "Cuidado y calendario"
|
||||
items:
|
||||
- "Guía de conservación para cada cultivo: polinización, aislamiento, cuántas plantas, secado."
|
||||
- "Un calendario del mes: qué sembrar, trasplantar o cosechar para semilla."
|
||||
- "Avisos amables cuando una semilla envejece, para renovarla a tiempo."
|
||||
- icon: "🔒"
|
||||
title: "En papel, y sin depender de nadie"
|
||||
items:
|
||||
- "Etiquetas y fichas para imprimir en sobres y tarros, cada una con un código para escanear."
|
||||
- "Con un toque guardas una copia sellada; una tarjeta de recuperación lo devuelve todo."
|
||||
- "Funciona sin conexión y sin cuenta. Tus datos se quedan en el móvil salvo que tú los envíes."
|
||||
- icon: "🤝"
|
||||
title: "Comparte y conecta"
|
||||
items:
|
||||
- "Ofrece semilla que te sobra para regalar, intercambiar o vender, y mira lo que comparten otras personas."
|
||||
- "Mensajes privados para acordar un intercambio, de persona a persona."
|
||||
- "Avala a personas que conoces y ve en quién puedes confiar."
|
||||
- "Haz una promesa plantaré: comprométete a devolver parte de lo que multipliques."
|
||||
- "Mantén todo sincronizado entre tus propios dispositivos."
|
||||
values:
|
||||
title: "Por qué Tane es diferente"
|
||||
points:
|
||||
|
|
|
|||
|
|
@ -42,7 +42,7 @@
|
|||
"other": "Where Tane is right now"
|
||||
},
|
||||
"statusBody": {
|
||||
"other": "The inventory works today: keep your seeds offline, encrypted, with no account. The neighbourly sharing layer (offers, messaging, trust) is being built now. Everything already works with zero network."
|
||||
"other": "The inventory works today: keep your seeds offline, encrypted, with no account. The neighbourly sharing layer — offers, messaging and trust — is now arriving, in beta. Everything already works with zero network."
|
||||
},
|
||||
"screenCapHome": {
|
||||
"other": "Home — your bank and the market, one tap away"
|
||||
|
|
|
|||
|
|
@ -42,7 +42,7 @@
|
|||
"other": "En qué punto está Tane"
|
||||
},
|
||||
"statusBody": {
|
||||
"other": "El inventario ya funciona: guarda tus semillas sin conexión, cifradas y sin cuenta. La capa de intercambio vecinal (ofertas, mensajería, confianza) se está construyendo ahora. Todo funciona ya sin ninguna red."
|
||||
"other": "El inventario ya funciona: guarda tus semillas sin conexión, cifradas y sin cuenta. La capa de intercambio vecinal —ofertas, mensajería y confianza— está llegando ya, en beta. Todo funciona sin ninguna red."
|
||||
},
|
||||
"screenCapHome": {
|
||||
"other": "Inicio — tu banco y el mercado a un toque"
|
||||
|
|
|
|||
|
|
@ -37,6 +37,24 @@
|
|||
{{ end }}
|
||||
</section>
|
||||
|
||||
{{ with .Params.features }}
|
||||
<section class="features">
|
||||
<h2>{{ .title }}</h2>
|
||||
{{ with .intro }}<p class="features-intro">{{ . }}</p>{{ end }}
|
||||
<div class="feature-groups">
|
||||
{{ range .groups }}
|
||||
<article class="feature-group">
|
||||
<div class="feature-icon" aria-hidden="true">{{ .icon }}</div>
|
||||
<h3>{{ .title }}</h3>
|
||||
<ul>
|
||||
{{ range .items }}<li>{{ . }}</li>{{ end }}
|
||||
</ul>
|
||||
</article>
|
||||
{{ end }}
|
||||
</div>
|
||||
</section>
|
||||
{{ end }}
|
||||
|
||||
{{ $screens := slice "home" "inventory" "market" "calendar" "detail" }}
|
||||
<section class="shots">
|
||||
<h2>{{ T "screenshotsTitle" }}</h2>
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue