Neues Layout (#44)

* chore: change layout structure

* chore: refactor layout part 2

* chore: refactor layout part 3

* chore: cleanup of previous prs

* chore: refactor code

* chore: refactor code part 2

* feat: implement contact email

* feat: implement cost overview

* feat: make cost overview page responsive

* chore: improve footer responsiveness

* feat: implement i18n structure

* feat: add first i18n content

* fix: fix timer in token component

* chore: refactor color generator

inlang.config.js

@@ -0,0 +1,32 @@
+/**
+ * @type { import("@inlang/core/config").DefineConfig }
+ */
+export async function defineConfig(env) {
+	const { default: pluginJson } = await env.$import(
+		'https://cdn.jsdelivr.net/npm/@inlang/plugin-json@3/dist/index.js'
+	);
+
+	// recommended to enable linting feature
+	const { default: standardLintRules } = await env.$import(
+		'https://cdn.jsdelivr.net/gh/inlang/standard-lint-rules@2/dist/index.js'
+	);
+
+	const { default: sdkPlugin } = await env.$import(
+		'https://cdn.jsdelivr.net/npm/@inlang/[email protected]/dist/index.js'
+	);
+
+	return {
+		referenceLanguage: 'en',
+		plugins: [
+			pluginJson({
+				pathPattern: './languages/{language}.json'
+			}),
+			standardLintRules(),
+			sdkPlugin({
+				languageNegotiation: {
+					strategies: [{ type: 'localStorage' }]
+				}
+			})
+		]
+	};
+}

languages/de.json

@@ -0,0 +1,171 @@
+{
+	"header": {
+		"languages": {
+			"en": "Englisch",
+			"de": "Deutsch"
+		},
+		"logout": "Abmelden",
+		"search": "Durchsuche deine Reisen..."
+	},
+	"footer": {
+		"followUs": {
+			"title": "Folge uns"
+		},
+		"legal": {
+			"title": "Rechtliches",
+			"imprint": "Impressum"
+		}
+	},
+	"forms": {
+		"step": "Schritt",
+		"signup": {
+			"title": "Registrieren",
+			"steps": {
+				"email": {
+					"title": "Wählen Sie Ihre E-Mail",
+					"invalidEmail": "Bitte geben Sie eine gültige E-Mail an",
+					"validEmail": "E-Mail ist gültig",
+					"initialValidation": "Bitte geben Sie eine gültige E-Mail-Adresse ein, um die Verfügbarkeit zu prüfen",
+					"ongoingValidation": "Überprüfung der Verfügbarkeit...",
+					"available": "Diese E-Mail ist verfügbar",
+					"unavailable": "Diese E-Mail ist bereits vergeben",
+					"nextStep": "Wählen Sie Ihren Benutzernamen"
+				},
+				"username": {
+					"title": "Wählen Sie Ihren Benutzernamen",
+					"word": "Benutzername",
+					"invalidUsername": "Benutzername muss zwischen 4 und 15 Zeichen lang sein",
+					"validUsername": "Benutzername ist gültig",
+					"initialValidation": "Bitte geben Sie einen gültigen Benutzernamen ein, um die Verfügbarkeit zu prüfen",
+					"ongoingValidation": "Überprüfung der Verfügbarkeit...",
+					"available": "Dieser Benutzername ist verfügbar",
+					"unavailable": "Dieser Benutzername ist bereits vergeben",
+					"nextStep": "Wählen Sie Ihr Passwort"
+				},
+				"password": {
+					"title": "Wählen Sie Ihr Passwort",
+					"word": "Passwort",
+					"wordRepeat": "Passwort wiederholen",
+					"invalidPassword": "Passwort muss mindestens 8 Zeichen lang sein",
+					"validPassword": "Minimale Länge erfüllt",
+					"passwordsDontMatch": "Passwörter stimmen nicht überein",
+					"passwordsMatch": "Passwörter stimmen überein",
+					"nextStep": "Registrieren"
+				},
+				"token": {
+					"title": "Bestätigen Sie Ihre E-Mail",
+					"description": "Bitte geben Sie den Token ein, den Sie per E-Mail erhalten haben!",
+					"initialValidation": "Geben Sie den Token ein, um die Validierung zu starten",
+					"ongoingValidation": "Validierung...",
+					"correctToken": "Token ist korrekt",
+					"incorrectToken": "Token ist falsch",
+					"receiveCodeMessage": "Keinen Code erhalten?",
+					"resendCode": "Erhalte einen Neuen",
+					"alertHeading": "Etwas ist schief gelaufen!",
+					"alertMessage": "Versuchen Sie es erneut.",
+					"successMessage": "Die Verifizierung war erfolgreich!",
+					"successAction": "Danke, dass Sie Costventures vertrauen, klicken Sie auf die Schaltfläche rechts, um sich automatisch einzuloggen und zur Startseite zu navigieren.",
+					"successActionLink": "Anmelden",
+					"seconds": "Sekunden"
+				}
+			},
+			"alreadyRegistered": "Bereits registriert?",
+			"alreadyRegisteredAction": "Anmelden"
+		},
+		"signin": {
+			"title": "Anmelden",
+			"componentTitle": "Melden Sie sich bei Ihrem Konto an",
+			"password": "Passwort",
+			"forgotPassword": {
+				"title": "Passwort vergessen?",
+				"abort": "Abbrechen",
+				"steps": {
+					"email": {
+						"title": "Was ist Ihre E-Mail-Adresse?",
+						"invalidEmail": "Bitte geben Sie eine gültige E-Mail an",
+						"validEmail": "E-Mail ist gültig",
+						"nextStep": "Erhalte Rücksetz-Code"
+					},
+					"token": {
+						"alertHeading": "Etwas ist schief gelaufen!",
+						"alertMessage": "Versuchen Sie es erneut",
+						"nextStep": "Neues Passwort eingeben"
+					},
+					"password": {
+						"title": "Neues Passwort festlegen",
+						"alertHeading": "Etwas ist schief gelaufen!",
+						"nextStep": "Passwort setzen"
+					}
+				}
+			},
+			"rememberMe": "Erinnere dich an mich",
+			"noAccount": "Noch kein Konto?",
+			"noAccountAction": "Registrieren",
+			"submit": "Anmelden"
+		}
+	},
+	"sidebar": {
+		"homepage": {
+			"title": "Startseite",
+			"home": "Start"
+		},
+		"trips": {
+			"title": "Reisen",
+			"trips": "Reisen",
+			"costs": "Kosten",
+			"history": "Historie"
+		},
+		"account": {
+			"title": "Benutzerkonto",
+			"profile": "Profil"
+		}
+	},
+	"landingPage": {
+		"banner": {
+			"catchPhrase": {
+				"first": "Reisen.",
+				"second": "Ausgeben.",
+				"third": "Teilen."
+			}
+		},
+		"register": {
+			"title": "Legen Sie noch heute mit Costventures los, indem Sie ein kostenloses Konto erstellen.",
+			"button": "Registrieren"
+		},
+		"features": {
+			"redirectMessage": "Erfahre mehr",
+			"travel": {
+				"title": "Reisen",
+				"description": "Entdecke mit deinen Freunden und deiner Familie die Welt. Plane gemeinsam eine Reise und lade deine Freunde ein, sich anzuschließen. Gemeinsam könnt ihr euren Trip gestalten und die Kosten teilen."
+			},
+			"spend": {
+				"title": "Ausgeben",
+				"description": "Verwaltet euer Geld sinnvoll, indem ihr den Überblick über eure Ausgaben behaltet. Seht, wie viel ihr bereits ausgegeben habt und wie viel euch noch bleibt."
+			},
+			"divide": {
+				"title": "Teilen",
+				"description": "Teilt die Kosten eurer Reise gerecht auf. Erfasst eure Ausgaben und seht, wer wem wie viel schuldet. Begleicht eure Schulden und genießt eure Reise in vollen Zügen."
+			}
+		},
+		"reviews": {
+			"aleks": "Mashallah 10/10 (Hast du noch deine Hafermilch?)",
+			"thomas": "Besser als jeder Franzosenfilm",
+			"nico": "Seit ich Costventures benutze, kann ich endlich sehen wie broke ich bin"
+		},
+		"stats": {
+			"users": "Nutzer",
+			"subscribers": "Abonnenten",
+			"investors": "Investoren",
+			"team": "Talentiertes Team"
+		},
+		"contactBox": {
+			"title": "Kontaktiere uns",
+			"message": "Falls du Fragen oder Anregungen hast, kannst du uns gerne eine Nachricht schreiben. Wir freuen uns über jede Nachricht, die nicht von Thomas kommt. :)",
+			"invalidName": "Bitte gib einen gültigen Namen ein (mindestens 3 Zeichen)",
+			"invalidEmail": "Bitte gib eine gültige E-Mail-Adresse ein (z.B. [email protected])",
+			"label": "Nachricht",
+			"placeholder": "Was möchtest du uns mitteilen?",
+			"button": "Senden"
+		}
+	}
+}

languages/en.json

@@ -0,0 +1,171 @@
+{
+	"header": {
+		"languages": {
+			"en": "English",
+			"de": "German"
+		},
+		"logout": "Logout",
+		"search": "Search trips..."
+	},
+	"footer": {
+		"followUs": {
+			"title": "Follow us"
+		},
+		"legal": {
+			"title": "Legal",
+			"imprint": "Imprint"
+		}
+	},
+	"forms": {
+		"step": "Step",
+		"signup": {
+			"title": "Sign up",
+			"steps": {
+				"email": {
+					"title": "Select your email",
+					"invalidEmail": "Please provide a valid email",
+					"validEmail": "Email is valid",
+					"initialValidation": "Please provide a valid email address to check availability",
+					"ongoingValidation": "Checking availability...",
+					"available": "This email is available",
+					"unavailable": "This email is already taken",
+					"nextStep": "Select your username"
+				},
+				"username": {
+					"title": "Select your username",
+					"word": "Username",
+					"invalidUsername": "Username must be between 4 and 15 characters",
+					"validUsername": "Username is valid",
+					"initialValidation": "Please provide a valid username to check availability",
+					"ongoingValidation": "Checking availability...",
+					"available": "This username is available",
+					"unavailable": "This username is already taken",
+					"nextStep": "Select your password"
+				},
+				"password": {
+					"title": "Select your password",
+					"word": "Password",
+					"wordRepeat": "Repeat password",
+					"invalidPassword": "Password must be at least 8 characters long",
+					"validPassword": "Minimum length fulfilled",
+					"passwordsDontMatch": "Passwords don't match",
+					"passwordsMatch": "Passwords match",
+					"nextStep": "Register"
+				},
+				"token": {
+					"title": "Confirm your email",
+					"description": "Please enter the token you received via email!",
+					"initialValidation": "Enter the token to start validation",
+					"ongoingValidation": "Validating...",
+					"correctToken": "Token is correct",
+					"incorrectToken": "Token is incorrect",
+					"receiveCodeMessage": "Didn't receive a code?",
+					"resendCode": "Get a new one",
+					"alertHeading": "Something went wrong!",
+					"alertMessage": "Try again.",
+					"successMessage": "The verification was successful!",
+					"successAction": "Thank you for trusting Costventures, click on the button on the right to automatically login and navigate to the homepage.",
+					"successActionLink": "Login",
+					"seconds": "seconds"
+				}
+			},
+			"alreadyRegistered": "Already registered?",
+			"alreadyRegisteredAction": "Sign in"
+		},
+		"signin": {
+			"title": "Sign in",
+			"componentTitle": "Sign in to your account",
+			"password": "Password",
+			"forgotPassword": {
+				"title": "Forgot your password?",
+				"abort": "Abort",
+				"steps": {
+					"email": {
+						"title": "What is your email address?",
+						"invalidEmail": "Please provide a valid email",
+						"validEmail": "Email is valid",
+						"nextStep": "Receive reset code"
+					},
+					"token": {
+						"alertHeading": "Something went wrong!",
+						"alertMessage": "Try again",
+						"nextStep": "Enter new password"
+					},
+					"password": {
+						"title": "Set new password",
+						"alertHeading": "Something went wrong!",
+						"nextStep": "Set password"
+					}
+				}
+			},
+			"rememberMe": "Remember me",
+			"noAccount": "Don't have an account yet?",
+			"noAccountAction": "Sign up",
+			"submit": "Sign in"
+		}
+	},
+	"sidebar": {
+		"homepage": {
+			"title": "Homepage",
+			"home": "Home"
+		},
+		"trips": {
+			"title": "Trips",
+			"trips": "Trips",
+			"costs": "Costs",
+			"history": "History"
+		},
+		"account": {
+			"title": "Account",
+			"profile": "Profile"
+		}
+	},
+	"landingPage": {
+		"banner": {
+			"catchPhrase": {
+				"first": "Travel.",
+				"second": "Spend.",
+				"third": "Divide."
+			}
+		},
+		"register": {
+			"title": "Get started with Costventures today by creating a free account.",
+			"button": "Register"
+		},
+		"features": {
+			"redirectMessage": "Learn more",
+			"travel": {
+				"title": "Travel",
+				"description": "Travel the world with your friends and family. Create a trip and invite your friends to join you. Plan your trip together and share the costs."
+			},
+			"spend": {
+				"title": "Spend",
+				"description": "Spend your money wisely. Create a budget for your trip and keep track of your expenses. See how much you have spent and how much you have left."
+			},
+			"divide": {
+				"title": "Divide",
+				"description": "Divide the costs of your trip. Add your expenses and see how much you owe or how much you are owed. Settle your debts and enjoy your trip."
+			}
+		},
+		"reviews": {
+			"aleks": "this is way better than our fitness app",
+			"thomas": "this shit good",
+			"nico": "I can finally see how broke I am now"
+		},
+		"stats": {
+			"users": "Users",
+			"subscribers": "Subscribers",
+			"investors": "Investors",
+			"team": "Talented Team"
+		},
+		"contactBox": {
+			"title": "Contact us",
+			"message": "If you have any questions or suggestions, please tell us. We won't bite. :)",
+			"invalidName": "Please enter a valid name (at least 3 characters)",
+			"invalidEmail": "Please enter a valid email address (e.g. [email protected])",
+			"label": "Message",
+			"placeholder": "Whatever you want to say...",
+			"button": "Send"
+		}
+	}
+}