der tenant admin hat eine neue, mobil unterstützende UI, login redirect funktioniert, typescript fehler wurden bereinigt. Neue Blog Posts von ChatGPT eingebaut, übersetzt von Gemini 2.5

resources/js/admin/onboarding/pages/WelcomeLandingPage.tsx

@@ -1,7 +1,7 @@
 import React from "react";
 import { useNavigate } from "react-router-dom";
 import { useTranslation } from "react-i18next";
-import { Sparkles, Users, Camera, CalendarDays, ChevronRight } from "lucide-react";
+import { Sparkles, Users, Camera, CalendarDays, ChevronRight, CreditCard, UserPlus, Palette } from "lucide-react";
 
 import {
   TenantWelcomeLayout,
@@ -11,16 +11,52 @@ import {
   useOnboardingProgress,
 } from "..";
 import { ADMIN_WELCOME_PACKAGES_PATH, ADMIN_EVENTS_PATH } from "../../constants";
+import { ChecklistRow, FrostedSurface } from "../../components/tenant";
 
 export default function WelcomeLandingPage() {
   const navigate = useNavigate();
-  const { markStep } = useOnboardingProgress();
+  const { markStep, progress } = useOnboardingProgress();
   const { t } = useTranslation("onboarding");
 
   React.useEffect(() => {
     markStep({ welcomeSeen: true, lastStep: "landing" });
   }, [markStep]);
 
+  const progressStatus = React.useMemo(
+    () => ({
+      complete: t("landingProgress.status.complete"),
+      pending: t("landingProgress.status.pending"),
+    }),
+    [t]
+  );
+
+  const progressSteps = React.useMemo(
+    () => [
+      {
+        key: "package",
+        icon: <CreditCard className="h-5 w-5" />,
+        label: t("landingProgress.steps.package.title"),
+        hint: t("landingProgress.steps.package.hint"),
+        completed: progress.packageSelected,
+      },
+      {
+        key: "invite",
+        icon: <UserPlus className="h-5 w-5" />,
+        label: t("landingProgress.steps.invite.title"),
+        hint: t("landingProgress.steps.invite.hint"),
+        completed: progress.inviteCreated,
+      },
+      {
+        key: "branding",
+        icon: <Palette className="h-5 w-5" />,
+        label: t("landingProgress.steps.branding.title"),
+        hint: t("landingProgress.steps.branding.hint"),
+        completed: progress.brandingConfigured,
+      },
+    ],
+    [progress.packageSelected, progress.inviteCreated, progress.brandingConfigured, t]
+  );
+
   return (
     <TenantWelcomeLayout
       eyebrow={t("layout.eyebrow")}
@@ -60,6 +96,32 @@ export default function WelcomeLandingPage() {
         ]}
       />
 
+      <FrostedSurface className="space-y-4 rounded-3xl border border-white/20 p-6 text-slate-900 shadow-md shadow-rose-200/20 dark:border-slate-800/70 dark:bg-slate-950/80 dark:text-slate-100">
+        <div className="space-y-2">
+          <p className="text-xs font-semibold uppercase tracking-[0.35em] text-rose-300 dark:text-rose-200">
+            {t("landingProgress.eyebrow")}
+          </p>
+          <h2 className="text-xl font-semibold text-slate-900 dark:text-slate-100">
+            {t("landingProgress.title")}
+          </h2>
+          <p className="text-sm text-slate-600 dark:text-slate-300">
+            {t("landingProgress.description")}
+          </p>
+        </div>
+        <div className="grid gap-3">
+          {progressSteps.map((step) => (
+            <ChecklistRow
+              key={step.key}
+              icon={step.icon}
+              label={step.label}
+              hint={step.hint}
+              completed={step.completed}
+              status={progressStatus}
+            />
+          ))}
+        </div>
+      </FrostedSurface>
+
       <OnboardingHighlightsGrid
         items={[
           {