geschenkgutscheine implementiert ("Paket verschenken"). Neuer Upload-Provider: Sparkbooth.

resources/js/pages/marketing/HowItWorks.tsx

@@ -3,6 +3,7 @@ import { Head, Link } from '@inertiajs/react';
 import { useTranslation } from 'react-i18next';
 import MarketingLayout from '@/layouts/mainWebsite';
 import { useLocalizedRoutes } from '@/hooks/useLocalizedRoutes';
+import { useLocale } from '@/hooks/useLocale';
 import { Tabs, TabsContent, TabsList, TabsTrigger } from '@/components/ui/tabs';
 import { Card, CardContent, CardDescription, CardHeader, CardTitle } from '@/components/ui/card';
 import { Badge } from '@/components/ui/badge';
@@ -40,6 +41,7 @@ const iconByUseCase: Record<string, React.ReactNode> = {
 const HowItWorks: React.FC = () => {
   const { t, ready } = useTranslation('marketing');
   const { localizedPath } = useLocalizedRoutes();
+  const locale = useLocale();
 
   if (!ready) {
     return (
@@ -158,6 +160,16 @@ const HowItWorks: React.FC = () => {
                   {hero.secondaryCta}
                 </Link>
               </Button>
+              <Button
+                asChild
+                size="lg"
+                variant="ghost"
+                className="text-pink-600 hover:bg-pink-50 dark:text-pink-200 dark:hover:bg-pink-900/30"
+              >
+                <Link href={localizedPath(locale === 'en' ? '/gift-card' : '/gutschein')}>
+                  {t('packages.gift_cta', 'Paket verschenken')}
+                </Link>
+              </Button>
             </div>
           </div>
           <div className="flex-1">