checkout: buttons verbessert, paddle zahlungsschritt schicker gemacht, schritt 4 optimiert+schick gemacht. Dashboard: translations ergänzt. Startseite vom Event Admin optimiert.

resources/js/pages/marketing/checkout/steps/PackageStep.tsx

@@ -1,8 +1,7 @@
-import React, { useMemo, useState } from "react";
+import React, { useMemo } from "react";
 import { useTranslation } from 'react-i18next';
 import type { TFunction } from 'i18next';
-import { Check, Package as PackageIcon, Loader2 } from "lucide-react";
-import { Button } from "@/components/ui/button";
+import { Check, Package as PackageIcon } from "lucide-react";
 import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@/components/ui/card";
 import { Badge } from "@/components/ui/badge";
 import { useCheckoutWizard } from "../WizardContext";
@@ -107,8 +106,7 @@ function PackageOption({ pkg, isActive, onSelect, t }: { pkg: CheckoutPackage; i
 
 export const PackageStep: React.FC = () => {
   const { t } = useTranslation('marketing');
-  const { selectedPackage, packageOptions, setSelectedPackage, resetPaymentState, nextStep } = useCheckoutWizard();
-  const [isLoading, setIsLoading] = useState(false);
+  const { selectedPackage, packageOptions, setSelectedPackage, resetPaymentState } = useCheckoutWizard();
 
 
   // Early return if no package is selected
@@ -141,31 +139,10 @@ export const PackageStep: React.FC = () => {
     resetPaymentState();
   };
 
-  const handleNextStep = async () => {
-    setIsLoading(true);
-    // Kleine Verzögerung für bessere UX
-    setTimeout(() => {
-      nextStep();
-      setIsLoading(false);
-    }, 300);
-  };
-
   return (
     <div className="grid gap-8 lg:grid-cols-[2fr_1fr]">
       <div className="space-y-6">
         <PackageSummary pkg={selectedPackage} t={t} />
-        <div className="flex justify-end">
-          <Button size="lg" onClick={handleNextStep} disabled={isLoading}>
-            {isLoading ? (
-              <>
-                <Loader2 className="mr-2 h-4 w-4 animate-spin" />
-                {t('checkout.package_step.loading')}
-              </>
-            ) : (
-              t('checkout.package_step.next_to_account')
-            )}
-          </Button>
-        </div>
       </div>
       <aside className="space-y-4">
         <h3 className="text-sm font-semibold uppercase tracking-wider text-muted-foreground">