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

resources/js/pages/marketing/Packages.tsx

@@ -14,6 +14,7 @@ import MarketingLayout from '@/layouts/mainWebsite';
 import { useAnalytics } from '@/hooks/useAnalytics';
 import { useCtaExperiment } from '@/hooks/useCtaExperiment';
 import { useLocalizedRoutes } from '@/hooks/useLocalizedRoutes';
+import { useLocale } from '@/hooks/useLocale';
 import { ArrowRight, Check, Star } from 'lucide-react';
 
 interface Package {
@@ -251,6 +252,7 @@ const Packages: React.FC<PackagesProps> = ({ endcustomerPackages, resellerPackag
   const mobileEndcustomerRef = useRef<HTMLDivElement | null>(null);
   const mobileResellerRef = useRef<HTMLDivElement | null>(null);
   const { localizedPath } = useLocalizedRoutes();
+  const locale = useLocale();
   const { t } = useTranslation('marketing');
   const { t: tCommon } = useTranslation('common');
   const {
@@ -883,6 +885,16 @@ const PackageDetailGrid: React.FC<PackageDetailGridProps> = ({
                 {t('packages.contact_us')}
               </Link>
             </Button>
+            <Button
+              asChild
+              size="lg"
+              variant="ghost"
+              className="rounded-full text-gray-900 hover:bg-white/60 dark:text-gray-100 dark:hover:bg-gray-800/70"
+            >
+              <Link href={localizedPath(locale === 'en' ? '/gift-card' : '/gutschein')}>
+                {t('packages.gift_cta', 'Paket verschenken')}
+              </Link>
+            </Button>
           </div>
           <p className="text-sm text-gray-600 dark:text-gray-300">
             {t('packages.hero_secondary')}