Enhance navigation and page layouts for improved user experience

- Added a new navigation link for "Journii" in the navigation component.
- Updated the layout of multiple pages including antifp, development, eap, privacy, terms, and uptime to enhance visual appeal and organization.
- Introduced hero sections with engaging visuals and improved typography for better readability.
- Enhanced table of contents and key highlights sections for clearer navigation and information presentation.
- Improved styling consistency across pages with backdrop blur effects and responsive design adjustments.
This commit is contained in:
2025-06-15 16:21:57 +02:00
parent d32d70399f
commit 89eff8ff85
9 changed files with 1892 additions and 533 deletions

View File

@@ -0,0 +1,403 @@
export const supportedLanguages = ['en', 'nl', 'de', 'fr'] as const;
export type SupportedLanguage = typeof supportedLanguages[number];
interface JourniiTranslation {
title: string;
subtitle: string;
description: string;
status: string;
features: {
title: string;
fuel: {
title: string;
desc: string;
};
maintenance: {
title: string;
desc: string;
};
analytics: {
title: string;
desc: string;
};
multi: {
title: string;
desc: string;
};
customization: {
title: string;
desc: string;
};
design: {
title: string;
desc: string;
};
};
progress: {
completed: string;
inProgress: string;
planned: string;
};
roadmap: {
title: string;
phase1: {
title: string;
items: string[];
};
phase2: {
title: string;
items: string[];
};
phase3: {
title: string;
items: string[];
};
};
tech: {
title: string;
desc: string;
};
cta: {
title: string;
desc: string;
github: string;
updates: string;
};
}
const translations: Record<SupportedLanguage, JourniiTranslation> = {
en: {
title: "Journii - Smart Vehicle Tracking",
subtitle: "Your Complete Vehicle Management Companion",
description: "Journii is a comprehensive mobile app designed to help you track, manage, and optimize your vehicle's performance. From fuel efficiency monitoring to maintenance scheduling, we're building the ultimate tool for modern vehicle owners.",
status: "Currently in Development",
features: {
title: "What We're Building",
fuel: {
title: "Smart Fuel Tracking",
desc: "Log fuel purchases, track efficiency trends, and get insights into your vehicle's consumption patterns with beautiful charts and analytics."
},
maintenance: {
title: "Maintenance Management",
desc: "Schedule services, track repairs, store receipts, and never miss important maintenance milestones for your vehicles."
},
analytics: {
title: "Advanced Analytics",
desc: "Visualize your vehicle data with interactive charts, efficiency trends, and cost breakdowns to make informed decisions."
},
multi: {
title: "Multi-Vehicle Support",
desc: "Manage multiple vehicles from a single app - cars, motorcycles, trucks, or electric vehicles, each with tailored tracking."
},
customization: {
title: "Flexible Settings",
desc: "Choose your preferred units (metric/imperial), currency, fuel efficiency formats, and themes to match your needs."
},
design: {
title: "Modern Design",
desc: "Beautiful, intuitive interface with smooth animations, gradient designs, and a responsive layout that works on any device."
}
},
progress: {
completed: "✅ Completed",
inProgress: "🚧 In Progress",
planned: "📋 Planned"
},
roadmap: {
title: "Development Roadmap",
phase1: {
title: "Phase 1: Core Features",
items: [
"Vehicle management and profiles",
"Fuel log tracking with efficiency calculations",
"Basic maintenance scheduling",
"Data export functionality",
"Multi-language support (EN, NL, DE, FR)"
]
},
phase2: {
title: "Phase 2: Enhanced Experience",
items: [
"Advanced analytics and reporting",
"Photo attachments for logs",
"Trip tracking with GPS",
"Reminder notifications",
"Dark/light theme support"
]
},
phase3: {
title: "Phase 3: Smart Features",
items: [
"Predictive maintenance suggestions",
"Fuel price tracking and alerts",
"Social features and sharing",
"Integration with vehicle APIs",
"Cloud backup and sync"
]
}
},
tech: {
title: "Built With Modern Technology",
desc: "Journii is being developed using React Native for cross-platform compatibility, ensuring a native experience on both iOS and Android devices."
},
cta: {
title: "Stay Updated",
desc: "Journii is currently in active development. Follow our progress and be among the first to know when it launches.",
github: "View on GitHub",
updates: "Get Updates"
}
},
nl: {
title: "Journii - Slimme Voertuig Tracking",
subtitle: "Jouw Complete Voertuigbeheer Companion",
description: "Journii is een uitgebreide mobiele app ontworpen om je te helpen bij het bijhouden, beheren en optimaliseren van de prestaties van je voertuig. Van brandstofefficiëntie monitoring tot onderhoudsplanning, we bouwen het ultieme hulpmiddel voor moderne voertuigeigenaren.",
status: "Momenteel in Ontwikkeling",
features: {
title: "Wat We Bouwen",
fuel: {
title: "Slimme Brandstof Tracking",
desc: "Log brandstofaankopen, volg efficiëntietrends en krijg inzicht in de verbruikspatronen van je voertuig met mooie grafieken en analyses."
},
maintenance: {
title: "Onderhoudsbeheer",
desc: "Plan services, houd reparaties bij, bewaar bonnetjes en mis nooit belangrijke onderhoudsmoment voor je voertuigen."
},
analytics: {
title: "Geavanceerde Analytics",
desc: "Visualiseer je voertuigdata met interactieve grafieken, efficiëntietrends en kostenopstellingen om weloverwogen beslissingen te nemen."
},
multi: {
title: "Multi-Voertuig Ondersteuning",
desc: "Beheer meerdere voertuigen vanuit één app - auto's, motorfietsen, vrachtwagens of elektrische voertuigen, elk met aangepaste tracking."
},
customization: {
title: "Flexibele Instellingen",
desc: "Kies je voorkeursunits (metrisch/imperiaal), valuta, brandstofefficiëntieformaten en thema's die bij je behoeften passen."
},
design: {
title: "Modern Design",
desc: "Mooie, intuïtieve interface met vloeiende animaties, gradiëntontwerpen en een responsieve lay-out die op elk apparaat werkt."
}
},
progress: {
completed: "✅ Voltooid",
inProgress: "🚧 In Uitvoering",
planned: "📋 Gepland"
},
roadmap: {
title: "Ontwikkelingsroadmap",
phase1: {
title: "Fase 1: Kernfuncties",
items: [
"Voertuigbeheer en profielen",
"Brandstoflog tracking met efficiëntieberekeningen",
"Basis onderhoudsplanning",
"Data export functionaliteit",
"Meertalige ondersteuning (EN, NL, DE, FR)"
]
},
phase2: {
title: "Fase 2: Verbeterde Ervaring",
items: [
"Geavanceerde analyses en rapportage",
"Foto bijlagen voor logs",
"Rit tracking met GPS",
"Herinneringsmeldingen",
"Donker/licht thema ondersteuning"
]
},
phase3: {
title: "Fase 3: Slimme Features",
items: [
"Voorspellende onderhoudssuggesties",
"Brandstofprijs tracking en alerts",
"Sociale functies en delen",
"Integratie met voertuig API's",
"Cloud backup en synchronisatie"
]
}
},
tech: {
title: "Gebouwd Met Moderne Technologie",
desc: "Journii wordt ontwikkeld met React Native voor cross-platform compatibiliteit, wat zorgt voor een native ervaring op zowel iOS als Android apparaten."
},
cta: {
title: "Blijf op de Hoogte",
desc: "Journii is momenteel in actieve ontwikkeling. Volg onze voortgang en wees een van de eersten die het weet wanneer het wordt gelanceerd.",
github: "Bekijk op GitHub",
updates: "Ontvang Updates"
}
},
de: {
title: "Journii - Intelligente Fahrzeugverfolgung",
subtitle: "Ihr Kompletter Fahrzeugmanagement-Begleiter",
description: "Journii ist eine umfassende mobile App, die entwickelt wurde, um Ihnen beim Verfolgen, Verwalten und Optimieren der Leistung Ihres Fahrzeugs zu helfen. Von der Kraftstoffeffizienz-Überwachung bis zur Wartungsplanung bauen wir das ultimative Tool für moderne Fahrzeugbesitzer.",
status: "Derzeit in Entwicklung",
features: {
title: "Was Wir Bauen",
fuel: {
title: "Intelligente Kraftstoffverfolgung",
desc: "Protokollieren Sie Kraftstoffkäufe, verfolgen Sie Effizienztrends und erhalten Sie Einblicke in die Verbrauchsmuster Ihres Fahrzeugs mit schönen Diagrammen und Analysen."
},
maintenance: {
title: "Wartungsmanagement",
desc: "Planen Sie Services, verfolgen Sie Reparaturen, speichern Sie Belege und verpassen Sie nie wichtige Wartungsmeilensteine für Ihre Fahrzeuge."
},
analytics: {
title: "Erweiterte Analytik",
desc: "Visualisieren Sie Ihre Fahrzeugdaten mit interaktiven Diagrammen, Effizienztrends und Kostenaufschlüsselungen, um fundierte Entscheidungen zu treffen."
},
multi: {
title: "Multi-Fahrzeug-Unterstützung",
desc: "Verwalten Sie mehrere Fahrzeuge aus einer einzigen App - Autos, Motorräder, Lastwagen oder Elektrofahrzeuge, jedes mit maßgeschneiderter Verfolgung."
},
customization: {
title: "Flexible Einstellungen",
desc: "Wählen Sie Ihre bevorzugten Einheiten (metrisch/imperial), Währung, Kraftstoffeffizienzformate und Themes, die Ihren Bedürfnissen entsprechen."
},
design: {
title: "Modernes Design",
desc: "Schöne, intuitive Benutzeroberfläche mit glatten Animationen, Farbverläufen und einem responsiven Layout, das auf jedem Gerät funktioniert."
}
},
progress: {
completed: "✅ Abgeschlossen",
inProgress: "🚧 In Bearbeitung",
planned: "📋 Geplant"
},
roadmap: {
title: "Entwicklungsroadmap",
phase1: {
title: "Phase 1: Kernfunktionen",
items: [
"Fahrzeugverwaltung und Profile",
"Kraftstoffprotokoll-Verfolgung mit Effizienzberechnungen",
"Grundlegende Wartungsplanung",
"Datenexport-Funktionalität",
"Mehrsprachige Unterstützung (EN, NL, DE, FR)"
]
},
phase2: {
title: "Phase 2: Verbesserte Erfahrung",
items: [
"Erweiterte Analytik und Berichterstattung",
"Foto-Anhänge für Protokolle",
"Fahrtverfolgung mit GPS",
"Erinnerungsbenachrichtigungen",
"Dunkel/Hell Theme-Unterstützung"
]
},
phase3: {
title: "Phase 3: Intelligente Funktionen",
items: [
"Vorausschauende Wartungsvorschläge",
"Kraftstoffpreis-Verfolgung und Warnungen",
"Soziale Funktionen und Teilen",
"Integration mit Fahrzeug-APIs",
"Cloud-Backup und Synchronisation"
]
}
},
tech: {
title: "Mit Moderner Technologie Gebaut",
desc: "Journii wird mit React Native für plattformübergreifende Kompatibilität entwickelt und gewährleistet eine native Erfahrung auf iOS- und Android-Geräten."
},
cta: {
title: "Bleiben Sie Auf Dem Laufenden",
desc: "Journii befindet sich derzeit in aktiver Entwicklung. Verfolgen Sie unseren Fortschritt und gehören Sie zu den Ersten, die erfahren, wann es startet.",
github: "Auf GitHub Ansehen",
updates: "Updates Erhalten"
}
},
fr: {
title: "Journii - Suivi Intelligent de Véhicule",
subtitle: "Votre Compagnon Complet de Gestion de Véhicule",
description: "Journii est une application mobile complète conçue pour vous aider à suivre, gérer et optimiser les performances de votre véhicule. Du monitoring de l'efficacité carburant à la planification de maintenance, nous construisons l'outil ultime pour les propriétaires de véhicules modernes.",
status: "Actuellement en Développement",
features: {
title: "Ce Que Nous Construisons",
fuel: {
title: "Suivi Intelligent du Carburant",
desc: "Enregistrez les achats de carburant, suivez les tendances d'efficacité et obtenez des insights sur les modèles de consommation de votre véhicule avec de beaux graphiques et analyses."
},
maintenance: {
title: "Gestion de la Maintenance",
desc: "Planifiez les services, suivez les réparations, stockez les reçus et ne manquez jamais les jalons de maintenance importants pour vos véhicules."
},
analytics: {
title: "Analyses Avancées",
desc: "Visualisez les données de votre véhicule avec des graphiques interactifs, des tendances d'efficacité et des répartitions de coûts pour prendre des décisions éclairées."
},
multi: {
title: "Support Multi-Véhicules",
desc: "Gérez plusieurs véhicules depuis une seule app - voitures, motos, camions ou véhicules électriques, chacun avec un suivi adapté."
},
customization: {
title: "Paramètres Flexibles",
desc: "Choisissez vos unités préférées (métrique/impérial), devise, formats d'efficacité carburant et thèmes qui correspondent à vos besoins."
},
design: {
title: "Design Moderne",
desc: "Belle interface intuitive avec des animations fluides, des designs en dégradé et une mise en page responsive qui fonctionne sur n'importe quel appareil."
}
},
progress: {
completed: "✅ Terminé",
inProgress: "🚧 En Cours",
planned: "📋 Planifié"
},
roadmap: {
title: "Feuille de Route de Développement",
phase1: {
title: "Phase 1: Fonctionnalités Principales",
items: [
"Gestion des véhicules et profils",
"Suivi des journaux de carburant avec calculs d'efficacité",
"Planification de maintenance de base",
"Fonctionnalité d'export de données",
"Support multilingue (EN, NL, DE, FR)"
]
},
phase2: {
title: "Phase 2: Expérience Améliorée",
items: [
"Analyses avancées et rapports",
"Pièces jointes photo pour les journaux",
"Suivi de voyage avec GPS",
"Notifications de rappel",
"Support thème sombre/clair"
]
},
phase3: {
title: "Phase 3: Fonctionnalités Intelligentes",
items: [
"Suggestions de maintenance prédictive",
"Suivi des prix du carburant et alertes",
"Fonctionnalités sociales et partage",
"Intégration avec les APIs de véhicules",
"Sauvegarde cloud et synchronisation"
]
}
},
tech: {
title: "Construit Avec la Technologie Moderne",
desc: "Journii est développé en utilisant React Native pour la compatibilité multi-plateforme, garantissant une expérience native sur les appareils iOS et Android."
},
cta: {
title: "Restez Informé",
desc: "Journii est actuellement en développement actif. Suivez nos progrès et soyez parmi les premiers à savoir quand il sera lancé.",
github: "Voir sur GitHub",
updates: "Recevoir les Mises à Jour"
}
}
};
export function getJourniiTranslation(lang: string): JourniiTranslation {
if (supportedLanguages.includes(lang as SupportedLanguage)) {
return translations[lang as SupportedLanguage];
}
return translations.en;
}