Wichige änderung an DB

src/app/(marketing)/blog/page.tsx

@@ -3,9 +3,10 @@ import type { Metadata } from 'next';
 import Link from 'next/link';
 import Image from 'next/image';
 import SeoJsonLd from '@/components/SeoJsonLd';
-import { websiteSchema } from '@/lib/schema';
+import { websiteSchema, breadcrumbSchema } from '@/lib/schema';
 import { Card, CardHeader, CardTitle, CardContent } from '@/components/ui/Card';
 import { Badge } from '@/components/ui/Badge';
+import Breadcrumbs, { BreadcrumbItem } from '@/components/Breadcrumbs';
 
 function truncateAtWord(text: string, maxLength: number): string {
   if (text.length <= maxLength) return text;
@@ -84,11 +85,17 @@ const blogPosts = [
 ];
 
 export default function BlogPage() {
+  const breadcrumbItems: BreadcrumbItem[] = [
+    { name: 'Home', url: '/' },
+    { name: 'Blog', url: '/blog' },
+  ];
+
   return (
     <>
-      <SeoJsonLd data={websiteSchema()} />
+      <SeoJsonLd data={[websiteSchema(), breadcrumbSchema(breadcrumbItems)]} />
       <div className="py-20 bg-gradient-to-b from-gray-50 to-white">
         <div className="container mx-auto px-4">
+          <Breadcrumbs items={breadcrumbItems} />
           <div className="text-center mb-16">
             <h1 className="text-4xl lg:text-5xl font-bold text-gray-900 mb-6">
               QR Code Insights