feat: Add marketing and use case pages, their data structures, and supporting UI components.

src/app/(main)/(marketing)/bulk-qr-code-generator/page.tsx

@@ -8,7 +8,6 @@ import Breadcrumbs, { BreadcrumbItem } from '@/components/Breadcrumbs';
 import { breadcrumbSchema } from '@/lib/schema';
 import { GrowthLinksSection } from '@/components/marketing/GrowthLinksSection';
 import { MarketingPageTracker } from '@/components/marketing/MarketingAnalytics';
-import { featuredUseCases } from '@/lib/growth-pages';
 
 export const metadata: Metadata = {
   title: {
@@ -289,18 +288,18 @@ export default function BulkQRCodeGeneratorPage() {
   ];
 
   const relatedUseCaseLinks = [
+    {
+      href: '/use-cases/packaging-qr-codes',
+      title: 'Packaging QR Codes',
+      description: 'Use bulk generation when packaging, inserts, or labels need measurable scan routing at scale.',
+      ctaLabel: 'Create your packaging QR code',
+    },
     {
       href: '/qr-code-for-marketing-campaigns',
       title: 'QR Codes for Marketing Campaigns',
       description: 'Use bulk generation when campaign placement or print distribution needs multiple trackable codes.',
       ctaLabel: 'Create a trackable campaign QR',
     },
-    {
-      href: featuredUseCases[2].href,
-      title: featuredUseCases[2].title,
-      description: featuredUseCases[2].summary,
-      ctaLabel: featuredUseCases[2].ctaLabel,
-    },
     {
       href: '/use-cases',
       title: 'Explore the use-case hub',