Landing imporvement
This commit is contained in:
Urtzi Alfaro
@@ -28,7 +28,9 @@ import {
|
||||
Target,
|
||||
TreeDeciduous,
|
||||
Droplets,
|
||||
Award
|
||||
Award,
|
||||
Database,
|
||||
FileText
|
||||
} from 'lucide-react';
|
||||
|
||||
const FeaturesPage: React.FC = () => {
|
||||
@@ -648,7 +650,7 @@ const FeaturesPage: React.FC = () => {
|
||||
<span>{t('features:sustainability.badge', 'Funcionalidad del Sistema')}</span>
|
||||
</div>
|
||||
<h2 className="text-3xl lg:text-4xl font-extrabold text-[var(--text-primary)] mb-4">
|
||||
{t('features:sustainability.title', 'Ayuda al Planeta, Accede a Ayudas Económicas')}
|
||||
{t('features:sustainability.title', 'Impacto Ambiental y Sostenibilidad')}
|
||||
</h2>
|
||||
</div>
|
||||
|
||||
@@ -676,26 +678,23 @@ const FeaturesPage: React.FC = () => {
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{/* Grant Programs */}
|
||||
{/* Sustainability Benefits */}
|
||||
<div className="max-w-6xl mx-auto mb-12">
|
||||
<h3 className="text-2xl font-bold text-[var(--text-primary)] mb-6 text-center">
|
||||
{t('features:sustainability.grants.title', 'Elegible para 5 Programas de Ayudas:')}
|
||||
{t('features:sustainability.benefits.title', 'Funcionalidades de Sostenibilidad:')}
|
||||
</h3>
|
||||
<div className="grid md:grid-cols-2 gap-6">
|
||||
<div className="bg-[var(--bg-secondary)] rounded-xl p-6 border border-[var(--border-primary)]">
|
||||
<div className="flex items-start gap-4">
|
||||
<div className="w-10 h-10 bg-[var(--color-primary)]/10 rounded-lg flex items-center justify-center flex-shrink-0">
|
||||
<Euro className="w-5 h-5 text-[var(--color-primary)]" />
|
||||
<TreeDeciduous className="w-5 h-5 text-[var(--color-primary)]" />
|
||||
</div>
|
||||
<div>
|
||||
<h4 className="font-bold text-[var(--text-primary)] mb-2">
|
||||
{t('features:sustainability.grants.pima.title', 'PIMA Adapta (MITECO)')}
|
||||
{t('features:sustainability.benefits.impact_tracking.title', 'Seguimiento de Impacto Ambiental')}
|
||||
</h4>
|
||||
<p className="text-sm text-[var(--text-secondary)] mb-2">
|
||||
{t('features:sustainability.grants.pima.amount', 'Hasta €50,000')}
|
||||
</p>
|
||||
<p className="text-sm text-[var(--text-secondary)]">
|
||||
{t('features:sustainability.grants.pima.description', 'Proyectos de economía circular. Tu sistema = reducción desperdicio certificada')}
|
||||
{t('features:sustainability.benefits.impact_tracking.description', 'Medición automática de CO₂, agua y desperdicio alimentario con métricas detalladas')}
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
@@ -704,17 +703,14 @@ const FeaturesPage: React.FC = () => {
|
||||
<div className="bg-[var(--bg-secondary)] rounded-xl p-6 border border-[var(--border-primary)]">
|
||||
<div className="flex items-start gap-4">
|
||||
<div className="w-10 h-10 bg-[var(--color-primary)]/10 rounded-lg flex items-center justify-center flex-shrink-0">
|
||||
<Euro className="w-5 h-5 text-[var(--color-primary)]" />
|
||||
<Globe className="w-5 h-5 text-[var(--color-primary)]" />
|
||||
</div>
|
||||
<div>
|
||||
<h4 className="font-bold text-[var(--text-primary)] mb-2">
|
||||
{t('features:sustainability.grants.tourism.title', 'Planes de Sostenibilidad Turística')}
|
||||
{t('features:sustainability.benefits.sdg_compliance.title', 'Cumplimiento ODS 12.3')}
|
||||
</h4>
|
||||
<p className="text-sm text-[var(--text-secondary)] mb-2">
|
||||
{t('features:sustainability.grants.tourism.amount', 'Hasta €30,000')}
|
||||
</p>
|
||||
<p className="text-sm text-[var(--text-secondary)]">
|
||||
{t('features:sustainability.grants.tourism.description', 'Para panaderías en zonas turísticas')}
|
||||
{t('features:sustainability.benefits.sdg_compliance.description', 'Seguimiento automático del cumplimiento de los Objetivos de Desarrollo Sostenible de la ONU')}
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
@@ -723,17 +719,14 @@ const FeaturesPage: React.FC = () => {
|
||||
<div className="bg-[var(--bg-secondary)] rounded-xl p-6 border border-[var(--border-primary)]">
|
||||
<div className="flex items-start gap-4">
|
||||
<div className="w-10 h-10 bg-[var(--color-primary)]/10 rounded-lg flex items-center justify-center flex-shrink-0">
|
||||
<Euro className="w-5 h-5 text-[var(--color-primary)]" />
|
||||
<FileText className="w-5 h-5 text-[var(--color-primary)]" />
|
||||
</div>
|
||||
<div>
|
||||
<h4 className="font-bold text-[var(--text-primary)] mb-2">
|
||||
{t('features:sustainability.grants.moves.title', 'MOVES Circular (Empresas)')}
|
||||
{t('features:sustainability.benefits.reporting.title', 'Informes de Sostenibilidad')}
|
||||
</h4>
|
||||
<p className="text-sm text-[var(--text-secondary)] mb-2">
|
||||
{t('features:sustainability.grants.moves.amount', 'Hasta €20,000')}
|
||||
</p>
|
||||
<p className="text-sm text-[var(--text-secondary)]">
|
||||
{t('features:sustainability.grants.moves.description', 'Transformación digital sostenible')}
|
||||
{t('features:sustainability.benefits.reporting.description', 'Generación automática de informes listos para auditorías y certificaciones ambientales')}
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
@@ -742,17 +735,14 @@ const FeaturesPage: React.FC = () => {
|
||||
<div className="bg-[var(--bg-secondary)] rounded-xl p-6 border border-[var(--border-primary)]">
|
||||
<div className="flex items-start gap-4">
|
||||
<div className="w-10 h-10 bg-[var(--color-primary)]/10 rounded-lg flex items-center justify-center flex-shrink-0">
|
||||
<Euro className="w-5 h-5 text-[var(--color-primary)]" />
|
||||
<Award className="w-5 h-5 text-[var(--color-primary)]" />
|
||||
</div>
|
||||
<div>
|
||||
<h4 className="font-bold text-[var(--text-primary)] mb-2">
|
||||
{t('features:sustainability.grants.regional.title', 'Ayudas Economía Circular Autonómicas')}
|
||||
{t('features:sustainability.benefits.certification.title', 'Preparación para Certificaciones')}
|
||||
</h4>
|
||||
<p className="text-sm text-[var(--text-secondary)] mb-2">
|
||||
{t('features:sustainability.grants.regional.amount', 'Variable')}
|
||||
</p>
|
||||
<p className="text-sm text-[var(--text-secondary)]">
|
||||
{t('features:sustainability.grants.regional.description', 'Depende de tu comunidad autónoma')}
|
||||
{t('features:sustainability.benefits.certification.description', 'Datos y documentación listos para solicitudes de certificaciones de sostenibilidad')}
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
@@ -761,17 +751,14 @@ const FeaturesPage: React.FC = () => {
|
||||
<div className="md:col-span-2 bg-gradient-to-r from-[var(--color-primary)]/10 to-green-500/10 rounded-xl p-6 border-2 border-[var(--color-primary)]">
|
||||
<div className="flex items-start gap-4">
|
||||
<div className="w-10 h-10 bg-[var(--color-primary)] rounded-lg flex items-center justify-center flex-shrink-0">
|
||||
<Award className="w-5 h-5 text-white" />
|
||||
<Database className="w-5 h-5 text-white" />
|
||||
</div>
|
||||
<div>
|
||||
<h4 className="font-bold text-[var(--text-primary)] mb-2">
|
||||
{t('features:sustainability.grants.tax.title', 'Bonificaciones Fiscales')}
|
||||
{t('features:sustainability.benefits.data_export.title', 'Exportación de Datos Ambientales')}
|
||||
</h4>
|
||||
<p className="text-sm text-[var(--text-secondary)] mb-2">
|
||||
{t('features:sustainability.grants.tax.amount', 'Hasta 25% reducción')}
|
||||
</p>
|
||||
<p className="text-sm text-[var(--text-secondary)]">
|
||||
{t('features:sustainability.grants.tax.description', 'Deducción por inversión en sostenibilidad')}
|
||||
{t('features:sustainability.benefits.data_export.description', 'Exporta tus métricas de sostenibilidad en formatos estándar para reportes externos y auditorías')}
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@@ -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>
|
||||
|
||||
Reference in New Issue
Block a user