bakery-admin/bakery-ia
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Landing imporvement

Browse Source
This commit is contained in:
Urtzi Alfaro
2025-11-08 12:02:18 +01:00
parent a1cd7958ed
commit 4678f96f8f
16 changed files with 475 additions and 393 deletions
Download Patch File Download Diff File Expand all files Collapse all files

28
frontend/src/pages/public/LandingPage.tsx
View File

@@ -342,7 +342,7 @@ const LandingPage: React.FC = () => {
</div>
</div>
{/* Pilar 3: Tus Datos, Tus Subvenciones */}
{/* Pilar 3: Tus Datos, Tu Impacto Ambiental */}
<div className="bg-[var(--bg-primary)] rounded-2xl p-8 lg:p-12 border-2 border-green-600 shadow-xl">
<div className="flex items-start gap-6">
<div className="w-16 h-16 bg-green-600 rounded-2xl flex items-center justify-center flex-shrink-0">
@@ -350,39 +350,45 @@ const LandingPage: React.FC = () => {
</div>
<div className="flex-1">
<h3 className="text-2xl lg:text-3xl font-bold text-[var(--text-primary)] mb-4">
{t('landing:pillar3.title', '🌱 Tus Datos, Tus Subvenciones')}
{t('landing:pillar3.title', 'Tus Datos, Tu Impacto Ambiental')}
</h3>
<p className="text-lg text-[var(--text-secondary)] mb-6">
{t('landing:pillar3.intro', '100% de tus datos te pertenecen. Cumples ODS 12.3 de la ONU automáticamente, lo que te hace elegible para subvenciones de sostenibilidad.')}
{t('landing:pillar3.intro', '100% de tus datos te pertenecen. Mide tu impacto ambiental automáticamente y genera informes de sostenibilidad que cumplen con los estándares internacionales.')}
</p>
<div className="grid md:grid-cols-3 gap-4 mb-6">
<div className="bg-[var(--bg-secondary)] rounded-lg p-4 text-center">
<div className="text-3xl font-bold text-green-600 mb-2">€500-2,000</div>
<div className="text-3xl font-bold text-green-600 mb-2">
{t('landing:pillar3.data_ownership_value', '100%')}
</div>
<p className="text-sm text-[var(--text-secondary)]">
{t('landing:pillar3.savings', 'Ahorro mensual')}
{t('landing:pillar3.data_ownership', 'Propiedad de datos')}
</p>
</div>
<div className="bg-[var(--bg-secondary)] rounded-lg p-4 text-center">
<div className="text-3xl font-bold text-blue-600 mb-2">85kg CO₂</div>
<div className="text-3xl font-bold text-blue-600 mb-2">
{t('landing:pillar3.co2_metric', 'CO₂')}
</div>
<p className="text-sm text-[var(--text-secondary)]">
{t('landing:pillar3.co2', 'Reducidos al mes')}
{t('landing:pillar3.co2', 'Medición automática')}
</p>
</div>
<div className="bg-[var(--bg-secondary)] rounded-lg p-4 text-center">
<div className="text-3xl font-bold text-amber-600 mb-2">5</div>
<div className="text-3xl font-bold text-amber-600 mb-2">
{t('landing:pillar3.sdg_value', 'ODS 12.3')}
</div>
<p className="text-sm text-[var(--text-secondary)]">
{t('landing:pillar3.grants', 'Programas de ayudas')}
{t('landing:pillar3.sdg', 'Seguimiento de cumplimiento')}
</p>
</div>
</div>
<div className="bg-gradient-to-r from-green-50 to-emerald-50 dark:from-green-900/20 dark:to-emerald-900/20 rounded-lg p-4 border-l-4 border-green-600">
<p className="font-bold text-[var(--text-primary)] mb-2">
{t('landing:pillar3.grants_title', '💶 Elegible para hasta €50,000 en subvenciones')}
{t('landing:pillar3.sustainability_title', 'Informes de Sostenibilidad Automatizados')}
</p>
<p className="text-sm text-[var(--text-secondary)]">
{t('landing:pillar3.grants_desc', 'PIMA Adapta, Planes Turismo, MOVES Circular, y más')}
{t('landing:pillar3.sustainability_desc', 'Genera informes que cumplen con los estándares internacionales de sostenibilidad y reducción de desperdicio alimentario')}
</p>
</div>
</div>