login seitentexte verbessert und event selector gefixt. allgemeine event-landingpage schickt gemacht.

This commit is contained in:
Codex Agent
2025-11-10 08:39:10 +01:00
parent 7ec3db9c59
commit ba9e64dfcb
5 changed files with 239 additions and 68 deletions

View File

@@ -3,7 +3,6 @@ import { useTranslation } from 'react-i18next';
import { useLocation, useNavigate } from 'react-router-dom';
import { Loader2 } from 'lucide-react';
import AppLogoIcon from '@/components/app-logo-icon';
import { Alert, AlertDescription } from '@/components/ui/alert';
import { Button } from '@/components/ui/button';
import { Input } from '@/components/ui/input';
@@ -119,14 +118,22 @@ export default function LoginPage(): JSX.Element {
<div className="relative z-10 mx-auto flex w-full max-w-md flex-col gap-10 px-6 py-16">
<header className="flex flex-col items-center gap-3 text-center">
<span className="flex h-12 w-12 items-center justify-center rounded-full bg-white/15 shadow-lg shadow-black/20">
<AppLogoIcon className="h-7 w-7 text-white" />
<span className="flex h-14 w-14 items-center justify-center overflow-hidden rounded-full border border-white/20 bg-white/10 shadow-lg shadow-black/20">
<img
src="/logo-transparent-md.png"
alt={t('login.brand_alt', 'Fotospiel Logo')}
className="h-12 w-12 object-contain"
loading="lazy"
/>
</span>
<h1 className="text-2xl font-semibold tracking-tight">
{t('login.panel_title', t('login.title', 'Event Admin Login'))}
{t('login.panel_title', t('login.title', 'Team Login für Fotospiel'))}
</h1>
<p className="max-w-sm text-sm text-white/70">
{t('login.panel_copy', 'Sign in with your Fotospiel admin credentials to manage your events and galleries.')}
{t(
'login.panel_copy',
'Melde dich an, um Events zu planen, Fotos zu moderieren und Aufgaben im Fotospiel-Team zu koordinieren.'
)}
</p>
</header>
@@ -195,7 +202,7 @@ export default function LoginPage(): JSX.Element {
</form>
<footer className="text-center text-xs text-white/50">
{t('login.support', "Brauchen Sie Hilfe? Schreiben Sie uns an support@fotospiel.de")}
{t('login.support', 'Fragen? Schreib uns an support@fotospiel.de oder antworte direkt auf deine Einladung.')}
</footer>
</div>
</div>