tenext redesign

components/shared/PageTitleBanner.tsx

@@ -1,3 +1,5 @@
+import { siteConfig } from "@/data/site-config";
+
 interface BreadcrumbItem {
   label: string;
   href?: string;
@@ -23,8 +25,23 @@ interface PageTitleBannerProps {
  *   - Top-left and bottom-right rounded corner decorations
  */
 export function PageTitleBanner({ title, breadcrumbs }: PageTitleBannerProps) {
+  const breadcrumbJsonLd = {
+    "@context": "https://schema.org",
+    "@type": "BreadcrumbList",
+    itemListElement: breadcrumbs.map((crumb, index) => ({
+      "@type": "ListItem",
+      position: index + 1,
+      name: crumb.label,
+      ...(crumb.href ? { item: `${siteConfig.url}${crumb.href}` } : {}),
+    })),
+  };
+
   return (
     <div className="relative mx-5 overflow-hidden rounded-[25px] bg-tenext-dark">
+      <script
+        type="application/ld+json"
+        dangerouslySetInnerHTML={{ __html: JSON.stringify(breadcrumbJsonLd) }}
+      />
       {/* Background image */}
       <div
         className="absolute inset-0 bg-cover bg-center opacity-80"