feat: payload cms

app/[locale]/[slug]/page.tsx

@@ -3,6 +3,7 @@ import { Container, Badge, Heading } from '@/components/ui';
 import { getTranslations, setRequestLocale } from 'next-intl/server';
 import { Metadata } from 'next';
 import { getPageBySlug, getAllPages } from '@/lib/pages';
+import { mapSlugToFileSlug, mapFileSlugToTranslated } from '@/lib/slugs';
 import PayloadRichText from '@/components/PayloadRichText';
 import { SITE_URL } from '@/lib/schema';
 import TrackedLink from '@/components/analytics/TrackedLink';
@@ -20,15 +21,19 @@ export async function generateMetadata({ params }: PageProps): Promise<Metadata>
 
   if (!pageData) return {};
 
+  const fileSlug = await mapSlugToFileSlug(slug, locale);
+  const deSlug = await mapFileSlugToTranslated(fileSlug, 'de');
+  const enSlug = await mapFileSlugToTranslated(fileSlug, 'en');
+
   return {
     title: pageData.frontmatter.title,
     description: pageData.frontmatter.excerpt || '',
     alternates: {
       canonical: `${SITE_URL}/${locale}/${slug}`,
       languages: {
-        de: `${SITE_URL}/de/${slug}`,
-        en: `${SITE_URL}/en/${slug}`,
-        'x-default': `${SITE_URL}/en/${slug}`,
+        de: `${SITE_URL}/de/${deSlug}`,
+        en: `${SITE_URL}/en/${enSlug}`,
+        'x-default': `${SITE_URL}/en/${enSlug}`,
       },
     },
     openGraph: {
@@ -54,6 +59,16 @@ export default async function StandardPage({ params }: PageProps) {
     notFound();
   }
 
+  // Full-bleed pages render blocks edge-to-edge without the generic article wrapper
+  if (pageData.frontmatter.layout === 'fullBleed') {
+    return (
+      <div className="flex flex-col min-h-screen">
+        <PayloadRichText data={pageData.content} className="" />
+      </div>
+    );
+  }
+
+  // Default article layout with hero, content, and support CTA
   return (
     <div className="flex flex-col min-h-screen bg-white">
       {/* Hero Section */}

app/[locale]/api/og/product/route.tsx

@@ -1,5 +1,5 @@
 import { ImageResponse } from 'next/og';
-import { getProductBySlug } from '@/lib/mdx';
+import { getProductBySlug } from '@/lib/products';
 import { getTranslations } from 'next-intl/server';
 import { OGImageTemplate } from '@/components/OGImageTemplate';
 import { NextRequest } from 'next/server';

app/[locale]/blog/page.tsx

@@ -67,6 +67,9 @@ export default async function BlogIndex({ params }: BlogIndexProps) {
                 alt={featuredPost.frontmatter.title}
                 fill
                 className="absolute inset-0 w-full h-full object-cover opacity-40 md:opacity-60"
+                style={{
+                  objectPosition: `${featuredPost.frontmatter.focalX ?? 50}% ${featuredPost.frontmatter.focalY ?? 50}%`,
+                }}
                 sizes="100vw"
                 priority
               />
@@ -168,6 +171,9 @@ export default async function BlogIndex({ params }: BlogIndexProps) {
                           alt={post.frontmatter.title}
                           fill
                           className="w-full h-full object-cover transition-transform duration-1000 group-hover:scale-110"
+                          style={{
+                            objectPosition: `${post.frontmatter.focalX ?? 50}% ${post.frontmatter.focalY ?? 50}%`,
+                          }}
                           sizes="(max-width: 768px) 100vw, (max-width: 1024px) 50vw, 33vw"
                         />
                         <div className="absolute inset-0 image-overlay-gradient opacity-0 group-hover:opacity-100 transition-opacity duration-500" />
@@ -192,10 +198,10 @@ export default async function BlogIndex({ params }: BlogIndexProps) {
                         </span>
                         {(new Date(post.frontmatter.date) > new Date() ||
                           post.frontmatter.public === false) && (
-                          <span className="px-1.5 py-0.5 border border-current rounded-sm text-[9px] md:text-xs">
-                            Draft
-                          </span>
-                        )}
+                            <span className="px-1.5 py-0.5 border border-current rounded-sm text-[9px] md:text-xs">
+                              Draft
+                            </span>
+                          )}
                       </div>
                       <h3 className="text-lg md:text-2xl font-bold text-primary mb-3 md:mb-6 group-hover:text-accent-dark transition-colors line-clamp-3 md:line-clamp-4 leading-tight">
                         {post.frontmatter.title}

app/[locale]/products/[...slug]/page.tsx

@@ -7,7 +7,7 @@ import RelatedProducts from '@/components/RelatedProducts';
 import DatasheetDownload from '@/components/DatasheetDownload';
 import { Badge, Card, Container, Heading, Section } from '@/components/ui';
 import { getDatasheetPath } from '@/lib/datasheets';
-import { getAllProducts, getProductBySlug } from '@/lib/mdx';
+import { getAllProducts, getProductBySlug } from '@/lib/products';
 import { mapFileSlugToTranslated, mapSlugToFileSlug } from '@/lib/slugs';
 import { Metadata } from 'next';
 import { getTranslations, setRequestLocale } from 'next-intl/server';