struktur der webseiten-js angepasst. filament aktualisiert.

2025-10-08 19:02:00 +02:00
parent b3e6b6b597
commit cee279cbab
42 changed files with 359 additions and 844 deletions
--- a/resources/js/pages/auth/register.tsx
+++ b/resources/js/pages/auth/register.tsx
@@ -14,7 +14,7 @@ interface RegisterProps {
    privacyHtml?: string;
 }

-import MarketingLayout from '@/layouts/marketing/MarketingLayout';
+import MarketingLayout from '@/layouts/mainWebsite';

 export default function Register({ package: initialPackage, privacyHtml }: RegisterProps) {
    const [privacyOpen, setPrivacyOpen] = useState(false);
--- a/resources/js/pages/legal/Datenschutz.tsx
+++ b/resources/js/pages/legal/Datenschutz.tsx
@@ -1,39 +1,39 @@
 import React from 'react';
-import { Head, Link, usePage } from '@inertiajs/react';
-import MarketingLayout from '@/layouts/MarketingLayout';
+import { Head, Link } from '@inertiajs/react';
+import { useTranslation } from 'react-i18next';
+import MarketingLayout from '@/layouts/mainWebsite';
 import { useLocalizedRoutes } from '@/hooks/useLocalizedRoutes';

 const Datenschutz: React.FC = () => {
-  const { props } = usePage();
-  const { __ } = props as any; // Für i18n
+  const { t } = useTranslation('legal');
  const { localizedPath } = useLocalizedRoutes();

  return (
-    <MarketingLayout title={__('legal.datenschutz_title')}>
-      <Head title={__('legal.datenschutz_title')} />
+    <MarketingLayout title={t('datenschutz_title')}>
+      <Head title={t('datenschutz_title')} />
      <div className="container mx-auto px-4 py-8">
-        <h1 className="text-2xl font-bold mb-4 font-display">{__('legal.datenschutz')}</h1>
-        <p className="mb-4 font-sans-marketing">{__('legal.datenschutz_intro')}</p>
-        <p className="mb-4 font-sans-marketing">{__('legal.responsible')}</p>
-        <p className="mb-4 font-sans-marketing">{__('legal.data_collection')}</p>
-        <h2 className="text-xl font-semibold mb-2 font-display">{__('legal.payments')}</h2>
+        <h1 className="text-2xl font-bold mb-4 font-display">{t('datenschutz')}</h1>
+        <p className="mb-4 font-sans-marketing">{t('datenschutz_intro')}</p>
+        <p className="mb-4 font-sans-marketing">{t('responsible')}</p>
+        <p className="mb-4 font-sans-marketing">{t('data_collection')}</p>
+        <h2 className="text-xl font-semibold mb-2 font-display">{t('payments')}</h2>
        <p className="mb-4 font-sans-marketing">
-          {__('legal.payments_desc')} <a href="https://stripe.com/de/privacy" target="_blank" rel="noopener noreferrer">{__('legal.stripe_privacy')}</a> {__('legal.and')} <a href="https://www.paypal.com/de/webapps/mpp/ua/privacy-full" target="_blank" rel="noopener noreferrer">{__('legal.paypal_privacy')}</a>.
+          {t('payments_desc')} <a href="https://stripe.com/de/privacy" target="_blank" rel="noopener noreferrer">{t('stripe_privacy')}</a> {t('and')} <a href="https://www.paypal.com/de/webapps/mpp/ua/privacy-full" target="_blank" rel="noopener noreferrer">{t('paypal_privacy')}</a>.
        </p>
-        <p className="mb-4 font-sans-marketing">{__('legal.data_retention')}</p>
+        <p className="mb-4 font-sans-marketing">{t('data_retention')}</p>
        <p className="mb-4 font-sans-marketing">
-          {__('legal.rights')} <Link href={localizedPath('/kontakt')}>{__('legal.contact')}</Link>.
+          {t('rights')} <Link href={localizedPath('/kontakt')}>{t('contact')}</Link>.
        </p>
-        <p className="mb-4 font-sans-marketing">{__('legal.cookies')}</p>
-        
-        <h2 className="text-xl font-semibold mb-2 font-display">{__('legal.personal_data')}</h2>
-        <p className="mb-4 font-sans-marketing">{__('legal.personal_data_desc')}</p>
-        
-        <h2 className="text-xl font-semibold mb-2 font-display">{__('legal.account_deletion')}</h2>
-        <p className="mb-4 font-sans-marketing">{__('legal.account_deletion_desc')}</p>
-        
-        <h2 className="text-xl font-semibold mb-2 font-display">{__('legal.data_security')}</h2>
-        <p className="mb-4 font-sans-marketing">{__('legal.data_security_desc')}</p>
+        <p className="mb-4 font-sans-marketing">{t('cookies')}</p>
+
+        <h2 className="text-xl font-semibold mb-2 font-display">{t('personal_data')}</h2>
+        <p className="mb-4 font-sans-marketing">{t('personal_data_desc')}</p>
+
+        <h2 className="text-xl font-semibold mb-2 font-display">{t('account_deletion')}</h2>
+        <p className="mb-4 font-sans-marketing">{t('account_deletion_desc')}</p>
+
+        <h2 className="text-xl font-semibold mb-2 font-display">{t('data_security')}</h2>
+        <p className="mb-4 font-sans-marketing">{t('data_security_desc')}</p>
      </div>
    </MarketingLayout>
  );
--- a/resources/js/pages/legal/Impressum.tsx
+++ b/resources/js/pages/legal/Impressum.tsx
@@ -1,29 +1,30 @@
 import React from 'react';
 import { Head, Link } from '@inertiajs/react';
-import MarketingLayout from '@/layouts/MarketingLayout';
-import { usePage } from '@inertiajs/react';
+import { useTranslation } from 'react-i18next';
+import MarketingLayout from '@/layouts/mainWebsite';
+import { useLocalizedRoutes } from '@/hooks/useLocalizedRoutes';

 const Impressum: React.FC = () => {
-  const { props } = usePage();
-  const { __ } = props as any; // Für i18n
+  const { t } = useTranslation('legal');
+  const { localizedPath } = useLocalizedRoutes();

  return (
-    <MarketingLayout title={__('legal.impressum_title')}>
-      <Head title={__('legal.impressum_title')} />
+    <MarketingLayout title={t('impressum_title')}>
+      <Head title={t('impressum_title')} />
      <div className="container mx-auto px-4 py-8">
-        <h1 className="text-2xl font-bold mb-4 font-display">{__('legal.impressum')}</h1>
-        <p className="mb-4 font-sans-marketing">{__('legal.impressum_section')}</p>
+        <h1 className="text-2xl font-bold mb-4 font-display">{t('impressum')}</h1>
+        <p className="mb-4 font-sans-marketing">{t('impressum_section')}</p>
        <p className="mb-4 font-sans-marketing">
-          {__('legal.company')}<br />
-          {__('legal.address')}<br />
-          {__('legal.representative')}<br />
-          {__('legal.contact')}: <Link href={route('kontakt')}>{__('legal.contact')}</Link>
+          {t('company')}<br />
+          {t('address')}<br />
+          {t('representative')}<br />
+          {t('contact')}: <Link href={localizedPath('/kontakt')}>{t('contact')}</Link>
        </p>
-        <p className="mb-4 font-sans-marketing">{__('legal.vat_id')}</p>
-        <h2 className="text-xl font-semibold mb-2 font-display">{__('legal.monetization')}</h2>
-        <p className="mb-4 font-sans-marketing">{__('legal.monetization_desc')}</p>
-        <p className="mb-4 font-sans-marketing">{__('legal.register_court')}</p>
-        <p className="mb-4 font-sans-marketing">{__('legal.commercial_register')}</p>
+        <p className="mb-4 font-sans-marketing">{t('vat_id')}</p>
+        <h2 className="text-xl font-semibold mb-2 font-display">{t('monetization')}</h2>
+        <p className="mb-4 font-sans-marketing">{t('monetization_desc')}</p>
+        <p className="mb-4 font-sans-marketing">{t('register_court')}</p>
+        <p className="mb-4 font-sans-marketing">{t('commercial_register')}</p>
      </div>
    </MarketingLayout>
  );
--- a/resources/js/pages/marketing/Blog.tsx
+++ b/resources/js/pages/marketing/Blog.tsx
@@ -2,7 +2,7 @@
 import { Head, Link } from '@inertiajs/react';
 import { useLocalizedRoutes } from '@/hooks/useLocalizedRoutes';
 import { useTranslation } from 'react-i18next';
-import MarketingLayout from '@/layouts/marketing/MarketingLayout';
+import MarketingLayout from '@/layouts/mainWebsite';

 interface Props {
  posts: {
--- a/resources/js/pages/marketing/BlogShow.tsx
+++ b/resources/js/pages/marketing/BlogShow.tsx
@@ -2,7 +2,7 @@
 import { Head, Link } from '@inertiajs/react';
 import { useLocalizedRoutes } from '@/hooks/useLocalizedRoutes';
 import { useTranslation } from 'react-i18next';
-import MarketingLayout from '@/layouts/marketing/MarketingLayout';
+import MarketingLayout from '@/layouts/mainWebsite';

 interface Props {
  post: {
--- a/resources/js/pages/marketing/CheckoutWizardPage.tsx
+++ b/resources/js/pages/marketing/CheckoutWizardPage.tsx
@@ -1,6 +1,6 @@
 import React from "react";
 import { Head, usePage } from "@inertiajs/react";
-import MarketingLayout from "@/layouts/marketing/MarketingLayout";
+import MarketingLayout from "@/layouts/mainWebsite";
 import type { CheckoutPackage } from "./checkout/types";
 import { CheckoutWizard } from "./checkout/CheckoutWizard";
 import { Button } from "@/components/ui/button";
--- a/resources/js/pages/marketing/Home.tsx
+++ b/resources/js/pages/marketing/Home.tsx
@@ -2,7 +2,7 @@
 import { Head, Link, useForm } from '@inertiajs/react';
 import { useTranslation } from 'react-i18next';
 import { useLocalizedRoutes } from '@/hooks/useLocalizedRoutes';
-import MarketingLayout from '@/layouts/marketing/MarketingLayout';
+import MarketingLayout from '@/layouts/mainWebsite';

 interface Package {
  id: number;
@@ -124,7 +124,7 @@ const Home: React.FC<Props> = ({ packages }) => {
              <div key={pkg.id} className="bg-white dark:bg-gray-800 p-6 rounded-lg shadow-md text-center">
                <h3 className="text-2xl font-bold mb-2">{pkg.name}</h3>
                <p className="text-gray-600 dark:text-gray-300 mb-4">{pkg.description}</p>
-                <p className="text-3xl font-bold text-[#FFB6C1]">{pkg.price} {t('common.currency.euro')}</p>
+                <p className="text-3xl font-bold text-[#FFB6C1]">{pkg.price} {t('currency.euro')}</p>
                <Link href={`${localizedPath('/register')}?package_id=${pkg.id}`} className="mt-4 inline-block bg-[#FFB6C1] text-white px-6 py-2 rounded-full hover:bg-pink-600">
                  {t('home.view_details')}
                </Link>
--- a/resources/js/pages/marketing/Kontakt.tsx
+++ b/resources/js/pages/marketing/Kontakt.tsx
@@ -2,7 +2,7 @@
 import { Head, Link, useForm, usePage } from '@inertiajs/react';
 import { useTranslation } from 'react-i18next';
 import { useLocalizedRoutes } from '@/hooks/useLocalizedRoutes';
-import MarketingLayout from '@/layouts/marketing/MarketingLayout';
+import MarketingLayout from '@/layouts/mainWebsite';

 const Kontakt: React.FC = () => {
  const { data, setData, post, processing, errors, reset } = useForm({
--- a/resources/js/pages/marketing/Occasions.tsx
+++ b/resources/js/pages/marketing/Occasions.tsx
@@ -2,7 +2,7 @@
 import { Head, Link } from '@inertiajs/react';
 import { useLocalizedRoutes } from '@/hooks/useLocalizedRoutes';
 import { useTranslation } from 'react-i18next';
-import MarketingLayout from '@/layouts/marketing/MarketingLayout';
+import MarketingLayout from '@/layouts/mainWebsite';

 interface OccasionsProps {
  type: string;
--- a/resources/js/pages/marketing/Packages.tsx
+++ b/resources/js/pages/marketing/Packages.tsx
@@ -9,7 +9,7 @@ import { Badge } from "@/components/ui/badge"
 import { Progress } from "@/components/ui/progress"
 import { Button } from "@/components/ui/button"
 import { Accordion, AccordionContent, AccordionItem, AccordionTrigger } from "@/components/ui/accordion"
-import MarketingLayout from '@/layouts/marketing/MarketingLayout';
+import MarketingLayout from '@/layouts/mainWebsite';
 import { ArrowRight, ShoppingCart, Check, X, Users, Image, Calendar, Shield, Star } from 'lucide-react';

 interface Package {
@@ -204,7 +204,7 @@ const Packages: React.FC<PackagesProps> = ({ endcustomerPackages, resellerPackag
                    {endcustomerPackages.map((pkg) => (
                      <div key={pkg.id} className="text-center">
                        <p className="font-bold">{pkg.name}</p>
-                        <p>{pkg.price === 0 ? t('packages.free') : `${pkg.price} ${t('common.currency.euro')}`}</p>
+                        <p>{pkg.price === 0 ? t('packages.free') : `${pkg.price} ${t('currency.euro')}`}</p>
                      </div>
                    ))}
                  </div>
@@ -281,7 +281,7 @@ const Packages: React.FC<PackagesProps> = ({ endcustomerPackages, resellerPackag
                  <TableCell className="font-semibold">{t('packages.price')}</TableCell>
                  {endcustomerPackages.map((pkg) => (
                    <TableCell key={pkg.id} className="text-center">
-                      {pkg.price === 0 ? t('packages.free') : `${pkg.price} ${t('common.currency.euro')}`}
+                      {pkg.price === 0 ? t('packages.free') : `${pkg.price} ${t('currency.euro')}`}
                    </TableCell>
                  ))}
                </TableRow>
--- a/resources/js/pages/marketing/PaymentForm.tsx
+++ b/resources/js/pages/marketing/PaymentForm.tsx
@@ -1,48 +0,0 @@
-import React from 'react';
-import { useForm } from '@inertiajs/react';
-import { useTranslation } from 'react-i18next';
-import { Button } from '@/components/ui/button';
-import { Card, CardContent, CardHeader, CardTitle } from '@/components/ui/card';
-import { Alert, AlertDescription } from '@/components/ui/alert';
-
-interface PaymentFormProps {
-  packageId: number;
-  packagePrice: number; // Add price as prop
-  onSuccess?: () => void;
-}
-
-export default function PaymentForm({ packageId, packagePrice, onSuccess }: PaymentFormProps) {
-  const { t } = useTranslation('marketing');
-  const { data, setData, post, processing, errors, setError } = useForm({
-    package_id: packageId,
-    payment: '', // For error messages
-  });
-
-  const handlePaymentSubmit = (e: React.FormEvent) => {
-    e.preventDefault();
-    setError('payment', t('payment.coming_soon') || 'Zahlungssystem wird bald verfügbar sein. Kontaktieren Sie uns für weitere Details.');
-  };
-
-  return (
-    <Card>
-      <CardHeader>
-        <CardTitle>{t('payment.title')}</CardTitle>
-      </CardHeader>
-      <CardContent className="space-y-4">
-        <form onSubmit={handlePaymentSubmit} className="space-y-4">
-          <div className="text-center text-sm text-muted-foreground">
-            {t('payment.placeholder') || 'Das Zahlungssystem wird bald eingerichtet. Bitte kontaktieren Sie uns für den Kauf des Pakets.'}
-          </div>
-          <Alert>
-            <AlertDescription>
-              {t('payment.contact_us') || 'Kontaktieren Sie uns unter support@fotospiel.de für den Kauf.'}
-            </AlertDescription>
-          </Alert>
-          <Button type="submit" className="w-full" disabled={processing}>
-            {processing ? 'Wird verarbeitet...' : t('payment.contact') || 'Kontaktieren'}
-          </Button>
-        </form>
-      </CardContent>
-    </Card>
-  );
-}
--- a/resources/js/pages/marketing/Success.tsx
+++ b/resources/js/pages/marketing/Success.tsx
@@ -2,7 +2,7 @@
 import { usePage, router } from '@inertiajs/react';
 import { Head } from '@inertiajs/react';
 import { useTranslation } from 'react-i18next';
-import MarketingLayout from '@/layouts/marketing/MarketingLayout';
+import MarketingLayout from '@/layouts/mainWebsite';
 import { Loader } from 'lucide-react';
 import { useLocalizedRoutes } from '@/hooks/useLocalizedRoutes';

--- a/resources/js/pages/marketing/SuccessStep.tsx
+++ b/resources/js/pages/marketing/SuccessStep.tsx
@@ -1,43 +0,0 @@
-import React from 'react';
-import { useTranslation } from 'react-i18next';
-import { Button } from '@/components/ui/button';
-import { Card, CardContent, CardHeader, CardTitle } from '@/components/ui/card';
-import { CheckCircle } from 'lucide-react';
-import { router } from '@inertiajs/react';
-
-interface Package {
-  id: number;
-  name: string;
-  description: string;
-  price: number;
-}
-
-interface SuccessStepProps {
-  package: Package;
-}
-
-export default function SuccessStep({ package: pkg }: SuccessStepProps) {
-  const { t } = useTranslation('marketing');
-
-  const handleDashboard = () => {
-    router.visit('/admin');
-  };
-
-  return (
-    <Card>
-      <CardHeader className="text-center">
-        <CheckCircle className="h-16 w-16 text-green-500 mx-auto mb-4" />
-        <CardTitle className="text-2xl">{t('success.title')}</CardTitle>
-      </CardHeader>
-      <CardContent className="space-y-4 text-center">
-        <p>{t('success.message', { package: pkg.name })}</p>
-        <p className="text-lg font-semibold">
-          {pkg.price === 0 ? t('success.free_assigned') : t('success.paid_assigned')}
-        </p>
-        <Button onClick={handleDashboard} className="w-full">
-          {t('success.go_to_dashboard')}
-        </Button>
-      </CardContent>
-    </Card>
-  );
-}