From 111672a6147e7adee45c4384d680d94b7d03161c Mon Sep 17 00:00:00 2001
From: Marc Mintel <marc@mintel.me>
Date: Fri, 19 Jun 2026 21:27:35 +0200
Subject: [PATCH] feat(referenzen): inject MDX project details into overview
 cards

---
 app/[locale]/referenzen/page.tsx | 15 +++++++++++++++
 1 file changed, 15 insertions(+)

diff --git a/app/[locale]/referenzen/page.tsx b/app/[locale]/referenzen/page.tsx
index 096ee147e..c0f671e92 100644
--- a/app/[locale]/referenzen/page.tsx
+++ b/app/[locale]/referenzen/page.tsx
@@ -11,6 +11,14 @@ import { InteractiveGermanyMap } from '@/components/blocks/InteractiveGermanyMap
 import { HeroSection } from '@/components/blocks/HeroSection';
 import { defaultLocations, minorLocations } from '@/lib/map-data';
 
+import { MDXRemote } from 'next-mdx-remote/rsc';
+
+const mdxComponents = {
+  ul: (props: any) => <ul className="list-disc pl-5 mb-6 text-neutral-600 text-sm space-y-2" {...props} />,
+  li: (props: any) => <li className="pl-1" {...props} />,
+  p: (props: any) => <p className="text-neutral-600 text-sm mb-4 leading-relaxed" {...props} />,
+};
+
 interface PageProps {
   params: Promise<{
     locale: string;
@@ -126,6 +134,13 @@ export default async function ReferenzenOverview(props: { params: Promise<{ loca
                     {ref.frontmatter.title}
                   </h3>
                   
+                  {/* Project Details / Content */}
+                  {ref.content && (
+                    <div className="flex-grow mb-6">
+                      <MDXRemote source={ref.content} components={mdxComponents} />
+                    </div>
+                  )}
+                  
                   {/* Technical Meta Data */}
                   <div className="flex flex-col gap-3 mt-auto border-t border-neutral-100 pt-6 relative z-10">
                     <div className="min-w-0">