Ahrefs fehler

src/app/(main)/(marketing)/MarketingLayout.tsx

@@ -9,6 +9,7 @@ import en from '@/i18n/en.json';
 import { ChevronDown, Wifi, Contact, MessageCircle, QrCode, Link2, Type, Mail, MessageSquare, Phone, Calendar, MapPin, Facebook, Instagram, Twitter, Youtube, Music, Bitcoin, CreditCard, Video, Users, Barcode as BarcodeIcon } from 'lucide-react';
 import { cn } from '@/lib/utils';
 import { AnimatePresence, motion } from 'framer-motion';
+import { allUseCases } from '@/lib/growth-pages';
 
 export default function MarketingLayout({
   children,
@@ -79,6 +80,18 @@ export default function MarketingLayout({
             <li><Link href="/contact">{t.nav.contact}</Link></li>
             <li><Link href="/login">{t.nav.login}</Link></li>
             <li><Link href="/signup">{t.nav.signup || "Sign Up"}</Link></li>
+            {/* Commercial pages */}
+            <li><a href="/dynamic-qr-code-generator">Dynamic QR Code Generator</a></li>
+            <li><a href="/qr-code-tracking">QR Code Tracking</a></li>
+            <li><a href="/qr-code-analytics">QR Code Analytics</a></li>
+            <li><a href="/custom-qr-code-generator">Custom QR Code Generator</a></li>
+            <li><a href="/bulk-qr-code-generator">Bulk QR Code Generator</a></li>
+            <li><a href="/qr-code-for-marketing-campaigns">QR Codes for Marketing Campaigns</a></li>
+            <li><a href="/qr-code-erstellen">QR Code Erstellen</a></li>
+            {/* Use case pages */}
+            {allUseCases.map((uc) => (
+              <li key={uc.slug}><a href={uc.href}>{uc.title}</a></li>
+            ))}
             {/* Tools */}
             <li><a href="/tools/url-qr-code">URL QR Code</a></li>
             <li><a href="/tools/text-qr-code">Text QR Code</a></li>

src/components/ui/Footer.tsx

@@ -1,6 +1,7 @@
 import Link from 'next/link';
 import en from '@/i18n/en.json';
 import { Instagram, Twitter, Linkedin, Facebook } from 'lucide-react';
+import { allUseCases } from '@/lib/growth-pages';
 
 interface FooterProps {
   variant?: 'marketing' | 'dashboard';
@@ -15,7 +16,7 @@ export function Footer({ variant = 'marketing', t }: FooterProps) {
   return (
     <footer className={`${isDashboard ? 'bg-gray-50 text-gray-600 border-t border-gray-200 mt-12' : 'bg-gray-900 text-white mt-20'} py-12`}>
       <div className="container mx-auto px-4 sm:px-6 lg:px-8 max-w-7xl">
-        <div className="grid md:grid-cols-4 gap-8">
+        <div className="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-5 gap-8">
           <div>
             <Link href="/" className="flex items-center space-x-2 mb-4 hover:opacity-80 transition-opacity">
               <img src="/logo.svg" alt="QR Master Logo" className="w-10 h-10" />
@@ -49,7 +50,6 @@ export function Footer({ variant = 'marketing', t }: FooterProps) {
               <li><Link href="/authors/timo" className={isDashboard ? 'hover:text-primary-600' : 'hover:text-white'}>Timo Knuth (Author)</Link></li>
               <li><Link href="/#pricing" className={isDashboard ? 'hover:text-primary-600' : 'hover:text-white'}>{translations.pricing}</Link></li>
               <li><Link href="/qr-code-analytics" className={isDashboard ? 'hover:text-primary-600' : 'hover:text-white'}>QR Analytics</Link></li>
-              <li><Link href="/use-cases" className={isDashboard ? 'hover:text-primary-600' : 'hover:text-white'}>Use Cases</Link></li>
               <li><Link href="/faq" className={isDashboard ? 'hover:text-primary-600' : 'hover:text-white'}>{translations.faq}</Link></li>
               <li><Link href="/blog" className={isDashboard ? 'hover:text-primary-600' : 'hover:text-white'}>{translations.blog}</Link></li>
             </ul>
@@ -77,6 +77,19 @@ export function Footer({ variant = 'marketing', t }: FooterProps) {
             </ul>
           </div>
 
+          <div>
+            <h3 className={`font-semibold mb-4 ${isDashboard ? 'text-gray-900' : ''}`}>Use Cases</h3>
+            <ul className={`space-y-2 ${isDashboard ? 'text-gray-500' : 'text-gray-400'}`}>
+              {allUseCases.map((uc) => (
+                <li key={uc.slug}>
+                  <Link href={uc.href} className={isDashboard ? 'hover:text-primary-600' : 'hover:text-white'}>
+                    {uc.title}
+                  </Link>
+                </li>
+              ))}
+            </ul>
+          </div>
+
           <div>
             <h3 className={`font-semibold mb-4 ${isDashboard ? 'text-gray-900' : ''}`}>{translations.legal}</h3>
             <ul className={`space-y-2 ${isDashboard ? 'text-gray-500' : 'text-gray-400'}`}>