From 12245eec8eeaeac384a3d6d6f86fd2339e7c02cc Mon Sep 17 00:00:00 2001
From: Cursor Agent <cursoragent@cursor.com>
Date: Mon, 12 Jan 2026 14:36:10 +0000
Subject: [PATCH 01/12] Refactor for i18n, CMS integration, and project slugs;
 enhance admin & analytics

Co-authored-by: dennis <dennis@konkol.net>
---
 app/[locale]/layout.tsx                    |   21 +
 app/[locale]/legal-notice/page.tsx         |    2 +
 app/[locale]/page.tsx                      |    2 +
 app/[locale]/privacy-policy/page.tsx       |    2 +
 app/[locale]/projects/[slug]/page.tsx      |   36 +
 app/[locale]/projects/page.tsx             |   36 +
 app/__tests__/components/Header.test.tsx   |    2 +-
 app/_ui/HomePage.tsx                       |  182 ++
 app/_ui/ProjectDetailClient.tsx            |  238 +++
 app/_ui/ProjectsPageClient.tsx             |  292 +++
 app/api/analytics/track/route.ts           |   17 +-
 app/api/contacts/[id]/route.tsx            |   16 +-
 app/api/content/page/route.ts              |   18 +
 app/api/content/pages/route.ts             |   55 +
 app/api/email/route.tsx                    |   14 +-
 app/api/projects/[id]/route.ts             |   28 +-
 app/api/projects/[id]/translation/route.ts |   71 +
 app/api/projects/route.ts                  |   19 +-
 app/api/projects/search/route.ts           |   23 +-
 app/components/About.tsx                   |   69 +-
 app/components/ClientProviders.tsx         |   48 +-
 app/components/ConsentBanner.tsx           |  108 +
 app/components/ConsentProvider.tsx         |   68 +
 app/components/Contact.tsx                 |   33 +-
 app/components/Footer.tsx                  |    8 +-
 app/components/Header.tsx                  |   56 +-
 app/components/Hero.tsx                    |   59 +-
 app/components/Projects.tsx                |    7 +-
 app/components/RichText.tsx                |   21 +
 app/components/RichTextClient.tsx          |   24 +
 app/editor/page.tsx                        |   93 +-
 app/layout.tsx                             |   13 +-
 app/legal-notice/page.tsx                  |  127 +-
 app/page.tsx                               |  181 +-
 app/privacy-policy/page.tsx                |  172 +-
 app/projects/[slug]/page.tsx               |    8 +-
 app/projects/page.tsx                      |   10 +-
 components/ContentManager.tsx              |  414 ++++
 components/EmailManager.tsx                |   18 +
 components/ModernAdminDashboard.tsx        |   15 +-
 i18n/request.ts                            |   16 +
 jest.setup.ts                              |   28 +
 lib/content.ts                             |   71 +
 lib/prisma.ts                              |   18 +
 lib/richtext.ts                            |   71 +
 lib/slug.ts                                |   30 +
 lib/tiptap/fontFamily.ts                   |   67 +
 messages/de.json                           |   25 +
 messages/en.json                           |   25 +
 middleware.ts                              |   77 +-
 next.config.ts                             |    9 +-
 package-lock.json                          | 2161 ++++++++++++++++----
 package.json                               |   17 +-
 prisma/schema.prisma                       |   73 +
 prisma/seed.ts                             |   12 +
 55 files changed, 4573 insertions(+), 753 deletions(-)
 create mode 100644 app/[locale]/layout.tsx
 create mode 100644 app/[locale]/legal-notice/page.tsx
 create mode 100644 app/[locale]/page.tsx
 create mode 100644 app/[locale]/privacy-policy/page.tsx
 create mode 100644 app/[locale]/projects/[slug]/page.tsx
 create mode 100644 app/[locale]/projects/page.tsx
 create mode 100644 app/_ui/HomePage.tsx
 create mode 100644 app/_ui/ProjectDetailClient.tsx
 create mode 100644 app/_ui/ProjectsPageClient.tsx
 create mode 100644 app/api/content/page/route.ts
 create mode 100644 app/api/content/pages/route.ts
 create mode 100644 app/api/projects/[id]/translation/route.ts
 create mode 100644 app/components/ConsentBanner.tsx
 create mode 100644 app/components/ConsentProvider.tsx
 create mode 100644 app/components/RichText.tsx
 create mode 100644 app/components/RichTextClient.tsx
 create mode 100644 components/ContentManager.tsx
 create mode 100644 i18n/request.ts
 create mode 100644 lib/content.ts
 create mode 100644 lib/richtext.ts
 create mode 100644 lib/slug.ts
 create mode 100644 lib/tiptap/fontFamily.ts
 create mode 100644 messages/de.json
 create mode 100644 messages/en.json

diff --git a/app/[locale]/layout.tsx b/app/[locale]/layout.tsx
new file mode 100644
index 0000000..f1bb807
--- /dev/null
+++ b/app/[locale]/layout.tsx
@@ -0,0 +1,21 @@
+import { NextIntlClientProvider } from "next-intl";
+import { getMessages } from "next-intl/server";
+import React from "react";
+
+export default async function LocaleLayout({
+  children,
+  params,
+}: {
+  children: React.ReactNode;
+  params: Promise<{ locale: string }>;
+}) {
+  const { locale } = await params;
+  const messages = await getMessages({ locale });
+
+  return (
+    <NextIntlClientProvider locale={locale} messages={messages}>
+      {children}
+    </NextIntlClientProvider>
+  );
+}
+
diff --git a/app/[locale]/legal-notice/page.tsx b/app/[locale]/legal-notice/page.tsx
new file mode 100644
index 0000000..c4963d3
--- /dev/null
+++ b/app/[locale]/legal-notice/page.tsx
@@ -0,0 +1,2 @@
+export { default } from "../../legal-notice/page";
+
diff --git a/app/[locale]/page.tsx b/app/[locale]/page.tsx
new file mode 100644
index 0000000..f93682d
--- /dev/null
+++ b/app/[locale]/page.tsx
@@ -0,0 +1,2 @@
+export { default } from "../_ui/HomePage";
+
diff --git a/app/[locale]/privacy-policy/page.tsx b/app/[locale]/privacy-policy/page.tsx
new file mode 100644
index 0000000..67cb9e3
--- /dev/null
+++ b/app/[locale]/privacy-policy/page.tsx
@@ -0,0 +1,2 @@
+export { default } from "../../privacy-policy/page";
+
diff --git a/app/[locale]/projects/[slug]/page.tsx b/app/[locale]/projects/[slug]/page.tsx
new file mode 100644
index 0000000..06de5e9
--- /dev/null
+++ b/app/[locale]/projects/[slug]/page.tsx
@@ -0,0 +1,36 @@
+import { prisma } from "@/lib/prisma";
+import ProjectDetailClient from "@/app/_ui/ProjectDetailClient";
+import { notFound } from "next/navigation";
+
+export const revalidate = 300;
+
+export default async function ProjectPage({
+  params,
+}: {
+  params: Promise<{ locale: string; slug: string }>;
+}) {
+  const { locale, slug } = await params;
+
+  const project = await prisma.project.findFirst({
+    where: { slug, published: true },
+    include: {
+      translations: {
+        where: { locale },
+        select: { title: true, description: true },
+      },
+    },
+  });
+
+  if (!project) return notFound();
+
+  const tr = project.translations?.[0];
+  const { translations: _translations, ...rest } = project;
+  const localized = {
+    ...rest,
+    title: tr?.title ?? project.title,
+    description: tr?.description ?? project.description,
+  };
+
+  return <ProjectDetailClient project={localized} locale={locale} />;
+}
+
diff --git a/app/[locale]/projects/page.tsx b/app/[locale]/projects/page.tsx
new file mode 100644
index 0000000..5e4a9cd
--- /dev/null
+++ b/app/[locale]/projects/page.tsx
@@ -0,0 +1,36 @@
+import { prisma } from "@/lib/prisma";
+import ProjectsPageClient from "@/app/_ui/ProjectsPageClient";
+
+export const revalidate = 300;
+
+export default async function ProjectsPage({
+  params,
+}: {
+  params: Promise<{ locale: string }>;
+}) {
+  const { locale } = await params;
+
+  const projects = await prisma.project.findMany({
+    where: { published: true },
+    orderBy: { createdAt: "desc" },
+    include: {
+      translations: {
+        where: { locale },
+        select: { title: true, description: true },
+      },
+    },
+  });
+
+  const localized = projects.map((p) => {
+    const tr = p.translations?.[0];
+    const { translations: _translations, ...rest } = p;
+    return {
+      ...rest,
+      title: tr?.title ?? p.title,
+      description: tr?.description ?? p.description,
+    };
+  });
+
+  return <ProjectsPageClient projects={localized} locale={locale} />;
+}
+
diff --git a/app/__tests__/components/Header.test.tsx b/app/__tests__/components/Header.test.tsx
index e9c1108..8c8edd9 100644
--- a/app/__tests__/components/Header.test.tsx
+++ b/app/__tests__/components/Header.test.tsx
@@ -21,7 +21,7 @@ describe('Header', () => {
   it('renders the mobile header', () => {
     render(<Header />);
     // Check for mobile menu button (hamburger icon)
-    const menuButton = screen.getByRole('button');
+    const menuButton = screen.getByLabelText('Open menu');
     expect(menuButton).toBeInTheDocument();
   });
 });
\ No newline at end of file
diff --git a/app/_ui/HomePage.tsx b/app/_ui/HomePage.tsx
new file mode 100644
index 0000000..40ed916
--- /dev/null
+++ b/app/_ui/HomePage.tsx
@@ -0,0 +1,182 @@
+"use client";
+
+import Header from "../components/Header";
+import Hero from "../components/Hero";
+import About from "../components/About";
+import Projects from "../components/Projects";
+import Contact from "../components/Contact";
+import Footer from "../components/Footer";
+import Script from "next/script";
+import dynamic from "next/dynamic";
+import ErrorBoundary from "@/components/ErrorBoundary";
+import { motion } from "framer-motion";
+
+// Wrap ActivityFeed in error boundary to prevent crashes
+const ActivityFeed = dynamic(
+  () =>
+    import("../components/ActivityFeed").catch(() => ({ default: () => null })),
+  {
+    ssr: false,
+    loading: () => null,
+  },
+);
+
+export default function HomePage() {
+  return (
+    <div className="min-h-screen">
+      <Script
+        id={"structured-data"}
+        type="application/ld+json"
+        dangerouslySetInnerHTML={{
+          __html: JSON.stringify({
+            "@context": "https://schema.org",
+            "@type": "Person",
+            name: "Dennis Konkol",
+            url: "https://dk0.dev",
+            jobTitle: "Software Engineer",
+            address: {
+              "@type": "PostalAddress",
+              addressLocality: "Osnabrück",
+              addressCountry: "Germany",
+            },
+            sameAs: [
+              "https://github.com/Denshooter",
+              "https://linkedin.com/in/dkonkol",
+            ],
+          }),
+        }}
+      />
+      <ErrorBoundary>
+        <ActivityFeed />
+      </ErrorBoundary>
+      <Header />
+      {/* Spacer to prevent navbar overlap */}
+      <div className="h-24 md:h-32" aria-hidden="true"></div>
+      <main className="relative">
+        <Hero />
+
+        {/* Wavy Separator 1 - Hero to About */}
+        <div className="relative h-24 overflow-hidden">
+          <svg
+            className="absolute inset-0 w-full h-full"
+            viewBox="0 0 1440 120"
+            preserveAspectRatio="none"
+          >
+            <motion.path
+              d="M0,64 C240,96 480,32 720,64 C960,96 1200,32 1440,64 L1440,120 L0,120 Z"
+              fill="url(#gradient1)"
+              initial={{ opacity: 0 }}
+              animate={{
+                opacity: 1,
+                d: [
+                  "M0,64 C240,96 480,32 720,64 C960,96 1200,32 1440,64 L1440,120 L0,120 Z",
+                  "M0,32 C240,64 480,96 720,32 C960,64 1200,96 1440,32 L1440,120 L0,120 Z",
+                  "M0,64 C240,96 480,32 720,64 C960,96 1200,32 1440,64 L1440,120 L0,120 Z",
+                ],
+              }}
+              transition={{
+                opacity: { duration: 0.8, delay: 0.3 },
+                d: {
+                  duration: 12,
+                  repeat: Infinity,
+                  ease: "easeInOut",
+                },
+              }}
+            />
+            <defs>
+              <linearGradient id="gradient1" x1="0%" y1="0%" x2="100%" y2="0%">
+                <stop offset="0%" stopColor="#BAE6FD" stopOpacity="0.4" />
+                <stop offset="50%" stopColor="#DDD6FE" stopOpacity="0.4" />
+                <stop offset="100%" stopColor="#FBCFE8" stopOpacity="0.4" />
+              </linearGradient>
+            </defs>
+          </svg>
+        </div>
+
+        <About />
+
+        {/* Wavy Separator 2 - About to Projects */}
+        <div className="relative h-24 overflow-hidden">
+          <svg
+            className="absolute inset-0 w-full h-full"
+            viewBox="0 0 1440 120"
+            preserveAspectRatio="none"
+          >
+            <motion.path
+              d="M0,32 C240,64 480,96 720,32 C960,64 1200,96 1440,32 L1440,120 L0,120 Z"
+              fill="url(#gradient2)"
+              initial={{ opacity: 0 }}
+              animate={{
+                opacity: 1,
+                d: [
+                  "M0,32 C240,64 480,96 720,32 C960,64 1200,96 1440,32 L1440,120 L0,120 Z",
+                  "M0,96 C240,32 480,64 720,96 C960,32 1200,64 1440,96 L1440,120 L0,120 Z",
+                  "M0,32 C240,64 480,96 720,32 C960,64 1200,96 1440,32 L1440,120 L0,120 Z",
+                ],
+              }}
+              transition={{
+                opacity: { duration: 0.8, delay: 0.3 },
+                d: {
+                  duration: 14,
+                  repeat: Infinity,
+                  ease: "easeInOut",
+                },
+              }}
+            />
+            <defs>
+              <linearGradient id="gradient2" x1="0%" y1="0%" x2="100%" y2="0%">
+                <stop offset="0%" stopColor="#FED7AA" stopOpacity="0.4" />
+                <stop offset="50%" stopColor="#FDE68A" stopOpacity="0.4" />
+                <stop offset="100%" stopColor="#FCA5A5" stopOpacity="0.4" />
+              </linearGradient>
+            </defs>
+          </svg>
+        </div>
+
+        <Projects />
+
+        {/* Wavy Separator 3 - Projects to Contact */}
+        <div className="relative h-24 overflow-hidden">
+          <svg
+            className="absolute inset-0 w-full h-full"
+            viewBox="0 0 1440 120"
+            preserveAspectRatio="none"
+          >
+            <motion.path
+              d="M0,96 C240,32 480,64 720,96 C960,32 1200,64 1440,96 L1440,120 L0,120 Z"
+              fill="url(#gradient3)"
+              initial={{ opacity: 0 }}
+              animate={{
+                opacity: 1,
+                d: [
+                  "M0,96 C240,32 480,64 720,96 C960,32 1200,64 1440,96 L1440,120 L0,120 Z",
+                  "M0,64 C240,96 480,32 720,64 C960,96 1200,32 1440,64 L1440,120 L0,120 Z",
+                  "M0,96 C240,32 480,64 720,96 C960,32 1200,64 1440,96 L1440,120 L0,120 Z",
+                ],
+              }}
+              transition={{
+                opacity: { duration: 0.8, delay: 0.3 },
+                d: {
+                  duration: 16,
+                  repeat: Infinity,
+                  ease: "easeInOut",
+                },
+              }}
+            />
+            <defs>
+              <linearGradient id="gradient3" x1="0%" y1="0%" x2="100%" y2="0%">
+                <stop offset="0%" stopColor="#99F6E4" stopOpacity="0.4" />
+                <stop offset="50%" stopColor="#A7F3D0" stopOpacity="0.4" />
+                <stop offset="100%" stopColor="#D9F99D" stopOpacity="0.4" />
+              </linearGradient>
+            </defs>
+          </svg>
+        </div>
+
+        <Contact />
+      </main>
+      <Footer />
+    </div>
+  );
+}
+
diff --git a/app/_ui/ProjectDetailClient.tsx b/app/_ui/ProjectDetailClient.tsx
new file mode 100644
index 0000000..8a60610
--- /dev/null
+++ b/app/_ui/ProjectDetailClient.tsx
@@ -0,0 +1,238 @@
+"use client";
+
+import { motion } from "framer-motion";
+import { ExternalLink, Calendar, ArrowLeft, Github as GithubIcon, Share2 } from "lucide-react";
+import Link from "next/link";
+import { useEffect } from "react";
+import ReactMarkdown from "react-markdown";
+
+export type ProjectDetailData = {
+  id: number;
+  slug: string;
+  title: string;
+  description: string;
+  content: string;
+  tags: string[];
+  featured: boolean;
+  category: string;
+  date: string;
+  github?: string | null;
+  live?: string | null;
+  imageUrl?: string | null;
+};
+
+export default function ProjectDetailClient({
+  project,
+  locale,
+}: {
+  project: ProjectDetailData;
+  locale: string;
+}) {
+  // Track page view (non-blocking)
+  useEffect(() => {
+    try {
+      navigator.sendBeacon?.(
+        "/api/analytics/track",
+        new Blob(
+          [
+            JSON.stringify({
+              type: "pageview",
+              projectId: project.id.toString(),
+              page: `/${locale}/projects/${project.slug}`,
+            }),
+          ],
+          { type: "application/json" },
+        ),
+      );
+    } catch {
+      // ignore
+    }
+  }, [project.id, project.slug, locale]);
+
+  return (
+    <div className="min-h-screen bg-[#fdfcf8] pt-32 pb-20">
+      <div className="max-w-4xl mx-auto px-4">
+        {/* Navigation */}
+        <motion.div
+          initial={{ opacity: 0, y: 20 }}
+          animate={{ opacity: 1, y: 0 }}
+          transition={{ duration: 0.6 }}
+          className="mb-8"
+        >
+          <Link
+            href={`/${locale}/projects`}
+            className="inline-flex items-center space-x-2 text-stone-500 hover:text-stone-900 transition-colors group"
+          >
+            <ArrowLeft size={20} className="group-hover:-translate-x-1 transition-transform" />
+            <span className="font-medium">Back to Projects</span>
+          </Link>
+        </motion.div>
+
+        {/* Header & Meta */}
+        <motion.div
+          initial={{ opacity: 0, y: 30 }}
+          animate={{ opacity: 1, y: 0 }}
+          transition={{ duration: 0.8, delay: 0.1 }}
+          className="mb-12"
+        >
+          <div className="flex flex-col md:flex-row md:items-start md:justify-between gap-4 mb-6">
+            <h1 className="text-4xl md:text-6xl font-black font-sans text-stone-900 tracking-tight leading-tight">
+              {project.title}
+            </h1>
+            <div className="flex gap-2 shrink-0 pt-2">
+              {project.featured && (
+                <span className="px-4 py-1.5 bg-stone-900 text-stone-50 text-xs font-bold rounded-full shadow-sm">
+                  Featured
+                </span>
+              )}
+              <span className="px-4 py-1.5 bg-white border border-stone-200 text-stone-600 text-xs font-medium rounded-full shadow-sm">
+                {project.category}
+              </span>
+            </div>
+          </div>
+
+          <p className="text-xl md:text-2xl text-stone-600 font-light leading-relaxed max-w-3xl mb-8">
+            {project.description}
+          </p>
+
+          <div className="flex flex-wrap items-center gap-6 text-stone-500 text-sm border-y border-stone-200 py-6">
+            <div className="flex items-center space-x-2">
+              <Calendar size={18} />
+              <span className="font-mono">
+                {new Date(project.date).toLocaleDateString(undefined, {
+                  year: "numeric",
+                  month: "long",
+                  day: "numeric",
+                })}
+              </span>
+            </div>
+            <div className="h-4 w-px bg-stone-300 hidden sm:block"></div>
+            <div className="flex flex-wrap gap-2">
+              {project.tags.map((tag) => (
+                <span key={tag} className="text-stone-700 font-medium">
+                  #{tag}
+                </span>
+              ))}
+            </div>
+          </div>
+        </motion.div>
+
+        {/* Featured Image / Fallback */}
+        <motion.div
+          initial={{ opacity: 0, scale: 0.95 }}
+          animate={{ opacity: 1, scale: 1 }}
+          transition={{ duration: 0.8, delay: 0.2 }}
+          className="mb-16 rounded-2xl overflow-hidden shadow-2xl bg-stone-100 aspect-video relative"
+        >
+          {project.imageUrl ? (
+            // eslint-disable-next-line @next/next/no-img-element
+            <img src={project.imageUrl} alt={project.title} className="w-full h-full object-cover" />
+          ) : (
+            <div className="absolute inset-0 bg-gradient-to-br from-stone-200 to-stone-300 flex items-center justify-center">
+              <span className="text-9xl font-serif font-bold text-stone-500/20 select-none">
+                {project.title.charAt(0)}
+              </span>
+            </div>
+          )}
+        </motion.div>
+
+        {/* Content & Sidebar Layout */}
+        <div className="grid grid-cols-1 lg:grid-cols-3 gap-12">
+          {/* Main Content */}
+          <motion.div
+            initial={{ opacity: 0, y: 30 }}
+            animate={{ opacity: 1, y: 0 }}
+            transition={{ duration: 0.8, delay: 0.3 }}
+            className="lg:col-span-2"
+          >
+            <div className="markdown prose prose-stone max-w-none prose-lg prose-headings:font-bold prose-headings:tracking-tight prose-a:text-stone-900 prose-a:decoration-stone-300 hover:prose-a:decoration-stone-900 prose-img:rounded-xl prose-img:shadow-lg">
+              <ReactMarkdown
+                components={{
+                  h1: ({ children }) => (
+                    <h1 className="text-3xl font-bold text-stone-900 mt-8 mb-4">{children}</h1>
+                  ),
+                  h2: ({ children }) => (
+                    <h2 className="text-2xl font-bold text-stone-900 mt-8 mb-4">{children}</h2>
+                  ),
+                  p: ({ children }) => <p className="text-stone-700 leading-relaxed mb-6">{children}</p>,
+                  li: ({ children }) => <li className="text-stone-700">{children}</li>,
+                  code: ({ children }) => (
+                    <code className="bg-stone-100 text-stone-800 px-1.5 py-0.5 rounded text-sm font-mono font-medium">
+                      {children}
+                    </code>
+                  ),
+                  pre: ({ children }) => (
+                    <pre className="bg-stone-900 text-stone-50 p-6 rounded-xl overflow-x-auto my-6 shadow-lg">
+                      {children}
+                    </pre>
+                  ),
+                }}
+              >
+                {project.content}
+              </ReactMarkdown>
+            </div>
+          </motion.div>
+
+          {/* Sidebar / Actions */}
+          <motion.div
+            initial={{ opacity: 0, x: 20 }}
+            animate={{ opacity: 1, x: 0 }}
+            transition={{ duration: 0.8, delay: 0.4 }}
+            className="lg:col-span-1 space-y-8"
+          >
+            <div className="bg-white/50 backdrop-blur-xl border border-white/60 p-6 rounded-2xl shadow-sm sticky top-32">
+              <h3 className="font-bold text-stone-900 mb-4 flex items-center gap-2">
+                <Share2 size={18} />
+                Project Links
+              </h3>
+              <div className="space-y-3">
+                {project.live && project.live.trim() && project.live !== "#" ? (
+                  <a
+                    href={project.live}
+                    target="_blank"
+                    rel="noopener noreferrer"
+                    className="flex items-center justify-between w-full px-4 py-3 bg-stone-900 text-stone-50 rounded-xl font-medium hover:bg-stone-800 hover:scale-[1.02] transition-all shadow-md group"
+                  >
+                    <span>Live Demo</span>
+                    <ExternalLink size={18} className="group-hover:translate-x-1 transition-transform" />
+                  </a>
+                ) : (
+                  <div className="px-4 py-3 bg-stone-100 text-stone-400 rounded-xl font-medium text-sm text-center border border-stone-200 cursor-not-allowed">
+                    Live demo not available
+                  </div>
+                )}
+
+                {project.github && project.github.trim() && project.github !== "#" ? (
+                  <a
+                    href={project.github}
+                    target="_blank"
+                    rel="noopener noreferrer"
+                    className="flex items-center justify-between w-full px-4 py-3 bg-white border border-stone-200 text-stone-700 rounded-xl font-medium hover:bg-stone-50 hover:text-stone-900 hover:border-stone-300 transition-all shadow-sm group"
+                  >
+                    <span>View Source</span>
+                    <GithubIcon size={18} className="group-hover:rotate-12 transition-transform" />
+                  </a>
+                ) : null}
+              </div>
+
+              <div className="mt-8 pt-6 border-t border-stone-100">
+                <h4 className="text-xs font-bold text-stone-400 uppercase tracking-wider mb-3">Tech Stack</h4>
+                <div className="flex flex-wrap gap-2">
+                  {project.tags.map((tag) => (
+                    <span
+                      key={tag}
+                      className="px-2.5 py-1 bg-stone-100 text-stone-600 text-xs font-medium rounded-md border border-stone-200"
+                    >
+                      {tag}
+                    </span>
+                  ))}
+                </div>
+              </div>
+            </div>
+          </motion.div>
+        </div>
+      </div>
+    </div>
+  );
+}
+
diff --git a/app/_ui/ProjectsPageClient.tsx b/app/_ui/ProjectsPageClient.tsx
new file mode 100644
index 0000000..025e66d
--- /dev/null
+++ b/app/_ui/ProjectsPageClient.tsx
@@ -0,0 +1,292 @@
+"use client";
+
+import { useEffect, useMemo, useState } from "react";
+import { motion } from "framer-motion";
+import { ExternalLink, Github, Calendar, ArrowLeft, Search } from "lucide-react";
+import Link from "next/link";
+
+export type ProjectListItem = {
+  id: number;
+  slug: string;
+  title: string;
+  description: string;
+  content: string;
+  tags: string[];
+  featured: boolean;
+  category: string;
+  date: string;
+  github?: string | null;
+  live?: string | null;
+  imageUrl?: string | null;
+};
+
+export default function ProjectsPageClient({
+  projects,
+  locale,
+}: {
+  projects: ProjectListItem[];
+  locale: string;
+}) {
+  const [selectedCategory, setSelectedCategory] = useState("All");
+  const [searchQuery, setSearchQuery] = useState("");
+  const [mounted, setMounted] = useState(false);
+
+  useEffect(() => {
+    setMounted(true);
+  }, []);
+
+  const categories = useMemo(() => {
+    const unique = Array.from(new Set(projects.map((p) => p.category))).filter(Boolean);
+    return ["All", ...unique];
+  }, [projects]);
+
+  const filteredProjects = useMemo(() => {
+    let result = projects;
+
+    if (selectedCategory !== "All") {
+      result = result.filter((project) => project.category === selectedCategory);
+    }
+
+    if (searchQuery) {
+      const query = searchQuery.toLowerCase();
+      result = result.filter(
+        (project) =>
+          project.title.toLowerCase().includes(query) ||
+          project.description.toLowerCase().includes(query) ||
+          project.tags.some((tag) => tag.toLowerCase().includes(query)),
+      );
+    }
+
+    return result;
+  }, [projects, selectedCategory, searchQuery]);
+
+  if (!mounted) return null;
+
+  return (
+    <div className="min-h-screen bg-[#fdfcf8] pt-32 pb-20">
+      <div className="max-w-7xl mx-auto px-4">
+        {/* Header */}
+        <motion.div
+          initial={{ opacity: 0, y: 30 }}
+          animate={{ opacity: 1, y: 0 }}
+          transition={{ duration: 0.8 }}
+          className="mb-12"
+        >
+          <Link
+            href={`/${locale}`}
+            className="inline-flex items-center space-x-2 text-stone-500 hover:text-stone-800 transition-colors mb-8 group"
+          >
+            <ArrowLeft size={20} className="group-hover:-translate-x-1 transition-transform" />
+            <span>Back to Home</span>
+          </Link>
+
+          <h1 className="text-5xl md:text-6xl font-black font-sans mb-6 text-stone-900 tracking-tight">
+            My Projects
+          </h1>
+          <p className="text-xl text-stone-600 max-w-3xl font-light leading-relaxed">
+            Explore my portfolio of projects, from web applications to mobile apps. Each project showcases different
+            skills and technologies.
+          </p>
+        </motion.div>
+
+        {/* Filters & Search */}
+        <motion.div
+          initial={{ opacity: 0, y: 20 }}
+          animate={{ opacity: 1, y: 0 }}
+          transition={{ duration: 0.8, delay: 0.2 }}
+          className="mb-12 flex flex-col md:flex-row gap-6 justify-between items-start md:items-center"
+        >
+          {/* Categories */}
+          <div className="flex flex-wrap gap-2">
+            {categories.map((category) => (
+              <button
+                key={category}
+                onClick={() => setSelectedCategory(category)}
+                className={`px-5 py-2 rounded-full text-sm font-medium transition-all duration-200 border ${
+                  selectedCategory === category
+                    ? "bg-stone-800 text-stone-50 border-stone-800 shadow-md"
+                    : "bg-white text-stone-600 border-stone-200 hover:bg-stone-50 hover:border-stone-300"
+                }`}
+              >
+                {category}
+              </button>
+            ))}
+          </div>
+
+          {/* Search */}
+          <div className="relative w-full md:w-64">
+            <Search className="absolute left-3 top-1/2 -translate-y-1/2 text-stone-400" size={18} />
+            <input
+              type="text"
+              placeholder="Search projects..."
+              value={searchQuery}
+              onChange={(e) => setSearchQuery(e.target.value)}
+              className="w-full pl-10 pr-4 py-2 bg-white border border-stone-200 rounded-full text-stone-800 placeholder:text-stone-400 focus:outline-none focus:ring-2 focus:ring-stone-200 focus:border-stone-400 transition-all"
+            />
+          </div>
+        </motion.div>
+
+        {/* Projects Grid */}
+        <div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8">
+          {filteredProjects.map((project, index) => (
+            <motion.div
+              key={project.id}
+              initial={{ opacity: 0, y: 30 }}
+              animate={{ opacity: 1, y: 0 }}
+              transition={{ duration: 0.6, delay: index * 0.1 }}
+              whileHover={{ y: -8 }}
+              className="group flex flex-col bg-white/40 backdrop-blur-xl rounded-2xl overflow-hidden border border-white/60 shadow-[0_4px_20px_rgba(0,0,0,0.02)] hover:shadow-[0_20px_40px_rgba(0,0,0,0.06)] transition-all duration-500"
+            >
+              {/* Image / Fallback / Cover Area */}
+              <div className="relative aspect-[16/10] overflow-hidden bg-stone-100">
+                {project.imageUrl ? (
+                  <>
+                    {/* eslint-disable-next-line @next/next/no-img-element */}
+                    <img
+                      src={project.imageUrl}
+                      alt={project.title}
+                      className="w-full h-full object-cover transition-transform duration-1000 ease-out group-hover:scale-110"
+                    />
+                    <div className="absolute inset-0 bg-gradient-to-t from-stone-900/20 to-transparent opacity-0 group-hover:opacity-100 transition-opacity duration-500" />
+                  </>
+                ) : (
+                  <div className="absolute inset-0 bg-stone-200 flex items-center justify-center overflow-hidden">
+                    <div className="absolute inset-0 bg-gradient-to-br from-stone-300 via-stone-200 to-stone-300" />
+                    <div className="absolute top-[-20%] left-[-10%] w-[70%] h-[70%] bg-white/20 rounded-full blur-3xl animate-pulse" />
+                    <div className="absolute bottom-[-10%] right-[-5%] w-[60%] h-[60%] bg-stone-400/10 rounded-full blur-2xl" />
+
+                    <div className="relative z-10">
+                      <span className="text-7xl font-serif font-black text-stone-800/10 group-hover:text-stone-800/20 transition-all duration-700 select-none tracking-tighter">
+                        {project.title.charAt(0)}
+                      </span>
+                    </div>
+                  </div>
+                )}
+
+                {/* Texture/Grain Overlay */}
+                <div className="absolute inset-0 opacity-[0.03] pointer-events-none mix-blend-overlay bg-[url('https://grainy-gradients.vercel.app/noise.svg')]" />
+
+                {/* Animated Shine Effect */}
+                <div className="absolute inset-0 translate-x-[-100%] group-hover:translate-x-[100%] transition-transform duration-1000 ease-in-out bg-gradient-to-r from-transparent via-white/20 to-transparent skew-x-[-20deg] pointer-events-none" />
+
+                {project.featured && (
+                  <div className="absolute top-3 left-3 z-20">
+                    <div className="px-3 py-1 bg-[#292524]/80 backdrop-blur-md text-[#fdfcf8] text-[10px] font-bold uppercase tracking-widest rounded-full shadow-sm border border-white/10">
+                      Featured
+                    </div>
+                  </div>
+                )}
+
+                {/* Overlay Links */}
+                <div className="absolute inset-0 bg-stone-900/40 opacity-0 group-hover:opacity-100 transition-opacity duration-500 ease-out flex items-center justify-center gap-4 backdrop-blur-[2px] z-20 pointer-events-none">
+                  {project.github && (
+                    <a
+                      href={project.github}
+                      target="_blank"
+                      rel="noopener noreferrer"
+                      className="p-3 bg-white text-stone-900 rounded-full hover:scale-110 transition-all duration-300 shadow-xl border border-white/50 pointer-events-auto"
+                      aria-label="GitHub"
+                      onClick={(e) => e.stopPropagation()}
+                    >
+                      <Github size={20} />
+                    </a>
+                  )}
+                  {project.live && !project.title.toLowerCase().includes("kernel panic") && (
+                    <a
+                      href={project.live}
+                      target="_blank"
+                      rel="noopener noreferrer"
+                      className="p-3 bg-white text-stone-900 rounded-full hover:scale-110 transition-all duration-300 shadow-xl border border-white/50 pointer-events-auto"
+                      aria-label="Live Demo"
+                      onClick={(e) => e.stopPropagation()}
+                    >
+                      <ExternalLink size={20} />
+                    </a>
+                  )}
+                </div>
+              </div>
+
+              <div className="p-6 flex flex-col flex-1">
+                {/* Stretched Link covering the whole card (including image area) */}
+                <Link
+                  href={`/${locale}/projects/${project.slug}`}
+                  className="absolute inset-0 z-10"
+                  aria-label={`View project ${project.title}`}
+                />
+
+                <div className="flex items-center justify-between mb-3">
+                  <h3 className="text-xl font-bold text-stone-900 group-hover:text-stone-600 transition-colors">
+                    {project.title}
+                  </h3>
+                  <div className="flex items-center space-x-2 text-stone-400 text-xs font-mono bg-white/50 px-2 py-1 rounded border border-stone-100">
+                    <Calendar size={12} />
+                    <span>{new Date(project.date).getFullYear()}</span>
+                  </div>
+                </div>
+
+                <p className="text-stone-600 mb-6 leading-relaxed line-clamp-3 text-sm flex-1">{project.description}</p>
+
+                <div className="flex flex-wrap gap-2 mb-6">
+                  {project.tags.slice(0, 4).map((tag) => (
+                    <span
+                      key={tag}
+                      className="px-2.5 py-1 bg-white/60 border border-stone-100 text-stone-600 text-xs font-medium rounded-md"
+                    >
+                      {tag}
+                    </span>
+                  ))}
+                  {project.tags.length > 4 && (
+                    <span className="px-2 py-1 text-stone-400 text-xs">+ {project.tags.length - 4}</span>
+                  )}
+                </div>
+
+                <div className="mt-auto pt-4 border-t border-stone-100 flex items-center justify-between relative z-20">
+                  <div className="flex gap-3">
+                    {project.github && (
+                      <a
+                        href={project.github}
+                        target="_blank"
+                        rel="noopener noreferrer"
+                        className="text-stone-400 hover:text-stone-900 transition-colors relative z-20 hover:scale-110"
+                        onClick={(e) => e.stopPropagation()}
+                      >
+                        <Github size={18} />
+                      </a>
+                    )}
+                    {project.live && !project.title.toLowerCase().includes("kernel panic") && (
+                      <a
+                        href={project.live}
+                        target="_blank"
+                        rel="noopener noreferrer"
+                        className="text-stone-400 hover:text-stone-900 transition-colors relative z-20 hover:scale-110"
+                        onClick={(e) => e.stopPropagation()}
+                      >
+                        <ExternalLink size={18} />
+                      </a>
+                    )}
+                  </div>
+                </div>
+              </div>
+            </motion.div>
+          ))}
+        </div>
+
+        {filteredProjects.length === 0 && (
+          <div className="text-center py-20">
+            <p className="text-stone-500 text-lg">No projects found matching your criteria.</p>
+            <button
+              onClick={() => {
+                setSelectedCategory("All");
+                setSearchQuery("");
+              }}
+              className="mt-4 text-stone-800 font-medium hover:underline"
+            >
+              Clear filters
+            </button>
+          </div>
+        )}
+      </div>
+    </div>
+  );
+}
+
diff --git a/app/api/analytics/track/route.ts b/app/api/analytics/track/route.ts
index a06a34f..2291145 100644
--- a/app/api/analytics/track/route.ts
+++ b/app/api/analytics/track/route.ts
@@ -26,7 +26,20 @@ export async function POST(request: NextRequest) {
 
     // Track page view
     if (type === 'pageview' && page) {
-      const projectIdNum = projectId ? parseInt(projectId.toString()) : null;
+      let projectIdNum: number | null = null;
+      if (projectId != null) {
+        const raw = projectId.toString();
+        const parsed = parseInt(raw, 10);
+        if (Number.isFinite(parsed)) {
+          projectIdNum = parsed;
+        } else {
+          const bySlug = await prisma.project.findFirst({
+            where: { slug: raw },
+            select: { id: true },
+          });
+          projectIdNum = bySlug?.id ?? null;
+        }
+      }
       
       // Create page view record
       await prisma.pageView.create({
@@ -83,7 +96,7 @@ export async function POST(request: NextRequest) {
               where: {
                 OR: [
                   { id: parseInt(slug) || 0 },
-                  { title: { contains: slug, mode: 'insensitive' } }
+                  { slug }
                 ]
               }
             });
diff --git a/app/api/contacts/[id]/route.tsx b/app/api/contacts/[id]/route.tsx
index cd6646a..e2c330c 100644
--- a/app/api/contacts/[id]/route.tsx
+++ b/app/api/contacts/[id]/route.tsx
@@ -1,9 +1,7 @@
 import { type NextRequest, NextResponse } from "next/server";
-import { PrismaClient } from '@prisma/client';
 import { PrismaClientKnownRequestError } from '@prisma/client/runtime/library';
-import { checkRateLimit, getRateLimitHeaders } from '@/lib/auth';
-
-const prisma = new PrismaClient();
+import { checkRateLimit, getRateLimitHeaders, requireSessionAuth } from '@/lib/auth';
+import { prisma } from "@/lib/prisma";
 
 export async function PUT(
     request: NextRequest,
@@ -25,6 +23,11 @@ export async function PUT(
             );
         }
 
+        const isAdminRequest = request.headers.get('x-admin-request') === 'true';
+        if (!isAdminRequest) return NextResponse.json({ error: 'Admin access required' }, { status: 403 });
+        const authError = requireSessionAuth(request);
+        if (authError) return authError;
+
         const resolvedParams = await params;
         const id = parseInt(resolvedParams.id);
         const body = await request.json();
@@ -93,6 +96,11 @@ export async function DELETE(
             );
         }
 
+        const isAdminRequest = request.headers.get('x-admin-request') === 'true';
+        if (!isAdminRequest) return NextResponse.json({ error: 'Admin access required' }, { status: 403 });
+        const authError = requireSessionAuth(request);
+        if (authError) return authError;
+
         const resolvedParams = await params;
         const id = parseInt(resolvedParams.id);
 
diff --git a/app/api/content/page/route.ts b/app/api/content/page/route.ts
new file mode 100644
index 0000000..8294021
--- /dev/null
+++ b/app/api/content/page/route.ts
@@ -0,0 +1,18 @@
+import { NextRequest, NextResponse } from "next/server";
+import { getContentByKey } from "@/lib/content";
+
+export async function GET(request: NextRequest) {
+  const { searchParams } = new URL(request.url);
+  const key = searchParams.get("key");
+  const locale = searchParams.get("locale") || "en";
+
+  if (!key) {
+    return NextResponse.json({ error: "key is required" }, { status: 400 });
+  }
+
+  const translation = await getContentByKey({ key, locale });
+  if (!translation) return NextResponse.json({ content: null });
+
+  return NextResponse.json({ content: translation });
+}
+
diff --git a/app/api/content/pages/route.ts b/app/api/content/pages/route.ts
new file mode 100644
index 0000000..8262882
--- /dev/null
+++ b/app/api/content/pages/route.ts
@@ -0,0 +1,55 @@
+import { NextRequest, NextResponse } from "next/server";
+import { prisma } from "@/lib/prisma";
+import { requireSessionAuth } from "@/lib/auth";
+import { upsertContentByKey } from "@/lib/content";
+
+export async function GET(request: NextRequest) {
+  const isAdminRequest = request.headers.get("x-admin-request") === "true";
+  if (!isAdminRequest) return NextResponse.json({ error: "Admin access required" }, { status: 403 });
+  const authError = requireSessionAuth(request);
+  if (authError) return authError;
+
+  const pages = await prisma.contentPage.findMany({
+    orderBy: { key: "asc" },
+    include: {
+      translations: {
+        select: { locale: true, updatedAt: true, title: true, slug: true },
+      },
+    },
+  });
+
+  return NextResponse.json({ pages });
+}
+
+export async function POST(request: NextRequest) {
+  const isAdminRequest = request.headers.get("x-admin-request") === "true";
+  if (!isAdminRequest) return NextResponse.json({ error: "Admin access required" }, { status: 403 });
+  const authError = requireSessionAuth(request);
+  if (authError) return authError;
+
+  const body = await request.json();
+  const { key, locale, title, slug, content, metaDescription, keywords } = body as Record<string, unknown>;
+
+  if (!key || typeof key !== "string") {
+    return NextResponse.json({ error: "key is required" }, { status: 400 });
+  }
+  if (!locale || typeof locale !== "string") {
+    return NextResponse.json({ error: "locale is required" }, { status: 400 });
+  }
+  if (!content || typeof content !== "object") {
+    return NextResponse.json({ error: "content (JSON) is required" }, { status: 400 });
+  }
+
+  const saved = await upsertContentByKey({
+    key,
+    locale,
+    title: typeof title === "string" ? title : null,
+    slug: typeof slug === "string" ? slug : null,
+    content,
+    metaDescription: typeof metaDescription === "string" ? metaDescription : null,
+    keywords: typeof keywords === "string" ? keywords : null,
+  });
+
+  return NextResponse.json({ saved });
+}
+
diff --git a/app/api/email/route.tsx b/app/api/email/route.tsx
index 9aba4ed..f03e0c0 100644
--- a/app/api/email/route.tsx
+++ b/app/api/email/route.tsx
@@ -2,10 +2,8 @@ import { type NextRequest, NextResponse } from "next/server";
 import nodemailer from "nodemailer";
 import SMTPTransport from "nodemailer/lib/smtp-transport";
 import Mail from "nodemailer/lib/mailer";
-import { PrismaClient } from '@prisma/client';
 import { checkRateLimit, getRateLimitHeaders } from '@/lib/auth';
-
-const prisma = new PrismaClient();
+import { prisma } from "@/lib/prisma";
 
 // Sanitize input to prevent XSS
 function sanitizeInput(input: string, maxLength: number = 10000): string {
@@ -123,11 +121,11 @@ export async function POST(request: NextRequest) {
             connectionTimeout: 30000, // 30 seconds
             greetingTimeout: 30000,   // 30 seconds
             socketTimeout: 60000,     // 60 seconds
-            // Additional TLS options for better compatibility
-            tls: {
-                rejectUnauthorized: false, // Allow self-signed certificates
-                ciphers: 'SSLv3'
-            }
+            // TLS: allow opting into self-signed certificates if needed
+            tls:
+              process.env.SMTP_ALLOW_SELF_SIGNED === "true"
+                ? { rejectUnauthorized: false }
+                : undefined,
         };
 
         // Creating transport with configured options
diff --git a/app/api/projects/[id]/route.ts b/app/api/projects/[id]/route.ts
index 7b7579d..808c17a 100644
--- a/app/api/projects/[id]/route.ts
+++ b/app/api/projects/[id]/route.ts
@@ -3,6 +3,7 @@ import { prisma } from '@/lib/prisma';
 import { apiCache } from '@/lib/cache';
 import { checkRateLimit, getRateLimitHeaders, requireSessionAuth } from '@/lib/auth';
 import { PrismaClientKnownRequestError } from '@prisma/client/runtime/library';
+import { generateUniqueSlug } from '@/lib/slug';
 
 export async function GET(
   request: NextRequest,
@@ -88,12 +89,37 @@ export async function PUT(
     const data = await request.json();
     
     // Remove difficulty field if it exists (since we're removing it)
-    const { difficulty, ...projectData } = data;
+    const { difficulty, slug, defaultLocale, ...projectData } = data;
+
+    // Keep slug stable by default; only update if explicitly provided,
+    // or if the project currently has no slug (e.g. after migration).
+    const existing = await prisma.project.findUnique({
+      where: { id },
+      select: { slug: true, title: true },
+    });
+
+    const nextSlug =
+      typeof slug === 'string' && slug.trim()
+        ? slug.trim()
+        : existing?.slug?.trim()
+          ? existing.slug
+          : await generateUniqueSlug({
+              base: String(projectData.title || existing?.title || 'project'),
+              isTaken: async (candidate) => {
+                const found = await prisma.project.findUnique({
+                  where: { slug: candidate },
+                  select: { id: true },
+                });
+                return !!found && found.id !== id;
+              },
+            });
     
     const project = await prisma.project.update({
       where: { id },
       data: { 
         ...projectData, 
+        slug: nextSlug,
+        defaultLocale: typeof defaultLocale === 'string' && defaultLocale ? defaultLocale : undefined,
         updatedAt: new Date(),
         // Keep existing difficulty if not provided
         ...(difficulty ? { difficulty } : {})
diff --git a/app/api/projects/[id]/translation/route.ts b/app/api/projects/[id]/translation/route.ts
new file mode 100644
index 0000000..4bd503d
--- /dev/null
+++ b/app/api/projects/[id]/translation/route.ts
@@ -0,0 +1,71 @@
+import { NextRequest, NextResponse } from "next/server";
+import { prisma } from "@/lib/prisma";
+import { requireSessionAuth } from "@/lib/auth";
+
+export async function GET(
+  request: NextRequest,
+  { params }: { params: Promise<{ id: string }> },
+) {
+  const isAdminRequest = request.headers.get("x-admin-request") === "true";
+  if (!isAdminRequest) return NextResponse.json({ error: "Admin access required" }, { status: 403 });
+  const authError = requireSessionAuth(request);
+  if (authError) return authError;
+
+  const { id: idParam } = await params;
+  const id = parseInt(idParam, 10);
+  if (!Number.isFinite(id)) return NextResponse.json({ error: "Invalid project id" }, { status: 400 });
+
+  const { searchParams } = new URL(request.url);
+  const locale = searchParams.get("locale") || "en";
+
+  const translation = await prisma.projectTranslation.findFirst({
+    where: { projectId: id, locale },
+  });
+
+  return NextResponse.json({ translation });
+}
+
+export async function PUT(
+  request: NextRequest,
+  { params }: { params: Promise<{ id: string }> },
+) {
+  const isAdminRequest = request.headers.get("x-admin-request") === "true";
+  if (!isAdminRequest) return NextResponse.json({ error: "Admin access required" }, { status: 403 });
+  const authError = requireSessionAuth(request);
+  if (authError) return authError;
+
+  const { id: idParam } = await params;
+  const id = parseInt(idParam, 10);
+  if (!Number.isFinite(id)) return NextResponse.json({ error: "Invalid project id" }, { status: 400 });
+
+  const body = (await request.json()) as {
+    locale?: string;
+    title?: string;
+    description?: string;
+  };
+
+  const locale = body.locale || "en";
+  const title = body.title?.trim();
+  const description = body.description?.trim();
+
+  if (!title || !description) {
+    return NextResponse.json({ error: "title and description are required" }, { status: 400 });
+  }
+
+  const saved = await prisma.projectTranslation.upsert({
+    where: { projectId_locale: { projectId: id, locale } },
+    create: {
+      projectId: id,
+      locale,
+      title,
+      description,
+    },
+    update: {
+      title,
+      description,
+    },
+  });
+
+  return NextResponse.json({ translation: saved });
+}
+
diff --git a/app/api/projects/route.ts b/app/api/projects/route.ts
index e1b8e00..c26b533 100644
--- a/app/api/projects/route.ts
+++ b/app/api/projects/route.ts
@@ -3,6 +3,7 @@ import { prisma } from '@/lib/prisma';
 import { apiCache } from '@/lib/cache';
 import { requireSessionAuth, checkRateLimit, getRateLimitHeaders } from '@/lib/auth';
 import { PrismaClientKnownRequestError } from '@prisma/client/runtime/library';
+import { generateUniqueSlug } from '@/lib/slug';
 
 export async function GET(request: NextRequest) {
   try {
@@ -154,11 +155,27 @@ export async function POST(request: NextRequest) {
     
     // Remove difficulty field if it exists (since we're removing it)
     // eslint-disable-next-line @typescript-eslint/no-unused-vars
-    const { difficulty, ...projectData } = data;
+    const { difficulty, slug, defaultLocale, ...projectData } = data;
+
+    const derivedSlug =
+      typeof slug === 'string' && slug.trim()
+        ? slug.trim()
+        : await generateUniqueSlug({
+            base: String(projectData.title || 'project'),
+            isTaken: async (candidate) => {
+              const existing = await prisma.project.findUnique({
+                where: { slug: candidate },
+                select: { id: true },
+              });
+              return !!existing;
+            },
+          });
     
     const project = await prisma.project.create({
       data: {
         ...projectData,
+        slug: derivedSlug,
+        defaultLocale: typeof defaultLocale === 'string' && defaultLocale ? defaultLocale : undefined,
         // Set default difficulty since it's required in schema
         difficulty: 'INTERMEDIATE',
         performance: data.performance || { lighthouse: 0, bundleSize: '0KB', loadTime: '0s' },
diff --git a/app/api/projects/search/route.ts b/app/api/projects/search/route.ts
index 27c09a2..f4fdc27 100644
--- a/app/api/projects/search/route.ts
+++ b/app/api/projects/search/route.ts
@@ -9,28 +9,15 @@ export async function GET(request: NextRequest) {
     const category = searchParams.get('category');
 
     if (slug) {
-      // Search by slug (convert title to slug format)
-      const projects = await prisma.project.findMany({
+      const project = await prisma.project.findFirst({
         where: {
-          published: true
+          published: true,
+          slug,
         },
-        orderBy: { createdAt: 'desc' }
+        orderBy: { createdAt: 'desc' },
       });
 
-      // Find exact match by converting titles to slugs
-      const foundProject = projects.find(project => {
-        const projectSlug = project.title.toLowerCase()
-          .replace(/[^a-z0-9]+/g, '-')
-          .replace(/^-+|-+$/g, '');
-        return projectSlug === slug;
-      });
-
-      if (foundProject) {
-        return NextResponse.json({ projects: [foundProject] });
-      }
-
-      // If no exact match, return empty array
-      return NextResponse.json({ projects: [] });
+      return NextResponse.json({ projects: project ? [project] : [] });
     }
 
     if (search) {
diff --git a/app/components/About.tsx b/app/components/About.tsx
index 0db4a66..f0a69ef 100644
--- a/app/components/About.tsx
+++ b/app/components/About.tsx
@@ -2,6 +2,10 @@
 
 import { motion, Variants } from "framer-motion";
 import { Globe, Server, Wrench, Shield, Gamepad2, Code, Activity, Lightbulb } from "lucide-react";
+import { useEffect, useState } from "react";
+import { useLocale } from "next-intl";
+import type { JSONContent } from "@tiptap/react";
+import RichTextClient from "./RichTextClient";
 
 const staggerContainer: Variants = {
   hidden: { opacity: 0 },
@@ -27,6 +31,25 @@ const fadeInUp: Variants = {
 };
 
 const About = () => {
+  const locale = useLocale();
+  const [cmsDoc, setCmsDoc] = useState<JSONContent | null>(null);
+
+  useEffect(() => {
+    (async () => {
+      try {
+        const res = await fetch(
+          `/api/content/page?key=${encodeURIComponent("home-about")}&locale=${encodeURIComponent(locale)}`,
+        );
+        const data = await res.json();
+        if (data?.content?.content) {
+          setCmsDoc(data.content.content as JSONContent);
+        }
+      } catch {
+        // ignore; fallback to static
+      }
+    })();
+  }, [locale]);
+
   const techStack = [
     {
       category: "Frontend & Mobile",
@@ -82,26 +105,32 @@ const About = () => {
               variants={fadeInUp}
               className="prose prose-stone prose-lg text-stone-700 space-y-4"
             >
-              <p>
-                Hi, I&apos;m Dennis – a student and passionate self-hoster based
-                in Osnabrück, Germany.
-              </p>
-              <p>
-                I love building full-stack web applications with{" "}
-                <strong>Next.js</strong> and mobile apps with{" "}
-                <strong>Flutter</strong>. But what really excites me is{" "}
-                <strong>DevOps</strong>: I run my own infrastructure on{" "}
-                <strong>IONOS</strong> and <strong>OVHcloud</strong>, managing
-                everything with <strong>Docker Swarm</strong>,{" "}
-                <strong>Traefik</strong>, and automated CI/CD pipelines with my
-                own runners.
-              </p>
-              <p>
-                When I&apos;m not coding or tinkering with servers, you&apos;ll
-                find me <strong>gaming</strong>, <strong>jogging</strong>, or
-                experimenting with new tech like game servers or automation
-                workflows with <strong>n8n</strong>.
-              </p>
+              {cmsDoc ? (
+                <RichTextClient doc={cmsDoc} className="prose prose-stone max-w-none" />
+              ) : (
+                <>
+                  <p>
+                    Hi, I&apos;m Dennis – a student and passionate self-hoster based
+                    in Osnabrück, Germany.
+                  </p>
+                  <p>
+                    I love building full-stack web applications with{" "}
+                    <strong>Next.js</strong> and mobile apps with{" "}
+                    <strong>Flutter</strong>. But what really excites me is{" "}
+                    <strong>DevOps</strong>: I run my own infrastructure on{" "}
+                    <strong>IONOS</strong> and <strong>OVHcloud</strong>, managing
+                    everything with <strong>Docker Swarm</strong>,{" "}
+                    <strong>Traefik</strong>, and automated CI/CD pipelines with my
+                    own runners.
+                  </p>
+                  <p>
+                    When I&apos;m not coding or tinkering with servers, you&apos;ll
+                    find me <strong>gaming</strong>, <strong>jogging</strong>, or
+                    experimenting with new tech like game servers or automation
+                    workflows with <strong>n8n</strong>.
+                  </p>
+                </>
+              )}
               <motion.div
                 variants={fadeInUp}
                 className="relative overflow-hidden bg-gradient-to-br from-liquid-mint/15 via-liquid-sky/10 to-liquid-lavender/15 border-2 border-liquid-mint/30 rounded-xl p-5 backdrop-blur-sm"
diff --git a/app/components/ClientProviders.tsx b/app/components/ClientProviders.tsx
index 62e5d30..c94c9b9 100644
--- a/app/components/ClientProviders.tsx
+++ b/app/components/ClientProviders.tsx
@@ -6,6 +6,8 @@ import dynamic from "next/dynamic";
 import { ToastProvider } from "@/components/Toast";
 import ErrorBoundary from "@/components/ErrorBoundary";
 import { AnalyticsProvider } from "@/components/AnalyticsProvider";
+import { ConsentProvider, useConsent } from "./ConsentProvider";
+import ConsentBanner from "./ConsentBanner";
 
 // Dynamic import with SSR disabled to avoid framer-motion issues
 const BackgroundBlobs = dynamic(() => import("@/components/BackgroundBlobs").catch(() => ({ default: () => null })), {
@@ -70,16 +72,44 @@ export default function ClientProviders({
   return (
     <ErrorBoundary>
       <ErrorBoundary>
-        <AnalyticsProvider>
-          <ErrorBoundary>
-            <ToastProvider>
-              {mounted && <BackgroundBlobs />}
-              <div className="relative z-10">{children}</div>
-              {mounted && !is404Page && <ChatWidget />}
-            </ToastProvider>
-          </ErrorBoundary>
-        </AnalyticsProvider>
+        <ConsentProvider>
+          <GatedProviders mounted={mounted} is404Page={is404Page}>
+            {children}
+          </GatedProviders>
+        </ConsentProvider>
       </ErrorBoundary>
     </ErrorBoundary>
   );
 }
+
+function GatedProviders({
+  children,
+  mounted,
+  is404Page,
+}: {
+  children: React.ReactNode;
+  mounted: boolean;
+  is404Page: boolean;
+}) {
+  const { consent } = useConsent();
+  const pathname = usePathname();
+
+  const isAdminRoute = pathname.startsWith("/manage") || pathname.startsWith("/editor");
+
+  // If consent is not decided yet, treat optional features as off
+  const analyticsEnabled = !!consent?.analytics;
+  const chatEnabled = !!consent?.chat;
+
+  const content = (
+    <ErrorBoundary>
+      <ToastProvider>
+        {mounted && <BackgroundBlobs />}
+        <div className="relative z-10">{children}</div>
+        {mounted && !isAdminRoute && <ConsentBanner />}
+        {mounted && !is404Page && !isAdminRoute && chatEnabled && <ChatWidget />}
+      </ToastProvider>
+    </ErrorBoundary>
+  );
+
+  return analyticsEnabled ? <AnalyticsProvider>{content}</AnalyticsProvider> : content;
+}
diff --git a/app/components/ConsentBanner.tsx b/app/components/ConsentBanner.tsx
new file mode 100644
index 0000000..94b8423
--- /dev/null
+++ b/app/components/ConsentBanner.tsx
@@ -0,0 +1,108 @@
+"use client";
+
+import React, { useMemo, useState } from "react";
+import { useConsent, type ConsentState } from "./ConsentProvider";
+
+export default function ConsentBanner() {
+  const { consent, setConsent } = useConsent();
+  const [draft, setDraft] = useState<ConsentState>({ analytics: false, chat: false });
+
+  const shouldShow = useMemo(() => consent === null, [consent]);
+  if (!shouldShow) return null;
+
+  const locale = useMemo(() => {
+    if (typeof document === "undefined") return "en";
+    const match = document.cookie
+      .split(";")
+      .map((c) => c.trim())
+      .find((c) => c.startsWith("NEXT_LOCALE="));
+    if (!match) return "en";
+    return decodeURIComponent(match.split("=").slice(1).join("=")) || "en";
+  }, []);
+
+  const s = locale === "de"
+    ? {
+        title: "Datenschutz-Einstellungen",
+        description:
+          "Wir nutzen optionale Dienste (Analytics und Chat), um die Seite zu verbessern. Du kannst deine Auswahl jederzeit ändern.",
+        essential: "Essentiell",
+        analytics: "Analytics",
+        chat: "Chatbot",
+        acceptAll: "Alles akzeptieren",
+        acceptSelected: "Auswahl akzeptieren",
+        rejectAll: "Alles ablehnen",
+      }
+    : {
+        title: "Privacy settings",
+        description:
+          "We use optional services (analytics and chat) to improve the site. You can change your choice anytime.",
+        essential: "Essential",
+        analytics: "Analytics",
+        chat: "Chatbot",
+        acceptAll: "Accept all",
+        acceptSelected: "Accept selected",
+        rejectAll: "Reject all",
+      };
+
+  return (
+    <div className="fixed bottom-4 left-4 right-4 z-[60]">
+      <div className="max-w-3xl mx-auto bg-white/95 backdrop-blur-xl border border-stone-200 rounded-2xl shadow-[0_12px_40px_rgba(41,37,36,0.18)] p-5">
+        <div className="flex flex-col md:flex-row md:items-start md:justify-between gap-4">
+          <div className="min-w-0">
+            <div className="text-lg font-bold text-stone-900">{s.title}</div>
+            <p className="text-sm text-stone-600 mt-1">{s.description}</p>
+
+            <div className="mt-4 space-y-2">
+              <div className="flex items-center justify-between gap-3">
+                <div className="text-sm font-medium text-stone-800">{s.essential}</div>
+                <div className="text-xs text-stone-500">Always on</div>
+              </div>
+
+              <label className="flex items-center justify-between gap-3 py-1">
+                <span className="text-sm font-medium text-stone-800">{s.analytics}</span>
+                <input
+                  type="checkbox"
+                  checked={draft.analytics}
+                  onChange={(e) => setDraft((p) => ({ ...p, analytics: e.target.checked }))}
+                  className="w-4 h-4 accent-stone-900"
+                />
+              </label>
+
+              <label className="flex items-center justify-between gap-3 py-1">
+                <span className="text-sm font-medium text-stone-800">{s.chat}</span>
+                <input
+                  type="checkbox"
+                  checked={draft.chat}
+                  onChange={(e) => setDraft((p) => ({ ...p, chat: e.target.checked }))}
+                  className="w-4 h-4 accent-stone-900"
+                />
+              </label>
+            </div>
+          </div>
+
+          <div className="flex flex-col gap-2 shrink-0">
+            <button
+              onClick={() => setConsent({ analytics: true, chat: true })}
+              className="px-4 py-2 rounded-xl bg-stone-900 text-stone-50 font-semibold hover:bg-stone-800 transition-colors"
+            >
+              {s.acceptAll}
+            </button>
+            <button
+              onClick={() => setConsent(draft)}
+              className="px-4 py-2 rounded-xl bg-white border border-stone-200 text-stone-800 font-semibold hover:bg-stone-50 transition-colors"
+            >
+              {s.acceptSelected}
+            </button>
+            <button
+              onClick={() => setConsent({ analytics: false, chat: false })}
+              className="px-4 py-2 rounded-xl bg-transparent text-stone-600 font-semibold hover:text-stone-900 transition-colors"
+            >
+              {s.rejectAll}
+            </button>
+          </div>
+        </div>
+      </div>
+    </div>
+  );
+}
+
diff --git a/app/components/ConsentProvider.tsx b/app/components/ConsentProvider.tsx
new file mode 100644
index 0000000..69e3c8d
--- /dev/null
+++ b/app/components/ConsentProvider.tsx
@@ -0,0 +1,68 @@
+"use client";
+
+import React, { createContext, useCallback, useContext, useEffect, useMemo, useState } from "react";
+
+export type ConsentState = {
+  analytics: boolean;
+  chat: boolean;
+};
+
+const COOKIE_NAME = "dk0_consent_v1";
+
+function readConsentFromCookie(): ConsentState | null {
+  if (typeof document === "undefined") return null;
+  const match = document.cookie
+    .split(";")
+    .map((c) => c.trim())
+    .find((c) => c.startsWith(`${COOKIE_NAME}=`));
+  if (!match) return null;
+  const value = decodeURIComponent(match.split("=").slice(1).join("="));
+  try {
+    const parsed = JSON.parse(value) as Partial<ConsentState>;
+    return {
+      analytics: !!parsed.analytics,
+      chat: !!parsed.chat,
+    };
+  } catch {
+    return null;
+  }
+}
+
+function writeConsentCookie(value: ConsentState) {
+  const encoded = encodeURIComponent(JSON.stringify(value));
+  // 180 days
+  const maxAge = 60 * 60 * 24 * 180;
+  document.cookie = `${COOKIE_NAME}=${encoded}; path=/; max-age=${maxAge}; samesite=lax`;
+}
+
+const ConsentContext = createContext<{
+  consent: ConsentState | null;
+  setConsent: (next: ConsentState) => void;
+}>({
+  consent: null,
+  setConsent: () => {},
+});
+
+export function ConsentProvider({ children }: { children: React.ReactNode }) {
+  const [consent, setConsentState] = useState<ConsentState | null>(null);
+
+  useEffect(() => {
+    setConsentState(readConsentFromCookie());
+  }, []);
+
+  const setConsent = useCallback((next: ConsentState) => {
+    setConsentState(next);
+    writeConsentCookie(next);
+  }, []);
+
+  const value = useMemo(() => ({ consent, setConsent }), [consent, setConsent]);
+
+  return <ConsentContext.Provider value={value}>{children}</ConsentContext.Provider>;
+}
+
+export function useConsent() {
+  return useContext(ConsentContext);
+}
+
+export const consentCookieName = COOKIE_NAME;
+
diff --git a/app/components/Contact.tsx b/app/components/Contact.tsx
index cf853b5..bd01ded 100644
--- a/app/components/Contact.tsx
+++ b/app/components/Contact.tsx
@@ -4,15 +4,36 @@ import { useState, useEffect } from "react";
 import { motion } from "framer-motion";
 import { Mail, MapPin, Send } from "lucide-react";
 import { useToast } from "@/components/Toast";
+import { useLocale } from "next-intl";
+import type { JSONContent } from "@tiptap/react";
+import RichTextClient from "./RichTextClient";
 
 const Contact = () => {
   const [mounted, setMounted] = useState(false);
   const { showEmailSent, showEmailError } = useToast();
+  const locale = useLocale();
+  const [cmsDoc, setCmsDoc] = useState<JSONContent | null>(null);
 
   useEffect(() => {
     setMounted(true);
   }, []);
 
+  useEffect(() => {
+    (async () => {
+      try {
+        const res = await fetch(
+          `/api/content/page?key=${encodeURIComponent("home-contact")}&locale=${encodeURIComponent(locale)}`,
+        );
+        const data = await res.json();
+        if (data?.content?.content) {
+          setCmsDoc(data.content.content as JSONContent);
+        }
+      } catch {
+        // ignore; fallback to static
+      }
+    })();
+  }, [locale]);
+
   const [formData, setFormData] = useState({
     name: "",
     email: "",
@@ -164,10 +185,14 @@ const Contact = () => {
           <h2 className="text-4xl md:text-5xl font-bold mb-6 text-stone-900">
             Contact Me
           </h2>
-          <p className="text-xl text-stone-700 max-w-2xl mx-auto mt-4">
-            Interested in working together or have questions about my projects?
-            Feel free to reach out!
-          </p>
+          {cmsDoc ? (
+            <RichTextClient doc={cmsDoc} className="prose prose-stone max-w-2xl mx-auto mt-4 text-stone-700" />
+          ) : (
+            <p className="text-xl text-stone-700 max-w-2xl mx-auto mt-4">
+              Interested in working together or have questions about my projects?
+              Feel free to reach out!
+            </p>
+          )}
         </motion.div>
 
         <div className="grid grid-cols-1 lg:grid-cols-2 gap-12">
diff --git a/app/components/Footer.tsx b/app/components/Footer.tsx
index 953feaa..83bd0c4 100644
--- a/app/components/Footer.tsx
+++ b/app/components/Footer.tsx
@@ -5,10 +5,12 @@ import { motion } from 'framer-motion';
 import { Heart, Code } from 'lucide-react';
 import { SiGithub, SiLinkedin } from 'react-icons/si';
 import Link from 'next/link';
+import { useLocale } from "next-intl";
 
 const Footer = () => {
   const [currentYear, setCurrentYear] = useState(2024);
   const [mounted, setMounted] = useState(false);
+  const locale = useLocale();
 
   useEffect(() => {
     setCurrentYear(new Date().getFullYear());
@@ -44,7 +46,7 @@ const Footer = () => {
               <Code className="w-6 h-6 text-stone-800" />
             </motion.div>
             <div>
-              <Link href="/" className="text-xl font-bold font-mono text-stone-800 hover:text-liquid-blue transition-colors">
+              <Link href={`/${locale}`} className="text-xl font-bold font-mono text-stone-800 hover:text-liquid-blue transition-colors">
                 dk<span className="text-liquid-rose">0</span>
               </Link>
               <p className="text-xs text-stone-500">Software Engineer</p>
@@ -104,13 +106,13 @@ const Footer = () => {
         >
           <div className="flex space-x-6 text-sm">
             <Link
-              href="/legal-notice"
+              href={`/${locale}/legal-notice`}
               className="text-stone-500 hover:text-stone-800 transition-colors duration-200"
             >
               Impressum
             </Link>
             <Link
-              href="/privacy-policy"
+              href={`/${locale}/privacy-policy`}
               className="text-stone-500 hover:text-stone-800 transition-colors duration-200"
             >
               Privacy Policy
diff --git a/app/components/Header.tsx b/app/components/Header.tsx
index d399071..1f64600 100644
--- a/app/components/Header.tsx
+++ b/app/components/Header.tsx
@@ -5,11 +5,19 @@ import { motion, AnimatePresence } from "framer-motion";
 import { Menu, X, Mail } from "lucide-react";
 import { SiGithub, SiLinkedin } from "react-icons/si";
 import Link from "next/link";
+import { useLocale, useTranslations } from "next-intl";
+import { usePathname, useRouter } from "next/navigation";
 
 const Header = () => {
   const [isOpen, setIsOpen] = useState(false);
   const [scrolled, setScrolled] = useState(false);
   const [mounted, setMounted] = useState(false);
+  const locale = useLocale();
+  const pathname = usePathname();
+  const router = useRouter();
+  const t = useTranslations("nav");
+
+  const isHome = pathname === `/${locale}` || pathname === `/${locale}/`;
 
   useEffect(() => {
     // Use requestAnimationFrame to ensure smooth transition
@@ -28,10 +36,10 @@ const Header = () => {
   }, []);
 
   const navItems = [
-    { name: "Home", href: "/" },
-    { name: "About", href: "#about" },
-    { name: "Projects", href: "#projects" },
-    { name: "Contact", href: "#contact" },
+    { name: t("home"), href: `/${locale}` },
+    { name: t("about"), href: isHome ? "#about" : `/${locale}#about` },
+    { name: t("projects"), href: isHome ? "#projects" : `/${locale}/projects` },
+    { name: t("contact"), href: isHome ? "#contact" : `/${locale}#contact` },
   ];
 
   const socialLinks = [
@@ -44,6 +52,17 @@ const Header = () => {
     { icon: Mail, href: "mailto:contact@dk0.dev", label: "Email" },
   ];
 
+  const switchLocale = (nextLocale: string) => {
+    try {
+      const pathWithoutLocale = pathname.replace(new RegExp(`^/${locale}`), "") || "";
+      const hash = typeof window !== "undefined" ? window.location.hash : "";
+      router.push(`/${nextLocale}${pathWithoutLocale}${hash}`);
+      document.cookie = `NEXT_LOCALE=${nextLocale}; path=/`;
+    } catch {
+      // ignore
+    }
+  };
+
   // Always render to prevent flash, but use opacity transition
 
   return (
@@ -79,7 +98,7 @@ const Header = () => {
               className="flex items-center space-x-2"
             >
               <Link
-                href="/"
+                href={`/${locale}`}
                 className="text-2xl font-black font-sans text-stone-900 tracking-tighter liquid-hover flex items-center"
               >
                 dk<span className="text-red-500">0</span>
@@ -126,6 +145,32 @@ const Header = () => {
             </nav>
 
             <div className="hidden md:flex items-center space-x-3">
+              <div className="flex items-center bg-white/40 border border-white/50 rounded-full overflow-hidden shadow-sm">
+                <button
+                  type="button"
+                  onClick={() => switchLocale("en")}
+                  className={`px-3 py-1.5 text-xs font-semibold transition-colors ${
+                    locale === "en"
+                      ? "bg-stone-900 text-stone-50"
+                      : "text-stone-700 hover:bg-white/60"
+                  }`}
+                  aria-label="Switch language to English"
+                >
+                  EN
+                </button>
+                <button
+                  type="button"
+                  onClick={() => switchLocale("de")}
+                  className={`px-3 py-1.5 text-xs font-semibold transition-colors ${
+                    locale === "de"
+                      ? "bg-stone-900 text-stone-50"
+                      : "text-stone-700 hover:bg-white/60"
+                  }`}
+                  aria-label="Sprache auf Deutsch umstellen"
+                >
+                  DE
+                </button>
+              </div>
               {socialLinks.map((social) => (
                 <motion.a
                   key={social.label}
@@ -145,6 +190,7 @@ const Header = () => {
               whileTap={{ scale: 0.95 }}
               onClick={() => setIsOpen(!isOpen)}
               className="md:hidden p-2 rounded-full bg-white/40 hover:bg-white/60 text-stone-800 transition-colors liquid-hover"
+              aria-label={isOpen ? "Close menu" : "Open menu"}
             >
               {isOpen ? <X size={24} /> : <Menu size={24} />}
             </motion.button>
diff --git a/app/components/Hero.tsx b/app/components/Hero.tsx
index 1f71d64..1b03708 100644
--- a/app/components/Hero.tsx
+++ b/app/components/Hero.tsx
@@ -3,8 +3,31 @@
 import { motion } from "framer-motion";
 import { ArrowDown, Code, Zap, Rocket } from "lucide-react";
 import Image from "next/image";
+import { useEffect, useState } from "react";
+import { useLocale } from "next-intl";
+import type { JSONContent } from "@tiptap/react";
+import RichTextClient from "./RichTextClient";
 
 const Hero = () => {
+  const locale = useLocale();
+  const [cmsDoc, setCmsDoc] = useState<JSONContent | null>(null);
+
+  useEffect(() => {
+    (async () => {
+      try {
+        const res = await fetch(
+          `/api/content/page?key=${encodeURIComponent("home-hero")}&locale=${encodeURIComponent(locale)}`,
+        );
+        const data = await res.json();
+        if (data?.content?.content) {
+          setCmsDoc(data.content.content as JSONContent);
+        }
+      } catch {
+        // ignore; fallback to static
+      }
+    })();
+  }, [locale]);
+
   const features = [
     { icon: Code, text: "Next.js & Flutter" },
     { icon: Zap, text: "Docker Swarm & CI/CD" },
@@ -146,26 +169,32 @@ const Hero = () => {
         </motion.div>
 
         {/* Description */}
-        <motion.p
+        <motion.div
           initial={{ opacity: 0, y: 20 }}
           animate={{ opacity: 1, y: 0 }}
           transition={{ duration: 0.6, delay: 0.3, ease: [0.25, 0.1, 0.25, 1] }}
           className="text-lg md:text-xl text-stone-700 mb-12 max-w-2xl mx-auto leading-relaxed"
         >
-          Student and passionate{" "}
-          <span className="text-stone-900 font-semibold decoration-liquid-mint decoration-2 underline underline-offset-4">
-            self-hoster
-          </span>{" "}
-          building full-stack web apps and mobile solutions. I run my own{" "}
-          <span className="text-stone-900 font-semibold decoration-liquid-lavender decoration-2 underline underline-offset-4">
-            infrastructure
-          </span>{" "}
-          and love exploring{" "}
-          <span className="text-stone-900 font-semibold decoration-liquid-rose decoration-2 underline underline-offset-4">
-            DevOps
-          </span>
-          .
-        </motion.p>
+          {cmsDoc ? (
+            <RichTextClient doc={cmsDoc} className="prose prose-stone max-w-none" />
+          ) : (
+            <p>
+              Student and passionate{" "}
+              <span className="text-stone-900 font-semibold decoration-liquid-mint decoration-2 underline underline-offset-4">
+                self-hoster
+              </span>{" "}
+              building full-stack web apps and mobile solutions. I run my own{" "}
+              <span className="text-stone-900 font-semibold decoration-liquid-lavender decoration-2 underline underline-offset-4">
+                infrastructure
+              </span>{" "}
+              and love exploring{" "}
+              <span className="text-stone-900 font-semibold decoration-liquid-rose decoration-2 underline underline-offset-4">
+                DevOps
+              </span>
+              .
+            </p>
+          )}
+        </motion.div>
 
         {/* Features */}
         <motion.div
diff --git a/app/components/Projects.tsx b/app/components/Projects.tsx
index 6ce341a..765c099 100644
--- a/app/components/Projects.tsx
+++ b/app/components/Projects.tsx
@@ -5,6 +5,7 @@ import { motion, Variants } from "framer-motion";
 import { ExternalLink, Github, ArrowRight, Calendar } from "lucide-react";
 import Link from "next/link";
 import Image from "next/image";
+import { useLocale } from "next-intl";
 
 const fadeInUp: Variants = {
   hidden: { opacity: 0, y: 20 },
@@ -31,6 +32,7 @@ const staggerContainer: Variants = {
 
 interface Project {
   id: number;
+  slug: string;
   title: string;
   description: string;
   content: string;
@@ -45,6 +47,7 @@ interface Project {
 
 const Projects = () => {
   const [projects, setProjects] = useState<Project[]>([]);
+  const locale = useLocale();
 
   useEffect(() => {
     const loadProjects = async () => {
@@ -175,7 +178,7 @@ const Projects = () => {
               <div className="p-6 flex flex-col flex-1">
                 {/* Stretched Link covering the whole card (including image area) */}
                 <Link
-                  href={`/projects/${project.title.toLowerCase().replace(/[^a-z0-9]+/g, '-')}`}
+                  href={`/${locale}/projects/${project.slug}`}
                   className="absolute inset-0 z-10"
                   aria-label={`View project ${project.title}`}
                 />
@@ -247,7 +250,7 @@ const Projects = () => {
           className="mt-16 text-center"
         >
           <Link
-            href="/projects"
+            href={`/${locale}/projects`}
             className="inline-flex items-center gap-2 px-8 py-4 bg-white border border-stone-200 rounded-full text-stone-700 font-medium hover:bg-stone-50 hover:border-stone-300 hover:gap-3 transition-all duration-500 ease-out shadow-sm hover:shadow-md"
           >
             View All Projects <ArrowRight size={16} />
diff --git a/app/components/RichText.tsx b/app/components/RichText.tsx
new file mode 100644
index 0000000..67fe241
--- /dev/null
+++ b/app/components/RichText.tsx
@@ -0,0 +1,21 @@
+import React from "react";
+import type { JSONContent } from "@tiptap/react";
+import { richTextToSafeHtml } from "@/lib/richtext";
+
+export default function RichText({
+  doc,
+  className,
+}: {
+  doc: JSONContent;
+  className?: string;
+}) {
+  const html = richTextToSafeHtml(doc);
+  return (
+    <div
+      className={className}
+      // HTML is sanitized in `richTextToSafeHtml`
+      dangerouslySetInnerHTML={{ __html: html }}
+    />
+  );
+}
+
diff --git a/app/components/RichTextClient.tsx b/app/components/RichTextClient.tsx
new file mode 100644
index 0000000..1813c51
--- /dev/null
+++ b/app/components/RichTextClient.tsx
@@ -0,0 +1,24 @@
+"use client";
+
+import React, { useMemo } from "react";
+import type { JSONContent } from "@tiptap/react";
+import { richTextToSafeHtml } from "@/lib/richtext";
+
+export default function RichTextClient({
+  doc,
+  className,
+}: {
+  doc: JSONContent;
+  className?: string;
+}) {
+  const html = useMemo(() => richTextToSafeHtml(doc), [doc]);
+
+  return (
+    <div
+      className={className}
+      // HTML is sanitized in `richTextToSafeHtml`
+      dangerouslySetInnerHTML={{ __html: html }}
+    />
+  );
+}
+
diff --git a/app/editor/page.tsx b/app/editor/page.tsx
index c45a606..296cd0d 100644
--- a/app/editor/page.tsx
+++ b/app/editor/page.tsx
@@ -50,6 +50,7 @@ interface Project {
 function EditorPageContent() {
   const searchParams = useSearchParams();
   const projectId = searchParams.get("id");
+  const initialLocale = searchParams.get("locale") || "en";
   const contentRef = useRef<HTMLDivElement>(null);
   const { showSuccess, showError } = useToast();
 
@@ -58,6 +59,8 @@ function EditorPageContent() {
   const [isLoading, setIsLoading] = useState(true);
   const [isSaving, setIsSaving] = useState(false);
   const [isCreating, setIsCreating] = useState(!projectId);
+  const [editLocale, setEditLocale] = useState(initialLocale);
+  const [baseTexts, setBaseTexts] = useState<{ title: string; description: string } | null>(null);
   const [showPreview, setShowPreview] = useState(false);
   const [_isTyping, setIsTyping] = useState(false);
   const [history, setHistory] = useState<typeof formData[]>([]);
@@ -90,6 +93,10 @@ function EditorPageContent() {
         );
 
         if (foundProject) {
+          setBaseTexts({
+            title: foundProject.title || "",
+            description: foundProject.description || "",
+          });
           const initialData = {
             title: foundProject.title || "",
             description: foundProject.description || "",
@@ -127,6 +134,30 @@ function EditorPageContent() {
     }
   }, []);
 
+  const loadTranslation = useCallback(async (id: string, locale: string) => {
+    if (!id || !locale || locale === "en") return;
+    try {
+      const response = await fetch(`/api/projects/${id}/translation?locale=${encodeURIComponent(locale)}`, {
+        headers: {
+          "x-admin-request": "true",
+          "x-session-token": sessionStorage.getItem("admin_session_token") || "",
+        },
+      });
+      if (!response.ok) return;
+      const data = await response.json();
+      const tr = data.translation as { title?: string; description?: string } | null;
+      if (tr?.title && tr?.description) {
+        setFormData((prev) => ({
+          ...prev,
+          title: tr.title || prev.title,
+          description: tr.description || prev.description,
+        }));
+      }
+    } catch {
+      // ignore translation load failures
+    }
+  }, []);
+
   // Check authentication and load project
   useEffect(() => {
     const init = async () => {
@@ -141,6 +172,7 @@ function EditorPageContent() {
           // Load project if editing
           if (projectId) {
             await loadProject(projectId);
+            await loadTranslation(projectId, editLocale);
           } else {
             setIsCreating(true);
             // Initialize history for new project
@@ -182,7 +214,7 @@ function EditorPageContent() {
     };
 
     init();
-  }, [projectId, loadProject]);
+  }, [projectId, loadProject, loadTranslation, editLocale]);
 
   const handleSave = useCallback(async () => {
     try {
@@ -205,9 +237,13 @@ function EditorPageContent() {
       const method = projectId ? "PUT" : "POST";
 
       // Prepare data for saving - only include fields that exist in the database schema
+      const saveTitle = editLocale === "en" ? formData.title.trim() : (baseTexts?.title || formData.title.trim());
+      const saveDescription =
+        editLocale === "en" ? formData.description.trim() : (baseTexts?.description || formData.description.trim());
+
       const saveData = {
-        title: formData.title.trim(),
-        description: formData.description.trim(),
+        title: saveTitle,
+        description: saveDescription,
         content: formData.content.trim(),
         category: formData.category,
         tags: formData.tags,
@@ -251,6 +287,27 @@ function EditorPageContent() {
 
         // Show success toast (smaller, smoother)
         showSuccess("Saved", `"${savedProject.title}" saved`);
+
+        // Save translation if editing a non-default locale
+        if (projectId && editLocale !== "en") {
+          try {
+            await fetch(`/api/projects/${projectId}/translation`, {
+              method: "PUT",
+              headers: {
+                "Content-Type": "application/json",
+                "x-admin-request": "true",
+                "x-session-token": sessionStorage.getItem("admin_session_token") || "",
+              },
+              body: JSON.stringify({
+                locale: editLocale,
+                title: formData.title.trim(),
+                description: formData.description.trim(),
+              }),
+            });
+          } catch {
+            // ignore translation save failures
+          }
+        }
         
         // Update project ID if it was a new project
         if (!projectId && savedProject.id) {
@@ -275,7 +332,7 @@ function EditorPageContent() {
     } finally {
       setIsSaving(false);
     }
-  }, [projectId, formData, showSuccess, showError]);
+  }, [projectId, formData, showSuccess, showError, editLocale, baseTexts]);
 
   const handleInputChange = (
     field: string,
@@ -645,6 +702,34 @@ function EditorPageContent() {
               </h3>
 
               <div className="space-y-4">
+                <div>
+                  <label className="block text-sm font-medium text-stone-300 mb-2">
+                    Language
+                  </label>
+                  <div className="custom-select">
+                    <select
+                      value={editLocale}
+                      onChange={(e) => {
+                        const next = e.target.value;
+                        setEditLocale(next);
+                        if (projectId) {
+                          // Update URL for deep-linking and reload translation
+                          const newUrl = `/editor?id=${projectId}&locale=${encodeURIComponent(next)}`;
+                          window.history.replaceState({}, "", newUrl);
+                          loadTranslation(projectId, next);
+                        }
+                      }}
+                    >
+                      <option value="en">English (default)</option>
+                      <option value="de">Deutsch</option>
+                    </select>
+                  </div>
+                  {editLocale !== "en" && (
+                    <p className="text-xs text-stone-400 mt-2">
+                      Title/description are saved as a translation. Other fields are global.
+                    </p>
+                  )}
+                </div>
                 <div>
                   <label className="block text-sm font-medium text-stone-300 mb-2">
                     Category
diff --git a/app/layout.tsx b/app/layout.tsx
index b2a3730..2d9262e 100644
--- a/app/layout.tsx
+++ b/app/layout.tsx
@@ -3,27 +3,24 @@ import { Metadata } from "next";
 import { Inter } from "next/font/google";
 import React from "react";
 import ClientProviders from "./components/ClientProviders";
+import { cookies } from "next/headers";
 
 const inter = Inter({
   variable: "--font-inter",
   subsets: ["latin"],
 });
 
-export default function RootLayout({
+export default async function RootLayout({
   children,
 }: {
   children: React.ReactNode;
 }) {
+  const cookieStore = await cookies();
+  const locale = cookieStore.get("NEXT_LOCALE")?.value || "en";
   return (
-    <html lang="en">
+    <html lang={locale}>
       <head>
-        <script
-          defer
-          src="https://analytics.dk0.dev/script.js"
-          data-website-id="b3665829-927a-4ada-b9bb-fcf24171061e"
-        ></script>
         <meta charSet="utf-8" />
-        <title>Dennis Konkol&#39;s Portfolio</title>
       </head>
       <body className={inter.variable} suppressHydrationWarning>
         <ClientProviders>{children}</ClientProviders>
diff --git a/app/legal-notice/page.tsx b/app/legal-notice/page.tsx
index 782b249..02c11ae 100644
--- a/app/legal-notice/page.tsx
+++ b/app/legal-notice/page.tsx
@@ -6,8 +6,34 @@ import { ArrowLeft } from 'lucide-react';
 import Header from "../components/Header";
 import Footer from "../components/Footer";
 import Link from "next/link";
+import { useLocale, useTranslations } from "next-intl";
+import { useEffect, useState } from "react";
+import type { JSONContent } from "@tiptap/react";
+import RichTextClient from "../components/RichTextClient";
 
 export default function LegalNotice() {
+  const locale = useLocale();
+  const t = useTranslations("common");
+  const [cmsDoc, setCmsDoc] = useState<JSONContent | null>(null);
+  const [cmsTitle, setCmsTitle] = useState<string | null>(null);
+
+  useEffect(() => {
+    (async () => {
+      try {
+        const res = await fetch(
+          `/api/content/page?key=${encodeURIComponent("legal-notice")}&locale=${encodeURIComponent(locale)}`,
+        );
+        const data = await res.json();
+        if (data?.content?.content) {
+          setCmsDoc(data.content.content as JSONContent);
+          setCmsTitle((data.content.title as string | null) ?? null);
+        }
+      } catch {
+        // ignore; fallback to static content
+      }
+    })();
+  }, [locale]);
+
   return (
     <div className="min-h-screen animated-bg">
       <Header />
@@ -19,15 +45,15 @@ export default function LegalNotice() {
           className="mb-8"
         >
           <Link
-            href="/"
+            href={`/${locale}`}
             className="inline-flex items-center space-x-2 text-blue-400 hover:text-blue-300 transition-colors mb-6"
           >
             <ArrowLeft size={20} />
-            <span>Back to Home</span>
+            <span>{t("backToHome")}</span>
           </Link>
           
           <h1 className="text-4xl md:text-5xl font-bold mb-6 gradient-text">
-            Impressum
+            {cmsTitle || "Impressum"}
           </h1>
         </motion.div>
 
@@ -37,47 +63,68 @@ export default function LegalNotice() {
           transition={{ duration: 0.8, delay: 0.2 }}
           className="glass-card p-8 rounded-2xl space-y-6"
         >
-          <div className="text-gray-300 leading-relaxed">
-            <h2 className="text-2xl font-semibold mb-4">
-              Verantwortlicher für die Inhalte dieser Website
-            </h2>
-            <div className="space-y-2 text-gray-300">
-              <p><strong>Name:</strong> Dennis Konkol</p>
-              <p><strong>Adresse:</strong> Auf dem Ziegenbrink 2B, 49082 Osnabrück, Deutschland</p>
-              <p><strong>E-Mail:</strong> <Link href="mailto:info@dki.one" className="text-blue-400 hover:text-blue-300 transition-colors">info@dk0.dev</Link></p>
-              <p><strong>Website:</strong> <Link href="https://www.dk0.dev" className="text-blue-400 hover:text-blue-300 transition-colors">dk0.dev</Link></p>
-            </div>
-          </div>
+          {cmsDoc ? (
+            <RichTextClient doc={cmsDoc} className="prose prose-invert max-w-none text-gray-300" />
+          ) : (
+            <>
+              <div className="text-gray-300 leading-relaxed">
+                <h2 className="text-2xl font-semibold mb-4">Verantwortlicher für die Inhalte dieser Website</h2>
+                <div className="space-y-2 text-gray-300">
+                  <p>
+                    <strong>Name:</strong> Dennis Konkol
+                  </p>
+                  <p>
+                    <strong>Adresse:</strong> Auf dem Ziegenbrink 2B, 49082 Osnabrück, Deutschland
+                  </p>
+                  <p>
+                    <strong>E-Mail:</strong>{" "}
+                    <Link href="mailto:info@dki.one" className="text-blue-400 hover:text-blue-300 transition-colors">
+                      info@dk0.dev
+                    </Link>
+                  </p>
+                  <p>
+                    <strong>Website:</strong>{" "}
+                    <Link href="https://www.dk0.dev" className="text-blue-400 hover:text-blue-300 transition-colors">
+                      dk0.dev
+                    </Link>
+                  </p>
+                </div>
+              </div>
 
-          <div className="text-gray-300">
-            <h2 className="text-2xl font-semiboldmb-4">Haftung für Links</h2>
-            <p className="leading-relaxed">
-              Meine Website enthält Links auf externe Websites. Ich habe keinen Einfluss auf die Inhalte dieser Websites 
-              und kann daher keine Gewähr übernehmen. Für die Inhalte der verlinkten Seiten ist stets der Betreiber oder 
-              Anbieter der Seiten verantwortlich. Jedoch überprüfe ich die verlinkten Seiten zum Zeitpunkt der Verlinkung 
-              auf mögliche Rechtsverstöße. Bei Bekanntwerden von Rechtsverletzungen werde ich derartige Links umgehend entfernen.
-            </p>
-          </div>
+              <div className="text-gray-300">
+                <h2 className="text-2xl font-semibold mb-4">Haftung für Links</h2>
+                <p className="leading-relaxed">
+                  Meine Website enthält Links auf externe Websites. Ich habe keinen Einfluss auf die Inhalte dieser
+                  Websites und kann daher keine Gewähr übernehmen. Für die Inhalte der verlinkten Seiten ist stets der
+                  Betreiber oder Anbieter der Seiten verantwortlich. Jedoch überprüfe ich die verlinkten Seiten zum
+                  Zeitpunkt der Verlinkung auf mögliche Rechtsverstöße. Bei Bekanntwerden von Rechtsverletzungen werde
+                  ich derartige Links umgehend entfernen.
+                </p>
+              </div>
 
-          <div className="text-gray-300">
-            <h2 className="text-2xl font-semibold mb-4">Urheberrecht</h2>
-            <p className="leading-relaxed">
-              Alle Inhalte dieser Website, einschließlich Texte, Fotos und Designs, stehen unter Urheberrechtsschutz. 
-              Jegliche Nutzung ohne vorherige schriftliche Zustimmung des Urhebers ist verboten.
-            </p>
-          </div>
+              <div className="text-gray-300">
+                <h2 className="text-2xl font-semibold mb-4">Urheberrecht</h2>
+                <p className="leading-relaxed">
+                  Alle Inhalte dieser Website, einschließlich Texte, Fotos und Designs, stehen unter
+                  Urheberrechtsschutz. Jegliche Nutzung ohne vorherige schriftliche Zustimmung des Urhebers ist
+                  verboten.
+                </p>
+              </div>
 
-          <div className="text-gray-300">
-            <h2 className="text-2xl font-semibold mb-4">Gewährleistung</h2>
-            <p className="leading-relaxed">
-              Die Nutzung der Inhalte dieser Website erfolgt auf eigene Gefahr. Als Diensteanbieter kann ich keine 
-              Gewähr übernehmen für Schäden, die entstehen können, durch den Zugriff oder die Nutzung dieser Website.
-            </p>
-          </div>
+              <div className="text-gray-300">
+                <h2 className="text-2xl font-semibold mb-4">Gewährleistung</h2>
+                <p className="leading-relaxed">
+                  Die Nutzung der Inhalte dieser Website erfolgt auf eigene Gefahr. Als Diensteanbieter kann ich keine
+                  Gewähr übernehmen für Schäden, die entstehen können, durch den Zugriff oder die Nutzung dieser
+                  Website.
+                </p>
+              </div>
 
-          <div className="pt-4 border-t border-gray-700">
-            <p className="text-gray-400 text-sm">Letzte Aktualisierung: 12.02.2025</p>
-          </div>
+              <div className="pt-4 border-t border-gray-700">
+                <p className="text-gray-400 text-sm">Letzte Aktualisierung: 12.02.2025</p>
+              </div>
+            </>
+          )}
         </motion.div>
       </main>
       <Footer />
diff --git a/app/page.tsx b/app/page.tsx
index 8c71194..d4ae638 100644
--- a/app/page.tsx
+++ b/app/page.tsx
@@ -1,177 +1,8 @@
-"use client";
+import { redirect } from "next/navigation";
+import { cookies } from "next/headers";
 
-import Header from "./components/Header";
-import Hero from "./components/Hero";
-import About from "./components/About";
-import Projects from "./components/Projects";
-import Contact from "./components/Contact";
-import Footer from "./components/Footer";
-import Script from "next/script";
-import dynamic from "next/dynamic";
-import ErrorBoundary from "@/components/ErrorBoundary";
-import { motion } from "framer-motion";
-
-// Wrap ActivityFeed in error boundary to prevent crashes
-const ActivityFeed = dynamic(() => import("./components/ActivityFeed").catch(() => ({ default: () => null })), {
-  ssr: false,
-  loading: () => null,
-});
-
-export default function Home() {
-  return (
-    <div className="min-h-screen">
-      <Script
-        id={"structured-data"}
-        type="application/ld+json"
-        dangerouslySetInnerHTML={{
-          __html: JSON.stringify({
-            "@context": "https://schema.org",
-            "@type": "Person",
-            name: "Dennis Konkol",
-            url: "https://dk0.dev",
-            jobTitle: "Software Engineer",
-            address: {
-              "@type": "PostalAddress",
-              addressLocality: "Osnabrück",
-              addressCountry: "Germany",
-            },
-            sameAs: [
-              "https://github.com/Denshooter",
-              "https://linkedin.com/in/dkonkol",
-            ],
-          }),
-        }}
-      />
-      <ErrorBoundary>
-        <ActivityFeed />
-      </ErrorBoundary>
-      <Header />
-      {/* Spacer to prevent navbar overlap */}
-      <div className="h-24 md:h-32" aria-hidden="true"></div>
-      <main className="relative">
-        <Hero />
-
-        {/* Wavy Separator 1 - Hero to About */}
-        <div className="relative h-24 overflow-hidden">
-          <svg
-            className="absolute inset-0 w-full h-full"
-            viewBox="0 0 1440 120"
-            preserveAspectRatio="none"
-          >
-            <motion.path
-              d="M0,64 C240,96 480,32 720,64 C960,96 1200,32 1440,64 L1440,120 L0,120 Z"
-              fill="url(#gradient1)"
-              initial={{ opacity: 0 }}
-              animate={{
-                opacity: 1,
-                d: [
-                  "M0,64 C240,96 480,32 720,64 C960,96 1200,32 1440,64 L1440,120 L0,120 Z",
-                  "M0,32 C240,64 480,96 720,32 C960,64 1200,96 1440,32 L1440,120 L0,120 Z",
-                  "M0,64 C240,96 480,32 720,64 C960,96 1200,32 1440,64 L1440,120 L0,120 Z",
-                ],
-              }}
-              transition={{
-                opacity: { duration: 0.8, delay: 0.3 },
-                d: {
-                  duration: 12,
-                  repeat: Infinity,
-                  ease: "easeInOut",
-                },
-              }}
-            />
-            <defs>
-              <linearGradient id="gradient1" x1="0%" y1="0%" x2="100%" y2="0%">
-                <stop offset="0%" stopColor="#BAE6FD" stopOpacity="0.4" />
-                <stop offset="50%" stopColor="#DDD6FE" stopOpacity="0.4" />
-                <stop offset="100%" stopColor="#FBCFE8" stopOpacity="0.4" />
-              </linearGradient>
-            </defs>
-          </svg>
-        </div>
-
-        <About />
-
-        {/* Wavy Separator 2 - About to Projects */}
-        <div className="relative h-24 overflow-hidden">
-          <svg
-            className="absolute inset-0 w-full h-full"
-            viewBox="0 0 1440 120"
-            preserveAspectRatio="none"
-          >
-            <motion.path
-              d="M0,32 C240,64 480,96 720,32 C960,64 1200,96 1440,32 L1440,120 L0,120 Z"
-              fill="url(#gradient2)"
-              initial={{ opacity: 0 }}
-              animate={{
-                opacity: 1,
-                d: [
-                  "M0,32 C240,64 480,96 720,32 C960,64 1200,96 1440,32 L1440,120 L0,120 Z",
-                  "M0,96 C240,32 480,64 720,96 C960,32 1200,64 1440,96 L1440,120 L0,120 Z",
-                  "M0,32 C240,64 480,96 720,32 C960,64 1200,96 1440,32 L1440,120 L0,120 Z",
-                ],
-              }}
-              transition={{
-                opacity: { duration: 0.8, delay: 0.3 },
-                d: {
-                  duration: 14,
-                  repeat: Infinity,
-                  ease: "easeInOut",
-                },
-              }}
-            />
-            <defs>
-              <linearGradient id="gradient2" x1="0%" y1="0%" x2="100%" y2="0%">
-                <stop offset="0%" stopColor="#FED7AA" stopOpacity="0.4" />
-                <stop offset="50%" stopColor="#FDE68A" stopOpacity="0.4" />
-                <stop offset="100%" stopColor="#FCA5A5" stopOpacity="0.4" />
-              </linearGradient>
-            </defs>
-          </svg>
-        </div>
-
-        <Projects />
-
-        {/* Wavy Separator 3 - Projects to Contact */}
-        <div className="relative h-24 overflow-hidden">
-          <svg
-            className="absolute inset-0 w-full h-full"
-            viewBox="0 0 1440 120"
-            preserveAspectRatio="none"
-          >
-            <motion.path
-              d="M0,96 C240,32 480,64 720,96 C960,32 1200,64 1440,96 L1440,120 L0,120 Z"
-              fill="url(#gradient3)"
-              initial={{ opacity: 0 }}
-              animate={{
-                opacity: 1,
-                d: [
-                  "M0,96 C240,32 480,64 720,96 C960,32 1200,64 1440,96 L1440,120 L0,120 Z",
-                  "M0,64 C240,96 480,32 720,64 C960,96 1200,32 1440,64 L1440,120 L0,120 Z",
-                  "M0,96 C240,32 480,64 720,96 C960,32 1200,64 1440,96 L1440,120 L0,120 Z",
-                ],
-              }}
-              transition={{
-                opacity: { duration: 0.8, delay: 0.3 },
-                d: {
-                  duration: 16,
-                  repeat: Infinity,
-                  ease: "easeInOut",
-                },
-              }}
-            />
-            <defs>
-              <linearGradient id="gradient3" x1="0%" y1="0%" x2="100%" y2="0%">
-                <stop offset="0%" stopColor="#99F6E4" stopOpacity="0.4" />
-                <stop offset="50%" stopColor="#A7F3D0" stopOpacity="0.4" />
-                <stop offset="100%" stopColor="#D9F99D" stopOpacity="0.4" />
-              </linearGradient>
-            </defs>
-          </svg>
-        </div>
-
-        <Contact />
-      </main>
-      <Footer />
-    </div>
-  );
+export default async function RootRedirectPage() {
+  const cookieStore = await cookies();
+  const locale = cookieStore.get("NEXT_LOCALE")?.value || "en";
+  redirect(`/${locale}`);
 }
diff --git a/app/privacy-policy/page.tsx b/app/privacy-policy/page.tsx
index ff79d61..bc36637 100644
--- a/app/privacy-policy/page.tsx
+++ b/app/privacy-policy/page.tsx
@@ -6,8 +6,34 @@ import { ArrowLeft } from 'lucide-react';
 import Header from "../components/Header";
 import Footer from "../components/Footer";
 import Link from "next/link";
+import { useLocale, useTranslations } from "next-intl";
+import { useEffect, useState } from "react";
+import type { JSONContent } from "@tiptap/react";
+import RichTextClient from "../components/RichTextClient";
 
 export default function PrivacyPolicy() {
+  const locale = useLocale();
+  const t = useTranslations("common");
+  const [cmsDoc, setCmsDoc] = useState<JSONContent | null>(null);
+  const [cmsTitle, setCmsTitle] = useState<string | null>(null);
+
+  useEffect(() => {
+    (async () => {
+      try {
+        const res = await fetch(
+          `/api/content/page?key=${encodeURIComponent("privacy-policy")}&locale=${encodeURIComponent(locale)}`,
+        );
+        const data = await res.json();
+        if (data?.content?.content) {
+          setCmsDoc(data.content.content as JSONContent);
+          setCmsTitle((data.content.title as string | null) ?? null);
+        }
+      } catch {
+        // ignore; fallback to static content
+      }
+    })();
+  }, [locale]);
+
   return (
     <div className="min-h-screen animated-bg">
       <Header />
@@ -19,15 +45,15 @@ export default function PrivacyPolicy() {
           className="mb-8"
         >
           <motion.a
-            href="/"
+            href={`/${locale}`}
             className="inline-flex items-center space-x-2 text-blue-400 hover:text-blue-300 transition-colors mb-6"
           >
             <ArrowLeft size={20} />
-            <span>Back to Home</span>
+            <span>{t("backToHome")}</span>
           </motion.a>
           
           <h1 className="text-4xl md:text-5xl font-bold mb-6 gradient-text">
-            Datenschutzerklärung
+            {cmsTitle || "Datenschutzerklärung"}
           </h1>
         </motion.div>
 
@@ -37,59 +63,77 @@ export default function PrivacyPolicy() {
           transition={{ duration: 0.8, delay: 0.2 }}
           className="glass-card p-8 rounded-2xl space-y-6 text-white"
         >
-          <div className="text-gray-300 leading-relaxed">
-            <p>
-              Der Schutz Ihrer persönlichen Daten ist mir wichtig. In dieser Datenschutzerklärung informiere ich Sie 
-              über die Verarbeitung personenbezogener Daten im Rahmen meines Internet-Angebots.
-            </p>
-          </div>
+          {cmsDoc ? (
+            <RichTextClient doc={cmsDoc} className="prose prose-invert max-w-none text-gray-300" />
+          ) : (
+            <>
+              <div className="text-gray-300 leading-relaxed">
+                <p>
+                  Der Schutz Ihrer persönlichen Daten ist mir wichtig. In dieser Datenschutzerklärung informiere ich Sie
+                  über die Verarbeitung personenbezogener Daten im Rahmen meines Internet-Angebots.
+                </p>
+              </div>
 
-          <div className="text-gray-300 leading-relaxed">
-            <h2 className="text-2xl font-semibold mb-4">
-              Verantwortlicher für die Datenverarbeitung
-            </h2>
-            <div className="space-y-2 text-gray-300">
-              <p><strong>Name:</strong> Dennis Konkol</p>
-              <p><strong>Adresse:</strong> Auf dem Ziegenbrink 2B, 49082 Osnabrück, Deutschland</p>
-              <p><strong>E-Mail:</strong> <Link className="text-blue-400 hover:text-blue-300 transition-colors" href="mailto:info@dk0.dev">info@dk0.dev</Link></p>
-              <p><strong>Website:</strong> <Link className="text-blue-400 hover:text-blue-300 transition-colors" href="https://www.dk0.dev">dk0.dev</Link></p>
-            </div>
-            <p className="mt-4">
-              Diese Datenschutzerklärung gilt für die Verarbeitung personenbezogener Daten durch den oben genannten Verantwortlichen.
-            </p>
-          </div>
-        <h2 className="text-2xl font-semibold mt-6">
-          Erfassung allgemeiner Informationen beim Besuch meiner Website
-        </h2>
-        <div className="mt-2">
-          Beim Zugriff auf meiner Website werden automatisch Informationen
-          allgemeiner Natur erfasst. Diese beinhalten unter anderem:
-          <ul className="list-disc list-inside mt-2">
-            <li>IP-Adresse (in anonymisierter Form)</li>
-            <li>Uhrzeit</li>
-            <li>Browsertyp</li>
-            <li>Verwendetes Betriebssystem</li>
-            <li>Referrer-URL (die zuvor besuchte Seite)</li>
-          </ul>
-          <br />
-          Diese Informationen werden anonymisiert erfasst und dienen
-          ausschließlich statistischen Auswertungen. Rückschlüsse auf Ihre
-          Person sind nicht möglich. Diese Daten werden verarbeitet, um:
-          <ul className="list-disc list-inside mt-2">
-            <li>die Inhalte meiner Website korrekt auszuliefern,</li>
-            <li>die Inhalte meiner Website zu optimieren,</li>
-            <li>die Systemsicherheit und -stabilität zu analysiern.</li>
-          </ul>
-        </div>
-        <h2 className="text-2xl font-semibold mt-6">Cookies</h2>
-        <p className="mt-2">
-          Meine Website verwendet keine Cookies. Daher ist kein
-          Cookie-Consent-Banner erforderlich.
-        </p>
-        <h2 className="text-2xl font-semibold mt-6">
-          Analyse- und Tracking-Tools
-        </h2>
-        <p className="mt-2">
+              <div className="text-gray-300 leading-relaxed">
+                <h2 className="text-2xl font-semibold mb-4">Verantwortlicher für die Datenverarbeitung</h2>
+                <div className="space-y-2 text-gray-300">
+                  <p>
+                    <strong>Name:</strong> Dennis Konkol
+                  </p>
+                  <p>
+                    <strong>Adresse:</strong> Auf dem Ziegenbrink 2B, 49082 Osnabrück, Deutschland
+                  </p>
+                  <p>
+                    <strong>E-Mail:</strong>{" "}
+                    <Link className="text-blue-400 hover:text-blue-300 transition-colors" href="mailto:info@dk0.dev">
+                      info@dk0.dev
+                    </Link>
+                  </p>
+                  <p>
+                    <strong>Website:</strong>{" "}
+                    <Link className="text-blue-400 hover:text-blue-300 transition-colors" href="https://www.dk0.dev">
+                      dk0.dev
+                    </Link>
+                  </p>
+                </div>
+                <p className="mt-4">
+                  Diese Datenschutzerklärung gilt für die Verarbeitung personenbezogener Daten durch den oben genannten
+                  Verantwortlichen.
+                </p>
+              </div>
+
+              <h2 className="text-2xl font-semibold mt-6">
+                Erfassung allgemeiner Informationen beim Besuch meiner Website
+              </h2>
+              <div className="mt-2">
+                Beim Zugriff auf meiner Website werden automatisch Informationen allgemeiner Natur erfasst. Diese
+                beinhalten unter anderem:
+                <ul className="list-disc list-inside mt-2">
+                  <li>IP-Adresse (in anonymisierter Form)</li>
+                  <li>Uhrzeit</li>
+                  <li>Browsertyp</li>
+                  <li>Verwendetes Betriebssystem</li>
+                  <li>Referrer-URL (die zuvor besuchte Seite)</li>
+                </ul>
+                <br />
+                Diese Informationen werden anonymisiert erfasst und dienen ausschließlich statistischen Auswertungen.
+                Rückschlüsse auf Ihre Person sind nicht möglich. Diese Daten werden verarbeitet, um:
+                <ul className="list-disc list-inside mt-2">
+                  <li>die Inhalte meiner Website korrekt auszuliefern,</li>
+                  <li>die Inhalte meiner Website zu optimieren,</li>
+                  <li>die Systemsicherheit und -stabilität zu analysiern.</li>
+                </ul>
+              </div>
+
+              <h2 className="text-2xl font-semibold mt-6">Cookies</h2>
+              <p className="mt-2">
+                Diese Website verwendet ein technisch notwendiges Cookie, um deine Datenschutz-Einstellungen (z.B.
+                Analytics/Chatbot) zu speichern. Ohne dieses Cookie wäre ein Consent-Banner bei jedem Besuch erneut
+                nötig.
+              </p>
+
+              <h2 className="text-2xl font-semibold mt-6">Analyse- und Tracking-Tools</h2>
+              <p className="mt-2">
           Die nachfolgend beschriebene Analyse- und Tracking-Methode (im
           Folgenden „Maßnahme“ genannt) basiert auf Art. 6 Abs. 1 S. 1 lit. f
           DSGVO. Durch diese Maßnahme möchten ich eine benutzerfreundliche
@@ -118,6 +162,11 @@ export default function PrivacyPolicy() {
           </Link>
           .
         </p>
+        <p className="mt-4">
+          Zusätzlich kann diese Website optionale, selbst gehostete
+          Nutzungsstatistiken erfassen (z.B. Seitenaufrufe, Performance-Metriken),
+          die erst nach deiner Einwilligung im Consent-Banner aktiviert werden.
+        </p>
         <h2 className="text-2xl font-semibold mt-6">Kontaktformular</h2>
         <p className="mt-2">
           Wenn Sie das Kontaktformular nutzen, werden Ihre Angaben zur
@@ -126,6 +175,17 @@ export default function PrivacyPolicy() {
           <br />
           Rechtsgrundlage: Art. 6 Abs. 1 S. 1 lit. a DSGVO (Einwilligung).
         </p>
+        <h2 className="text-2xl font-semibold mt-6">Chatbot</h2>
+        <p className="mt-2">
+          Wenn du den optionalen Chatbot nutzt, werden die von dir eingegebenen
+          Nachrichten verarbeitet, um eine Antwort zu generieren. Die Verarbeitung
+          kann dabei über eine selbst gehostete Automations-/Chat-Infrastruktur
+          (z.B. n8n) erfolgen. Bitte gib im Chat keine sensiblen Daten ein.
+          <br />
+          <br />
+          Rechtsgrundlage: Art. 6 Abs. 1 S. 1 lit. a DSGVO (Einwilligung) – der
+          Chatbot wird erst nach Aktivierung im Consent-Banner geladen.
+        </p>
         <h2 className="text-2xl font-semibold mt-6">Social Media Links</h2>
         <p className="mt-2">
           Unsere Website enthält Links zu GitHub und LinkedIn. Durch das
@@ -233,6 +293,8 @@ export default function PrivacyPolicy() {
           <div className="pt-4 border-t border-gray-700">
             <p className="text-gray-400 text-sm">Letzte Aktualisierung: 12.02.2025</p>
           </div>
+            </>
+          )}
         </motion.div>
       </main>
       <Footer />
diff --git a/app/projects/[slug]/page.tsx b/app/projects/[slug]/page.tsx
index 7a6b4a7..0db386d 100644
--- a/app/projects/[slug]/page.tsx
+++ b/app/projects/[slug]/page.tsx
@@ -6,9 +6,11 @@ import Link from 'next/link';
 import { useParams } from 'next/navigation';
 import { useState, useEffect } from 'react';
 import ReactMarkdown from 'react-markdown';
+import { useLocale, useTranslations } from "next-intl";
 
 interface Project {
   id: number;
+  slug: string;
   title: string;
   description: string;
   content: string;
@@ -24,6 +26,8 @@ interface Project {
 const ProjectDetail = () => {
   const params = useParams();
   const slug = params.slug as string;
+  const locale = useLocale();
+  const t = useTranslations("common");
   const [project, setProject] = useState<Project | null>(null);
 
   // Load project from API by slug
@@ -90,11 +94,11 @@ const ProjectDetail = () => {
           className="mb-8"
         >
           <Link
-            href="/projects"
+            href={`/${locale}/projects`}
             className="inline-flex items-center space-x-2 text-stone-500 hover:text-stone-900 transition-colors group"
           >
             <ArrowLeft size={20} className="group-hover:-translate-x-1 transition-transform" />
-            <span className="font-medium">Back to Projects</span>
+            <span className="font-medium">{t("backToProjects")}</span>
           </Link>
         </motion.div>
 
diff --git a/app/projects/page.tsx b/app/projects/page.tsx
index 00d8793..395f176 100644
--- a/app/projects/page.tsx
+++ b/app/projects/page.tsx
@@ -4,9 +4,11 @@ import { useState, useEffect } from "react";
 import { motion } from 'framer-motion';
 import { ExternalLink, Github, Calendar, ArrowLeft, Search } from 'lucide-react';
 import Link from 'next/link';
+import { useLocale, useTranslations } from "next-intl";
 
 interface Project {
   id: number;
+  slug: string;
   title: string;
   description: string;
   content: string;
@@ -26,6 +28,8 @@ const ProjectsPage = () => {
   const [selectedCategory, setSelectedCategory] = useState("All");
   const [searchQuery, setSearchQuery] = useState("");
   const [mounted, setMounted] = useState(false);
+  const locale = useLocale();
+  const t = useTranslations("common");
 
   // Load projects from API
   useEffect(() => {
@@ -87,11 +91,11 @@ const ProjectsPage = () => {
           className="mb-12"
         >
           <Link
-            href="/"
+            href={`/${locale}`}
             className="inline-flex items-center space-x-2 text-stone-500 hover:text-stone-800 transition-colors mb-8 group"
           >
             <ArrowLeft size={20} className="group-hover:-translate-x-1 transition-transform" />
-            <span>Back to Home</span>
+            <span>{t("backToHome")}</span>
           </Link>
           
           <h1 className="text-5xl md:text-6xl font-black font-sans mb-6 text-stone-900 tracking-tight">
@@ -222,7 +226,7 @@ const ProjectsPage = () => {
               <div className="p-6 flex flex-col flex-1">
                 {/* Stretched Link covering the whole card (including image area) */}
                 <Link
-                  href={`/projects/${project.title.toLowerCase().replace(/[^a-z0-9]+/g, '-')}`}
+                  href={`/${locale}/projects/${project.slug}`}
                   className="absolute inset-0 z-10"
                   aria-label={`View project ${project.title}`}
                 />
diff --git a/components/ContentManager.tsx b/components/ContentManager.tsx
new file mode 100644
index 0000000..e9249a3
--- /dev/null
+++ b/components/ContentManager.tsx
@@ -0,0 +1,414 @@
+'use client';
+
+import React, { useCallback, useEffect, useMemo, useState } from 'react';
+import { EditorContent, useEditor, type JSONContent } from '@tiptap/react';
+import StarterKit from '@tiptap/starter-kit';
+import Underline from '@tiptap/extension-underline';
+import Link from '@tiptap/extension-link';
+import { TextStyle } from '@tiptap/extension-text-style';
+import Color from '@tiptap/extension-color';
+import Highlight from '@tiptap/extension-highlight';
+import { Bold, Italic, Underline as UnderlineIcon, List, ListOrdered, Link as LinkIcon, Highlighter, Type, Save, RefreshCw } from 'lucide-react';
+import { FontFamily, type AllowedFontFamily } from '@/lib/tiptap/fontFamily';
+
+const EMPTY_DOC: JSONContent = {
+  type: 'doc',
+  content: [{ type: 'paragraph', content: [{ type: 'text', text: '' }] }],
+};
+
+type PageListItem = {
+  id: number;
+  key: string;
+  translations: Array<{ locale: string; updatedAt: string; title: string | null; slug: string | null }>;
+};
+
+export default function ContentManager() {
+  const [pages, setPages] = useState<PageListItem[]>([]);
+  const [selectedKey, setSelectedKey] = useState<string>('privacy-policy');
+  const [selectedLocale, setSelectedLocale] = useState<string>('de');
+  const [title, setTitle] = useState<string>('');
+  const [slug, setSlug] = useState<string>('');
+  const [isLoading, setIsLoading] = useState<boolean>(true);
+  const [isSaving, setIsSaving] = useState<boolean>(false);
+  const [error, setError] = useState<string>('');
+  const [fontFamily, setFontFamily] = useState<AllowedFontFamily | ''>('');
+  const [color, setColor] = useState<string>('#111827');
+
+  const extensions = useMemo(
+    () => [
+      StarterKit,
+      Underline,
+      Link.configure({
+        openOnClick: false,
+        HTMLAttributes: { rel: 'noopener noreferrer', target: '_blank' },
+      }),
+      TextStyle,
+      FontFamily,
+      Color,
+      Highlight,
+    ],
+    [],
+  );
+
+  const editor = useEditor({
+    extensions,
+    content: EMPTY_DOC,
+    editorProps: {
+      attributes: {
+        class:
+          'prose prose-stone max-w-none focus:outline-none min-h-[320px] p-4 bg-white rounded-xl border border-stone-200',
+      },
+    },
+  });
+
+  const sessionHeaders = () => {
+    const sessionToken = sessionStorage.getItem('admin_session_token') || '';
+    return {
+      'x-admin-request': 'true',
+      'x-session-token': sessionToken,
+      'Content-Type': 'application/json',
+    };
+  };
+
+  const loadPages = useCallback(async () => {
+    setError('');
+    try {
+      setIsLoading(true);
+      const res = await fetch('/api/content/pages', { headers: sessionHeaders() });
+      const data = await res.json();
+      if (!res.ok) throw new Error(data?.error || 'Failed to load content pages');
+      setPages(data.pages || []);
+    } catch (e) {
+      setError(e instanceof Error ? e.message : 'Failed to load content pages');
+    } finally {
+      setIsLoading(false);
+    }
+  }, []);
+
+  const loadSelected = useCallback(async () => {
+    if (!editor) return;
+    setError('');
+    try {
+      setIsLoading(true);
+      const res = await fetch(`/api/content/page?key=${encodeURIComponent(selectedKey)}&locale=${encodeURIComponent(selectedLocale)}`);
+      const data = await res.json();
+      const translation = data?.content;
+
+      const nextTitle = (translation?.title as string | undefined) || '';
+      const nextSlug = (translation?.slug as string | undefined) || '';
+      const nextDoc = (translation?.content as JSONContent | undefined) || EMPTY_DOC;
+
+      setTitle(nextTitle);
+      setSlug(nextSlug);
+      editor.commands.setContent(nextDoc);
+      setFontFamily('');
+    } catch (e) {
+      setError(e instanceof Error ? e.message : 'Failed to load content');
+    } finally {
+      setIsLoading(false);
+    }
+  }, [editor, selectedKey, selectedLocale]);
+
+  useEffect(() => {
+    loadPages();
+  }, [loadPages]);
+
+  useEffect(() => {
+    loadSelected();
+  }, [loadSelected]);
+
+  const handleSave = async () => {
+    if (!editor) return;
+    setError('');
+    try {
+      setIsSaving(true);
+      const content = editor.getJSON();
+      const res = await fetch('/api/content/pages', {
+        method: 'POST',
+        headers: sessionHeaders(),
+        body: JSON.stringify({
+          key: selectedKey,
+          locale: selectedLocale,
+          title: title || null,
+          slug: slug || null,
+          content,
+        }),
+      });
+      const data = await res.json();
+      if (!res.ok) throw new Error(data?.error || 'Failed to save content');
+      await loadPages();
+    } catch (e) {
+      setError(e instanceof Error ? e.message : 'Failed to save content');
+    } finally {
+      setIsSaving(false);
+    }
+  };
+
+  const localeOptions = ['en', 'de'];
+  const fontOptions: Array<{ label: string; value: AllowedFontFamily | '' }> = [
+    { label: 'Default', value: '' },
+    { label: 'Inter', value: 'Inter' },
+    { label: 'Sans', value: 'ui-sans-serif' },
+    { label: 'Serif', value: 'ui-serif' },
+    { label: 'Mono', value: 'ui-monospace' },
+  ];
+
+  const selectedInfo = useMemo(() => {
+    const page = pages.find((p) => p.key === selectedKey);
+    const tr = page?.translations?.find((t) => t.locale === selectedLocale);
+    return tr;
+  }, [pages, selectedKey, selectedLocale]);
+
+  return (
+    <div className="space-y-6">
+      <div className="flex items-start justify-between gap-4">
+        <div>
+          <h2 className="text-2xl font-bold text-stone-900">Content Manager</h2>
+          <p className="text-stone-500 mt-1">
+            Edit texts/pages with rich formatting (bold, underline, links, highlights).
+          </p>
+        </div>
+        <button
+          onClick={loadPages}
+          className="flex items-center gap-2 px-4 py-2 bg-stone-100 text-stone-700 rounded-lg hover:bg-stone-200 transition-colors"
+        >
+          <RefreshCw className="w-4 h-4" />
+          <span>Refresh</span>
+        </button>
+      </div>
+
+      {error && (
+        <div className="p-4 bg-red-50 border border-red-100 rounded-xl text-red-700 text-sm">
+          {error}
+        </div>
+      )}
+
+      <div className="grid grid-cols-1 lg:grid-cols-3 gap-6">
+        <div className="lg:col-span-1 space-y-4">
+          <div className="bg-white border border-stone-200 rounded-xl p-4 space-y-3">
+            <div>
+              <label className="block text-sm font-medium text-stone-700 mb-1">Page key</label>
+              <select
+                value={selectedKey}
+                onChange={(e) => setSelectedKey(e.target.value)}
+                className="w-full px-3 py-2 bg-white border border-stone-200 rounded-lg text-stone-900 focus:outline-none focus:ring-2 focus:ring-stone-300"
+              >
+                {pages.map((p) => (
+                  <option key={p.key} value={p.key}>
+                    {p.key}
+                  </option>
+                ))}
+                {pages.length === 0 && (
+                  <>
+                    <option value="privacy-policy">privacy-policy</option>
+                    <option value="legal-notice">legal-notice</option>
+                    <option value="home-hero">home-hero</option>
+                  </>
+                )}
+              </select>
+            </div>
+
+            <div>
+              <label className="block text-sm font-medium text-stone-700 mb-1">Locale</label>
+              <select
+                value={selectedLocale}
+                onChange={(e) => setSelectedLocale(e.target.value)}
+                className="w-full px-3 py-2 bg-white border border-stone-200 rounded-lg text-stone-900 focus:outline-none focus:ring-2 focus:ring-stone-300"
+              >
+                {localeOptions.map((l) => (
+                  <option key={l} value={l}>
+                    {l}
+                  </option>
+                ))}
+              </select>
+            </div>
+
+            <div className="text-xs text-stone-500">
+              Last updated:{' '}
+              <span className="font-medium text-stone-700">
+                {selectedInfo?.updatedAt ? new Date(selectedInfo.updatedAt).toLocaleString() : '—'}
+              </span>
+            </div>
+          </div>
+
+          <div className="bg-white border border-stone-200 rounded-xl p-4 space-y-3">
+            <div>
+              <label className="block text-sm font-medium text-stone-700 mb-1">Title (optional)</label>
+              <input
+                value={title}
+                onChange={(e) => setTitle(e.target.value)}
+                className="w-full px-3 py-2 bg-white border border-stone-200 rounded-lg text-stone-900 focus:outline-none focus:ring-2 focus:ring-stone-300"
+                placeholder="Page title"
+              />
+            </div>
+            <div>
+              <label className="block text-sm font-medium text-stone-700 mb-1">Slug (optional)</label>
+              <input
+                value={slug}
+                onChange={(e) => setSlug(e.target.value)}
+                className="w-full px-3 py-2 bg-white border border-stone-200 rounded-lg text-stone-900 focus:outline-none focus:ring-2 focus:ring-stone-300"
+                placeholder="privacy-policy"
+              />
+            </div>
+
+            <button
+              onClick={handleSave}
+              disabled={isSaving || isLoading || !editor}
+              className="w-full flex items-center justify-center gap-2 px-4 py-2 bg-stone-900 text-stone-50 rounded-lg hover:bg-stone-800 disabled:opacity-50 disabled:cursor-not-allowed transition-colors"
+            >
+              <Save className="w-4 h-4" />
+              <span>{isSaving ? 'Saving…' : 'Save'}</span>
+            </button>
+          </div>
+        </div>
+
+        <div className="lg:col-span-2">
+          <div className="bg-white border border-stone-200 rounded-xl p-4">
+            <div className="text-sm font-semibold text-stone-900 mb-3">Content</div>
+            {isLoading ? (
+              <div className="text-stone-500 text-sm">Loading…</div>
+            ) : (
+              <>
+                {editor && (
+                  <div className="flex flex-wrap items-center gap-2 mb-3">
+                    <button
+                      type="button"
+                      onClick={() => editor.chain().focus().toggleBold().run()}
+                      className={`p-2 rounded-lg border transition-colors ${
+                        editor.isActive('bold')
+                          ? 'bg-stone-900 text-stone-50 border-stone-900'
+                          : 'bg-white text-stone-700 border-stone-200 hover:bg-stone-50'
+                      }`}
+                      title="Bold"
+                    >
+                      <Bold className="w-4 h-4" />
+                    </button>
+                    <button
+                      type="button"
+                      onClick={() => editor.chain().focus().toggleItalic().run()}
+                      className={`p-2 rounded-lg border transition-colors ${
+                        editor.isActive('italic')
+                          ? 'bg-stone-900 text-stone-50 border-stone-900'
+                          : 'bg-white text-stone-700 border-stone-200 hover:bg-stone-50'
+                      }`}
+                      title="Italic"
+                    >
+                      <Italic className="w-4 h-4" />
+                    </button>
+                    <button
+                      type="button"
+                      onClick={() => editor.chain().focus().toggleUnderline().run()}
+                      className={`p-2 rounded-lg border transition-colors ${
+                        editor.isActive('underline')
+                          ? 'bg-stone-900 text-stone-50 border-stone-900'
+                          : 'bg-white text-stone-700 border-stone-200 hover:bg-stone-50'
+                      }`}
+                      title="Underline"
+                    >
+                      <UnderlineIcon className="w-4 h-4" />
+                    </button>
+                    <button
+                      type="button"
+                      onClick={() => editor.chain().focus().toggleHighlight().run()}
+                      className={`p-2 rounded-lg border transition-colors ${
+                        editor.isActive('highlight')
+                          ? 'bg-stone-900 text-stone-50 border-stone-900'
+                          : 'bg-white text-stone-700 border-stone-200 hover:bg-stone-50'
+                      }`}
+                      title="Highlight"
+                    >
+                      <Highlighter className="w-4 h-4" />
+                    </button>
+                    <button
+                      type="button"
+                      onClick={() => editor.chain().focus().toggleBulletList().run()}
+                      className={`p-2 rounded-lg border transition-colors ${
+                        editor.isActive('bulletList')
+                          ? 'bg-stone-900 text-stone-50 border-stone-900'
+                          : 'bg-white text-stone-700 border-stone-200 hover:bg-stone-50'
+                      }`}
+                      title="Bullet list"
+                    >
+                      <List className="w-4 h-4" />
+                    </button>
+                    <button
+                      type="button"
+                      onClick={() => editor.chain().focus().toggleOrderedList().run()}
+                      className={`p-2 rounded-lg border transition-colors ${
+                        editor.isActive('orderedList')
+                          ? 'bg-stone-900 text-stone-50 border-stone-900'
+                          : 'bg-white text-stone-700 border-stone-200 hover:bg-stone-50'
+                      }`}
+                      title="Ordered list"
+                    >
+                      <ListOrdered className="w-4 h-4" />
+                    </button>
+
+                    <button
+                      type="button"
+                      onClick={() => {
+                        const prev = editor.getAttributes('link')?.href as string | undefined;
+                        const href = prompt('Enter URL', prev || 'https://');
+                        if (!href) return;
+                        editor.chain().focus().extendMarkRange('link').setLink({ href }).run();
+                      }}
+                      className={`p-2 rounded-lg border transition-colors ${
+                        editor.isActive('link')
+                          ? 'bg-stone-900 text-stone-50 border-stone-900'
+                          : 'bg-white text-stone-700 border-stone-200 hover:bg-stone-50'
+                      }`}
+                      title="Link"
+                    >
+                      <LinkIcon className="w-4 h-4" />
+                    </button>
+
+                    <div className="flex items-center gap-2 ml-auto">
+                      <Type className="w-4 h-4 text-stone-500" />
+                      <select
+                        value={fontFamily}
+                        onChange={(e) => {
+                          const next = e.target.value as AllowedFontFamily | '';
+                          setFontFamily(next);
+                          if (!next) {
+                            editor.chain().focus().unsetFontFamily().run();
+                          } else {
+                            editor.chain().focus().setFontFamily(next).run();
+                          }
+                        }}
+                        className="px-3 py-2 bg-white border border-stone-200 rounded-lg text-stone-900 focus:outline-none focus:ring-2 focus:ring-stone-300 text-sm"
+                        title="Font family"
+                      >
+                        {fontOptions.map((f) => (
+                          <option key={f.label} value={f.value}>
+                            {f.label}
+                          </option>
+                        ))}
+                      </select>
+
+                      <input
+                        type="color"
+                        value={color}
+                        onChange={(e) => {
+                          const next = e.target.value;
+                          setColor(next);
+                          editor.chain().focus().setColor(next).run();
+                        }}
+                        className="w-10 h-10 p-1 bg-white border border-stone-200 rounded-lg"
+                        title="Text color"
+                      />
+                    </div>
+                  </div>
+                )}
+                <EditorContent editor={editor} />
+              </>
+            )}
+            <p className="text-xs text-stone-500 mt-3">
+              Tip: Use bold/underline, links, lists, headings. (Email-safe rendering is handled separately.)
+            </p>
+          </div>
+        </div>
+      </div>
+    </div>
+  );
+}
+
diff --git a/components/EmailManager.tsx b/components/EmailManager.tsx
index f817dae..e5c49e8 100644
--- a/components/EmailManager.tsx
+++ b/components/EmailManager.tsx
@@ -120,6 +120,24 @@ export const EmailManager: React.FC = () => {
       });
       
       if (response.ok) {
+        // Persist responded status in DB
+        try {
+          await fetch(`/api/contacts/${selectedMessage.id}`, {
+            method: 'PUT',
+            headers: {
+              'Content-Type': 'application/json',
+              'x-admin-request': 'true',
+              'x-session-token': sessionToken,
+            },
+            body: JSON.stringify({
+              responded: true,
+              responseTemplate: 'reply',
+            }),
+          });
+        } catch {
+          // ignore persistence failures
+        }
+
         setMessages(prev => prev.map(msg => 
           msg.id === selectedMessage.id ? { ...msg, responded: true } : msg
         ));
diff --git a/components/ModernAdminDashboard.tsx b/components/ModernAdminDashboard.tsx
index 9e47960..b3214da 100644
--- a/components/ModernAdminDashboard.tsx
+++ b/components/ModernAdminDashboard.tsx
@@ -35,6 +35,10 @@ const ProjectManager = dynamic(
   () => import('./ProjectManager').then((m) => m.ProjectManager),
   { ssr: false, loading: () => <div className="p-6 text-stone-500">Loading projects…</div> }
 );
+const ContentManager = dynamic(
+  () => import('./ContentManager').then((m) => m.default),
+  { ssr: false, loading: () => <div className="p-6 text-stone-500">Loading content…</div> }
+);
 
 interface Project {
   id: string;
@@ -66,7 +70,7 @@ interface ModernAdminDashboardProps {
 }
 
 const ModernAdminDashboard: React.FC<ModernAdminDashboardProps> = ({ isAuthenticated = true }) => {
-  const [activeTab, setActiveTab] = useState<'overview' | 'projects' | 'emails' | 'analytics' | 'settings'>('overview');
+  const [activeTab, setActiveTab] = useState<'overview' | 'projects' | 'emails' | 'analytics' | 'content' | 'settings'>('overview');
   const [projects, setProjects] = useState<Project[]>([]);
   // eslint-disable-next-line @typescript-eslint/no-unused-vars
   const [isLoading, setIsLoading] = useState(false);
@@ -216,6 +220,7 @@ const ModernAdminDashboard: React.FC<ModernAdminDashboardProps> = ({ isAuthentic
     { id: 'projects', label: 'Projects', icon: Database, color: 'green', description: 'Manage Projects' },
     { id: 'emails', label: 'Emails', icon: Mail, color: 'purple', description: 'Email Management' },
     { id: 'analytics', label: 'Analytics', icon: Activity, color: 'orange', description: 'Site Analytics' },
+    { id: 'content', label: 'Content', icon: Shield, color: 'teal', description: 'Texts, pages & localization' },
     { id: 'settings', label: 'Settings', icon: Settings, color: 'gray', description: 'System Settings' }
   ];
 
@@ -250,7 +255,7 @@ const ModernAdminDashboard: React.FC<ModernAdminDashboardProps> = ({ isAuthentic
                 {navigation.map((item) => (
                   <button
                     key={item.id}
-                    onClick={() => setActiveTab(item.id as 'overview' | 'projects' | 'emails' | 'analytics' | 'settings')}
+                    onClick={() => setActiveTab(item.id as 'overview' | 'projects' | 'emails' | 'analytics' | 'content' | 'settings')}
                     className={`flex items-center space-x-2 px-4 py-2 rounded-lg transition-all duration-200 ${
                       activeTab === item.id
                         ? 'bg-stone-100 text-stone-900 font-medium shadow-sm border border-stone-200'
@@ -314,7 +319,7 @@ const ModernAdminDashboard: React.FC<ModernAdminDashboardProps> = ({ isAuthentic
                     <button
                       key={item.id}
                       onClick={() => {
-                        setActiveTab(item.id as 'overview' | 'projects' | 'emails' | 'analytics' | 'settings');
+                        setActiveTab(item.id as 'overview' | 'projects' | 'emails' | 'analytics' | 'content' | 'settings');
                         setMobileMenuOpen(false);
                       }}
                       className={`w-full flex items-center space-x-3 px-4 py-3 rounded-lg transition-all duration-200 ${
@@ -619,6 +624,10 @@ const ModernAdminDashboard: React.FC<ModernAdminDashboardProps> = ({ isAuthentic
                 <AnalyticsDashboard isAuthenticated={isAuthenticated} />
               )}
 
+              {activeTab === 'content' && (
+                <ContentManager />
+              )}
+
               {activeTab === 'settings' && (
                 <div className="space-y-8">
                   <div>
diff --git a/i18n/request.ts b/i18n/request.ts
new file mode 100644
index 0000000..7d6a3c7
--- /dev/null
+++ b/i18n/request.ts
@@ -0,0 +1,16 @@
+import { getRequestConfig } from 'next-intl/server';
+
+export const locales = ['en', 'de'] as const;
+export type AppLocale = (typeof locales)[number];
+
+export default getRequestConfig(async ({ locale }) => {
+  // next-intl can call us with unknown/undefined locales; fall back safely
+  const requested = typeof locale === "string" ? locale : "en";
+  const safeLocale = (locales as readonly string[]).includes(requested) ? requested : "en";
+
+  return {
+    locale: safeLocale,
+    messages: (await import(`../messages/${safeLocale}.json`)).default,
+  };
+});
+
diff --git a/jest.setup.ts b/jest.setup.ts
index f9c6ae8..d83519e 100644
--- a/jest.setup.ts
+++ b/jest.setup.ts
@@ -26,6 +26,34 @@ jest.mock("next/navigation", () => ({
   notFound: jest.fn(),
 }));
 
+// Mock next-intl (ESM) for Jest
+jest.mock("next-intl", () => ({
+  useLocale: () => "en",
+  useTranslations:
+    (namespace?: string) =>
+    (key: string) => {
+      if (namespace === "nav") {
+        const map: Record<string, string> = {
+          home: "Home",
+          about: "About",
+          projects: "Projects",
+          contact: "Contact",
+        };
+        return map[key] || key;
+      }
+      if (namespace === "common") {
+        const map: Record<string, string> = {
+          backToHome: "Back to Home",
+          backToProjects: "Back to Projects",
+        };
+        return map[key] || key;
+      }
+      return key;
+    },
+  NextIntlClientProvider: ({ children }: { children: React.ReactNode }) =>
+    React.createElement(React.Fragment, null, children),
+}));
+
 // Mock next/link
 jest.mock("next/link", () => {
   return function Link({
diff --git a/lib/content.ts b/lib/content.ts
new file mode 100644
index 0000000..12ce851
--- /dev/null
+++ b/lib/content.ts
@@ -0,0 +1,71 @@
+import { prisma } from "@/lib/prisma";
+
+export async function getSiteSettings() {
+  return prisma.siteSettings.findUnique({ where: { id: 1 } });
+}
+
+export async function getContentByKey(opts: { key: string; locale: string }) {
+  const { key, locale } = opts;
+  const page = await prisma.contentPage.findUnique({
+    where: { key },
+    include: {
+      translations: {
+        where: { locale },
+        take: 1,
+      },
+    },
+  });
+
+  if (page?.translations?.[0]) return page.translations[0];
+
+  const settings = await getSiteSettings();
+  const fallbackLocale = settings?.defaultLocale || "en";
+
+  const fallback = await prisma.contentPageTranslation.findFirst({
+    where: {
+      page: { key },
+      locale: fallbackLocale,
+    },
+  });
+
+  return fallback;
+}
+
+export async function upsertContentByKey(opts: {
+  key: string;
+  locale: string;
+  title?: string | null;
+  slug?: string | null;
+  content: unknown;
+  metaDescription?: string | null;
+  keywords?: string | null;
+}) {
+  const { key, locale, title, slug, content, metaDescription, keywords } = opts;
+
+  const page = await prisma.contentPage.upsert({
+    where: { key },
+    create: { key, status: "PUBLISHED" },
+    update: {},
+  });
+
+  return prisma.contentPageTranslation.upsert({
+    where: { pageId_locale: { pageId: page.id, locale } },
+    create: {
+      pageId: page.id,
+      locale,
+      title: title ?? undefined,
+      slug: slug ?? undefined,
+      content: content as any, // JSON
+      metaDescription: metaDescription ?? undefined,
+      keywords: keywords ?? undefined,
+    },
+    update: {
+      title: title ?? undefined,
+      slug: slug ?? undefined,
+      content: content as any, // JSON
+      metaDescription: metaDescription ?? undefined,
+      keywords: keywords ?? undefined,
+    },
+  });
+}
+
diff --git a/lib/prisma.ts b/lib/prisma.ts
index c982399..f75419b 100644
--- a/lib/prisma.ts
+++ b/lib/prisma.ts
@@ -1,4 +1,5 @@
 import { PrismaClient } from '@prisma/client';
+import { generateUniqueSlug } from './slug';
 
 const globalForPrisma = globalThis as unknown as {
   prisma: PrismaClient | undefined;
@@ -68,9 +69,26 @@ export const projectService = {
 
   // Create new project
   async createProject(data: Record<string, unknown>) {
+    const providedSlug = typeof data.slug === 'string' ? data.slug : undefined;
+    const providedTitle = typeof data.title === 'string' ? data.title : undefined;
+
+    const slug =
+      providedSlug?.trim() ||
+      (await generateUniqueSlug({
+        base: providedTitle || 'project',
+        isTaken: async (candidate) => {
+          const existing = await prisma.project.findUnique({
+            where: { slug: candidate },
+            select: { id: true },
+          });
+          return !!existing;
+        },
+      }));
+
     return prisma.project.create({
       data: {
         ...data,
+        slug,
         performance: data.performance || { lighthouse: 0, bundleSize: '0KB', loadTime: '0s' },
         analytics: data.analytics || { views: 0, likes: 0, shares: 0 }
       } as any // eslint-disable-line @typescript-eslint/no-explicit-any
diff --git a/lib/richtext.ts b/lib/richtext.ts
new file mode 100644
index 0000000..21ee2fb
--- /dev/null
+++ b/lib/richtext.ts
@@ -0,0 +1,71 @@
+import sanitizeHtml from "sanitize-html";
+import type { JSONContent } from "@tiptap/react";
+import { generateHTML } from "@tiptap/html";
+import StarterKit from "@tiptap/starter-kit";
+import Underline from "@tiptap/extension-underline";
+import Link from "@tiptap/extension-link";
+import { TextStyle } from "@tiptap/extension-text-style";
+import Color from "@tiptap/extension-color";
+import Highlight from "@tiptap/extension-highlight";
+import { FontFamily } from "@/lib/tiptap/fontFamily";
+
+export function richTextToSafeHtml(doc: JSONContent): string {
+  const raw = generateHTML(doc, [
+    StarterKit,
+    Underline,
+    Link.configure({
+      openOnClick: false,
+      autolink: false,
+      HTMLAttributes: { rel: "noopener noreferrer", target: "_blank" },
+    }),
+    TextStyle,
+    FontFamily,
+    Color,
+    Highlight,
+  ]);
+
+  return sanitizeHtml(raw, {
+    allowedTags: [
+      "p",
+      "br",
+      "h1",
+      "h2",
+      "h3",
+      "blockquote",
+      "strong",
+      "em",
+      "u",
+      "a",
+      "ul",
+      "ol",
+      "li",
+      "code",
+      "pre",
+      "span"
+    ],
+    allowedAttributes: {
+      a: ["href", "rel", "target"],
+      span: ["style"],
+      code: ["class"],
+      pre: ["class"],
+      p: ["class"],
+      h1: ["class"],
+      h2: ["class"],
+      h3: ["class"],
+      blockquote: ["class"],
+      ul: ["class"],
+      ol: ["class"],
+      li: ["class"]
+    },
+    allowedSchemes: ["http", "https", "mailto"],
+    allowProtocolRelative: false,
+    allowedStyles: {
+      span: {
+        color: [/^#[0-9a-fA-F]{3,8}$/],
+        "background-color": [/^#[0-9a-fA-F]{3,8}$/],
+        "font-family": [/^(Inter|ui-sans-serif|ui-serif|ui-monospace)$/],
+      },
+    },
+  });
+}
+
diff --git a/lib/slug.ts b/lib/slug.ts
new file mode 100644
index 0000000..fe360dd
--- /dev/null
+++ b/lib/slug.ts
@@ -0,0 +1,30 @@
+export function slugify(input: string): string {
+  return input
+    .trim()
+    .toLowerCase()
+    .replace(/['"]/g, "")
+    .replace(/[^a-z0-9]+/g, "-")
+    .replace(/^-+|-+$/g, "");
+}
+
+export async function generateUniqueSlug(opts: {
+  base: string;
+  isTaken: (slug: string) => Promise<boolean>;
+  maxAttempts?: number;
+}): Promise<string> {
+  const maxAttempts = opts.maxAttempts ?? 50;
+  const normalizedBase = slugify(opts.base) || "item";
+
+  let candidate = normalizedBase;
+  for (let i = 0; i < maxAttempts; i++) {
+    // First try the base, then base-2, base-3, ...
+    candidate = i === 0 ? normalizedBase : `${normalizedBase}-${i + 1}`;
+    // eslint-disable-next-line no-await-in-loop
+    const taken = await opts.isTaken(candidate);
+    if (!taken) return candidate;
+  }
+
+  // Last resort: append timestamp to avoid collisions
+  return `${normalizedBase}-${Date.now()}`;
+}
+
diff --git a/lib/tiptap/fontFamily.ts b/lib/tiptap/fontFamily.ts
new file mode 100644
index 0000000..38dc4fc
--- /dev/null
+++ b/lib/tiptap/fontFamily.ts
@@ -0,0 +1,67 @@
+import { Extension } from "@tiptap/core";
+
+const allowedFonts = [
+  "Inter",
+  "ui-sans-serif",
+  "ui-serif",
+  "ui-monospace",
+] as const;
+
+export type AllowedFontFamily = (typeof allowedFonts)[number];
+
+declare module "@tiptap/core" {
+  interface Commands<ReturnType> {
+    fontFamily: {
+      setFontFamily: (fontFamily: string) => ReturnType;
+      unsetFontFamily: () => ReturnType;
+    };
+  }
+}
+
+export const FontFamily = Extension.create({
+  name: "fontFamily",
+
+  addGlobalAttributes() {
+    return [
+      {
+        types: ["textStyle"],
+        attributes: {
+          fontFamily: {
+            default: null,
+            parseHTML: (element) => {
+              const raw = (element as HTMLElement).style.fontFamily;
+              if (!raw) return null;
+              // Normalize: remove quotes and take first family only
+              const first = raw.split(",")[0]?.trim().replace(/^["']|["']$/g, "");
+              if (!first) return null;
+              return first;
+            },
+            renderHTML: (attributes) => {
+              const fontFamily = attributes.fontFamily as string | null;
+              if (!fontFamily) return {};
+              if (!allowedFonts.includes(fontFamily as AllowedFontFamily)) return {};
+              return { style: `font-family: ${fontFamily}` };
+            },
+          },
+        },
+      },
+    ];
+  },
+
+  addCommands() {
+    return {
+      setFontFamily:
+        (fontFamily: string) =>
+        ({ chain }) => {
+          if (!allowedFonts.includes(fontFamily as AllowedFontFamily)) return false;
+          return chain().setMark("textStyle", { fontFamily }).run();
+        },
+      unsetFontFamily:
+        () =>
+        ({ chain }) => {
+          return chain().setMark("textStyle", { fontFamily: null }).removeEmptyTextStyle().run();
+        },
+    };
+  },
+});
+
diff --git a/messages/de.json b/messages/de.json
new file mode 100644
index 0000000..1779d3e
--- /dev/null
+++ b/messages/de.json
@@ -0,0 +1,25 @@
+{
+  "nav": {
+    "home": "Start",
+    "about": "Über mich",
+    "projects": "Projekte",
+    "contact": "Kontakt"
+  },
+  "common": {
+    "backToHome": "Zurück zur Startseite",
+    "backToProjects": "Zurück zu den Projekten",
+    "viewAllProjects": "Alle Projekte ansehen",
+    "loading": "Lädt..."
+  },
+  "consent": {
+    "title": "Datenschutz-Einstellungen",
+    "description": "Wir nutzen optionale Dienste (Analytics und Chat), um die Seite zu verbessern. Du kannst deine Auswahl jederzeit ändern.",
+    "essential": "Essentiell",
+    "analytics": "Analytics",
+    "chat": "Chatbot",
+    "acceptAll": "Alles akzeptieren",
+    "acceptSelected": "Auswahl akzeptieren",
+    "rejectAll": "Alles ablehnen"
+  }
+}
+
diff --git a/messages/en.json b/messages/en.json
new file mode 100644
index 0000000..51d1df4
--- /dev/null
+++ b/messages/en.json
@@ -0,0 +1,25 @@
+{
+  "nav": {
+    "home": "Home",
+    "about": "About",
+    "projects": "Projects",
+    "contact": "Contact"
+  },
+  "common": {
+    "backToHome": "Back to Home",
+    "backToProjects": "Back to Projects",
+    "viewAllProjects": "View All Projects",
+    "loading": "Loading..."
+  },
+  "consent": {
+    "title": "Privacy settings",
+    "description": "We use optional services (analytics and chat) to improve the site. You can change your choice anytime.",
+    "essential": "Essential",
+    "analytics": "Analytics",
+    "chat": "Chatbot",
+    "acceptAll": "Accept all",
+    "acceptSelected": "Accept selected",
+    "rejectAll": "Reject all"
+  }
+}
+
diff --git a/middleware.ts b/middleware.ts
index d197c8b..9e89679 100644
--- a/middleware.ts
+++ b/middleware.ts
@@ -1,21 +1,82 @@
 import { NextResponse } from "next/server";
 import type { NextRequest } from "next/server";
 
+const SUPPORTED_LOCALES = ["en", "de"] as const;
+type SupportedLocale = (typeof SUPPORTED_LOCALES)[number];
+
+function pickLocaleFromHeader(acceptLanguage: string | null): SupportedLocale {
+  if (!acceptLanguage) return "en";
+  const lower = acceptLanguage.toLowerCase();
+  // Very small parser: prefer de, then en
+  if (lower.includes("de")) return "de";
+  if (lower.includes("en")) return "en";
+  return "en";
+}
+
+function hasLocalePrefix(pathname: string): boolean {
+  return SUPPORTED_LOCALES.some((l) => pathname === `/${l}` || pathname.startsWith(`/${l}/`));
+}
+
 export function middleware(request: NextRequest) {
-  // For /manage and /editor routes, the pages handle their own authentication
-  // No middleware redirect needed - let the pages show login forms
+  const { pathname, search } = request.nextUrl;
+
+  // Keep admin + APIs unlocalized for simplicity
+  const isAdminOrApi =
+    pathname.startsWith("/api/") ||
+    pathname === "/api" ||
+    pathname.startsWith("/manage") ||
+    pathname.startsWith("/editor");
+
+  // Locale routing for public site pages
+  const responseUrl = request.nextUrl.clone();
+
+  if (!isAdminOrApi) {
+    if (hasLocalePrefix(pathname)) {
+      // Persist locale preference
+      const locale = pathname.split("/")[1] as SupportedLocale;
+      const res = NextResponse.next();
+      res.cookies.set("NEXT_LOCALE", locale, { path: "/" });
+
+      // Continue below to add security headers
+      // eslint-disable-next-line no-use-before-define
+      return addHeaders(request, res);
+    }
+
+    // Redirect bare routes to locale-prefixed ones
+    const preferred = pickLocaleFromHeader(request.headers.get("accept-language"));
+    const redirectTarget =
+      pathname === "/" ? `/${preferred}` : `/${preferred}${pathname}${search || ""}`;
+    responseUrl.pathname = redirectTarget;
+    const res = NextResponse.redirect(responseUrl);
+    res.cookies.set("NEXT_LOCALE", preferred, { path: "/" });
+    // eslint-disable-next-line no-use-before-define
+    return addHeaders(request, res);
+  }
 
   // Fix for 421 Misdirected Request with Nginx Proxy Manager
   // Ensure proper host header handling for reverse proxy
-  const hostname = request.headers.get('host') || request.headers.get('x-forwarded-host') || '';
+  const hostname = request.headers.get("host") || request.headers.get("x-forwarded-host") || "";
   
   // Add security headers to all responses
   const response = NextResponse.next();
   
+  return addHeaders(request, response, hostname);
+}
+
+function addHeaders(request: NextRequest, response: NextResponse, hostnameOverride?: string) {
+  const hostname =
+    hostnameOverride ??
+    request.headers.get("host") ??
+    request.headers.get("x-forwarded-host") ??
+    "";
+
   // Set proper headers for Nginx Proxy Manager
   if (hostname) {
-    response.headers.set('X-Forwarded-Host', hostname);
-    response.headers.set('X-Real-IP', request.headers.get('x-real-ip') || request.headers.get('x-forwarded-for') || '');
+    response.headers.set("X-Forwarded-Host", hostname);
+    response.headers.set(
+      "X-Real-IP",
+      request.headers.get("x-real-ip") || request.headers.get("x-forwarded-for") || "",
+    );
   }
 
   // Security headers (complementing next.config.ts headers)
@@ -42,13 +103,11 @@ export const config = {
   matcher: [
     /*
      * Match all request paths except for the ones starting with:
-     * - api/email (email API routes)
-     * - api/health (health check)
+     * - api (all API routes)
      * - _next/static (static files)
      * - _next/image (image optimization files)
      * - favicon.ico (favicon file)
-     * - api/auth (auth API routes - need to be processed)
      */
-    "/((?!api/email|api/health|_next/static|_next/image|favicon.ico|api/auth).*)",
+    "/((?!api|_next/static|_next/image|favicon.ico).*)",
   ],
 };
diff --git a/next.config.ts b/next.config.ts
index 43859bb..7218a2d 100644
--- a/next.config.ts
+++ b/next.config.ts
@@ -2,6 +2,7 @@ import type { NextConfig } from "next";
 import dotenv from "dotenv";
 import path from "path";
 import bundleAnalyzer from "@next/bundle-analyzer";
+import createNextIntlPlugin from "next-intl/plugin";
 
 // Load the .env file from the working directory
 dotenv.config({ path: path.resolve(process.cwd(), ".env") });
@@ -76,9 +77,9 @@ const nextConfig: NextConfig = {
     const csp =
       process.env.NODE_ENV === "production"
         ? // Avoid `unsafe-eval` in production (reduces XSS impact and enables stronger CSP)
-          "default-src 'self'; script-src 'self' 'unsafe-inline' https://analytics.dk0.dev; script-src-elem 'self' 'unsafe-inline' https://analytics.dk0.dev; style-src 'self' 'unsafe-inline' https://fonts.googleapis.com; font-src 'self' https://fonts.gstatic.com data:; img-src 'self' data: https:; connect-src 'self' https://analytics.dk0.dev https://api.quotable.io; frame-ancestors 'none'; base-uri 'self'; form-action 'self';"
+          "default-src 'self'; script-src 'self' 'unsafe-inline'; script-src-elem 'self' 'unsafe-inline'; style-src 'self' 'unsafe-inline'; font-src 'self' data:; img-src 'self' data: https:; connect-src 'self'; frame-ancestors 'none'; base-uri 'self'; form-action 'self';"
         : // Dev CSP: allow eval for tooling compatibility
-          "default-src 'self'; script-src 'self' 'unsafe-inline' 'unsafe-eval' https://analytics.dk0.dev; script-src-elem 'self' 'unsafe-inline' https://analytics.dk0.dev; style-src 'self' 'unsafe-inline' https://fonts.googleapis.com; font-src 'self' https://fonts.gstatic.com data:; img-src 'self' data: https:; connect-src 'self' https://analytics.dk0.dev https://api.quotable.io; frame-ancestors 'none'; base-uri 'self'; form-action 'self';";
+          "default-src 'self'; script-src 'self' 'unsafe-inline' 'unsafe-eval'; script-src-elem 'self' 'unsafe-inline'; style-src 'self' 'unsafe-inline'; font-src 'self' data:; img-src 'self' data: https:; connect-src 'self'; frame-ancestors 'none'; base-uri 'self'; form-action 'self';";
 
     return [
       {
@@ -144,4 +145,6 @@ const withBundleAnalyzer = bundleAnalyzer({
   enabled: process.env.ANALYZE === "true",
 });
 
-export default withBundleAnalyzer(nextConfig);
+const withNextIntl = createNextIntlPlugin("./i18n/request.ts");
+
+export default withBundleAnalyzer(withNextIntl(nextConfig));
diff --git a/package-lock.json b/package-lock.json
index f0392d9..8862fc7 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -10,6 +10,14 @@
       "dependencies": {
         "@next/bundle-analyzer": "^15.1.7",
         "@prisma/client": "^5.22.0",
+        "@tiptap/extension-color": "^3.15.3",
+        "@tiptap/extension-highlight": "^3.15.3",
+        "@tiptap/extension-link": "^3.15.3",
+        "@tiptap/extension-text-style": "^3.15.3",
+        "@tiptap/extension-underline": "^3.15.3",
+        "@tiptap/html": "^3.15.3",
+        "@tiptap/react": "^3.15.3",
+        "@tiptap/starter-kit": "^3.15.3",
         "@vercel/og": "^0.6.5",
         "clsx": "^2.1.1",
         "dotenv": "^16.6.1",
@@ -17,6 +25,7 @@
         "gray-matter": "^4.0.3",
         "lucide-react": "^0.542.0",
         "next": "^15.5.7",
+        "next-intl": "^4.7.0",
         "node-cache": "^5.1.2",
         "node-fetch": "^2.7.0",
         "nodemailer": "^7.0.11",
@@ -26,7 +35,9 @@
         "react-markdown": "^10.1.0",
         "react-responsive-masonry": "^2.7.1",
         "redis": "^5.8.2",
-        "tailwind-merge": "^2.6.0"
+        "sanitize-html": "^2.17.0",
+        "tailwind-merge": "^2.6.0",
+        "zod": "^4.3.5"
       },
       "devDependencies": {
         "@eslint/eslintrc": "^3",
@@ -42,6 +53,8 @@
         "@types/react-dom": "^19",
         "@types/react-responsive-masonry": "^2.6.0",
         "@types/react-syntax-highlighter": "^15.5.11",
+        "@types/sanitize-html": "^2.16.0",
+        "autoprefixer": "^10.4.20",
         "cross-env": "^7.0.3",
         "eslint": "^9",
         "eslint-config-next": "^15.5.7",
@@ -49,7 +62,7 @@
         "jest-environment-jsdom": "^29.7.0",
         "nodemailer-mock": "^2.0.9",
         "playwright": "^1.57.0",
-        "postcss": "^8",
+        "postcss": "^8.4.49",
         "prisma": "^5.22.0",
         "tailwindcss": "^3.4.17",
         "ts-jest": "^29.2.5",
@@ -1926,6 +1939,94 @@
         "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
       }
     },
+    "node_modules/@floating-ui/core": {
+      "version": "1.7.3",
+      "resolved": "https://registry.npmjs.org/@floating-ui/core/-/core-1.7.3.tgz",
+      "integrity": "sha512-sGnvb5dmrJaKEZ+LDIpguvdX3bDlEllmv4/ClQ9awcmCZrlx5jQyyMWFM5kBI+EyNOCDDiKk8il0zeuX3Zlg/w==",
+      "license": "MIT",
+      "optional": true,
+      "dependencies": {
+        "@floating-ui/utils": "^0.2.10"
+      }
+    },
+    "node_modules/@floating-ui/dom": {
+      "version": "1.7.4",
+      "resolved": "https://registry.npmjs.org/@floating-ui/dom/-/dom-1.7.4.tgz",
+      "integrity": "sha512-OOchDgh4F2CchOX94cRVqhvy7b3AFb+/rQXyswmzmGakRfkMgoWVjfnLWkRirfLEfuD4ysVW16eXzwt3jHIzKA==",
+      "license": "MIT",
+      "optional": true,
+      "dependencies": {
+        "@floating-ui/core": "^1.7.3",
+        "@floating-ui/utils": "^0.2.10"
+      }
+    },
+    "node_modules/@floating-ui/utils": {
+      "version": "0.2.10",
+      "resolved": "https://registry.npmjs.org/@floating-ui/utils/-/utils-0.2.10.tgz",
+      "integrity": "sha512-aGTxbpbg8/b5JfU1HXSrbH3wXZuLPJcNEcZQFMxLs3oSzgtVu6nFPkbbGGUvBcUjKV2YyB9Wxxabo+HEH9tcRQ==",
+      "license": "MIT",
+      "optional": true
+    },
+    "node_modules/@formatjs/ecma402-abstract": {
+      "version": "2.3.6",
+      "resolved": "https://registry.npmjs.org/@formatjs/ecma402-abstract/-/ecma402-abstract-2.3.6.tgz",
+      "integrity": "sha512-HJnTFeRM2kVFVr5gr5kH1XP6K0JcJtE7Lzvtr3FS/so5f1kpsqqqxy5JF+FRaO6H2qmcMfAUIox7AJteieRtVw==",
+      "license": "MIT",
+      "dependencies": {
+        "@formatjs/fast-memoize": "2.2.7",
+        "@formatjs/intl-localematcher": "0.6.2",
+        "decimal.js": "^10.4.3",
+        "tslib": "^2.8.0"
+      }
+    },
+    "node_modules/@formatjs/ecma402-abstract/node_modules/@formatjs/intl-localematcher": {
+      "version": "0.6.2",
+      "resolved": "https://registry.npmjs.org/@formatjs/intl-localematcher/-/intl-localematcher-0.6.2.tgz",
+      "integrity": "sha512-XOMO2Hupl0wdd172Y06h6kLpBz6Dv+J4okPLl4LPtzbr8f66WbIoy4ev98EBuZ6ZK4h5ydTN6XneT4QVpD7cdA==",
+      "license": "MIT",
+      "dependencies": {
+        "tslib": "^2.8.0"
+      }
+    },
+    "node_modules/@formatjs/fast-memoize": {
+      "version": "2.2.7",
+      "resolved": "https://registry.npmjs.org/@formatjs/fast-memoize/-/fast-memoize-2.2.7.tgz",
+      "integrity": "sha512-Yabmi9nSvyOMrlSeGGWDiH7rf3a7sIwplbvo/dlz9WCIjzIQAfy1RMf4S0X3yG724n5Ghu2GmEl5NJIV6O9sZQ==",
+      "license": "MIT",
+      "dependencies": {
+        "tslib": "^2.8.0"
+      }
+    },
+    "node_modules/@formatjs/icu-messageformat-parser": {
+      "version": "2.11.4",
+      "resolved": "https://registry.npmjs.org/@formatjs/icu-messageformat-parser/-/icu-messageformat-parser-2.11.4.tgz",
+      "integrity": "sha512-7kR78cRrPNB4fjGFZg3Rmj5aah8rQj9KPzuLsmcSn4ipLXQvC04keycTI1F7kJYDwIXtT2+7IDEto842CfZBtw==",
+      "license": "MIT",
+      "dependencies": {
+        "@formatjs/ecma402-abstract": "2.3.6",
+        "@formatjs/icu-skeleton-parser": "1.8.16",
+        "tslib": "^2.8.0"
+      }
+    },
+    "node_modules/@formatjs/icu-skeleton-parser": {
+      "version": "1.8.16",
+      "resolved": "https://registry.npmjs.org/@formatjs/icu-skeleton-parser/-/icu-skeleton-parser-1.8.16.tgz",
+      "integrity": "sha512-H13E9Xl+PxBd8D5/6TVUluSpxGNvFSlN/b3coUp0e0JpuWXXnQDiavIpY3NnvSp4xhEMoXyyBvVfdFX8jglOHQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@formatjs/ecma402-abstract": "2.3.6",
+        "tslib": "^2.8.0"
+      }
+    },
+    "node_modules/@formatjs/intl-localematcher": {
+      "version": "0.5.10",
+      "resolved": "https://registry.npmjs.org/@formatjs/intl-localematcher/-/intl-localematcher-0.5.10.tgz",
+      "integrity": "sha512-af3qATX+m4Rnd9+wHcjJ4w2ijq+rAVP3CCinJQvFv1kgSu1W6jypUmvleJxcewdxmutM8dmIRZFxO/IQBZmP2Q==",
+      "license": "MIT",
+      "dependencies": {
+        "tslib": "2"
+      }
+    },
     "node_modules/@humanfs/core": {
       "version": "0.19.1",
       "resolved": "https://registry.npmjs.org/@humanfs/core/-/core-0.19.1.tgz",
@@ -2388,102 +2489,6 @@
         "url": "https://opencollective.com/libvips"
       }
     },
-    "node_modules/@isaacs/cliui": {
-      "version": "8.0.2",
-      "resolved": "https://registry.npmjs.org/@isaacs/cliui/-/cliui-8.0.2.tgz",
-      "integrity": "sha512-O8jcjabXaleOG9DQ0+ARXWZBTfnP4WNAqzuiJK7ll44AmxGKv/J2M4TPjxjY3znBCfvBXFzucm1twdyFybFqEA==",
-      "dev": true,
-      "license": "ISC",
-      "dependencies": {
-        "string-width": "^5.1.2",
-        "string-width-cjs": "npm:string-width@^4.2.0",
-        "strip-ansi": "^7.0.1",
-        "strip-ansi-cjs": "npm:strip-ansi@^6.0.1",
-        "wrap-ansi": "^8.1.0",
-        "wrap-ansi-cjs": "npm:wrap-ansi@^7.0.0"
-      },
-      "engines": {
-        "node": ">=12"
-      }
-    },
-    "node_modules/@isaacs/cliui/node_modules/ansi-regex": {
-      "version": "6.1.0",
-      "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-6.1.0.tgz",
-      "integrity": "sha512-7HSX4QQb4CspciLpVFwyRe79O3xsIZDDLER21kERQ71oaPodF8jL725AgJMFAYbooIqolJoRLuM81SpeUkpkvA==",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">=12"
-      },
-      "funding": {
-        "url": "https://github.com/chalk/ansi-regex?sponsor=1"
-      }
-    },
-    "node_modules/@isaacs/cliui/node_modules/ansi-styles": {
-      "version": "6.2.1",
-      "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-6.2.1.tgz",
-      "integrity": "sha512-bN798gFfQX+viw3R7yrGWRqnrN2oRkEkUjjl4JNn4E8GxxbjtG3FbrEIIY3l8/hrwUwIeCZvi4QuOTP4MErVug==",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">=12"
-      },
-      "funding": {
-        "url": "https://github.com/chalk/ansi-styles?sponsor=1"
-      }
-    },
-    "node_modules/@isaacs/cliui/node_modules/string-width": {
-      "version": "5.1.2",
-      "resolved": "https://registry.npmjs.org/string-width/-/string-width-5.1.2.tgz",
-      "integrity": "sha512-HnLOCR3vjcY8beoNLtcjZ5/nxn2afmME6lhrDrebokqMap+XbeW8n9TXpPDOqdGK5qcI3oT0GKTW6wC7EMiVqA==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "eastasianwidth": "^0.2.0",
-        "emoji-regex": "^9.2.2",
-        "strip-ansi": "^7.0.1"
-      },
-      "engines": {
-        "node": ">=12"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
-    "node_modules/@isaacs/cliui/node_modules/strip-ansi": {
-      "version": "7.1.0",
-      "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-7.1.0.tgz",
-      "integrity": "sha512-iq6eVVI64nQQTRYq2KtEg2d2uU7LElhTJwsH4YzIHZshxlgZms/wIc4VoDQTlG/IvVIrBKG06CrZnp0qv7hkcQ==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "ansi-regex": "^6.0.1"
-      },
-      "engines": {
-        "node": ">=12"
-      },
-      "funding": {
-        "url": "https://github.com/chalk/strip-ansi?sponsor=1"
-      }
-    },
-    "node_modules/@isaacs/cliui/node_modules/wrap-ansi": {
-      "version": "8.1.0",
-      "resolved": "https://registry.npmjs.org/wrap-ansi/-/wrap-ansi-8.1.0.tgz",
-      "integrity": "sha512-si7QWI6zUMq56bESFvagtmzMdGOtoxfR+Sez11Mobfc7tm+VkUckk9bW2UeffTGVUbOksxmSw0AA2gs8g71NCQ==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "ansi-styles": "^6.1.0",
-        "string-width": "^5.0.1",
-        "strip-ansi": "^7.0.1"
-      },
-      "engines": {
-        "node": ">=12"
-      },
-      "funding": {
-        "url": "https://github.com/chalk/wrap-ansi?sponsor=1"
-      }
-    },
     "node_modules/@istanbuljs/load-nyc-config": {
       "version": "1.1.0",
       "resolved": "https://registry.npmjs.org/@istanbuljs/load-nyc-config/-/load-nyc-config-1.1.0.tgz",
@@ -3182,15 +3187,311 @@
         "node": ">=12.4.0"
       }
     },
-    "node_modules/@pkgjs/parseargs": {
-      "version": "0.11.0",
-      "resolved": "https://registry.npmjs.org/@pkgjs/parseargs/-/parseargs-0.11.0.tgz",
-      "integrity": "sha512-+1VkjdD0QBLPodGrJUeqarH8VAIvQODIbwh9XpP5Syisf7YoQgsJKPNFoqqLQlu+VQ/tVSshMR6loPMn8U+dPg==",
-      "dev": true,
+    "node_modules/@parcel/watcher": {
+      "version": "2.5.4",
+      "resolved": "https://registry.npmjs.org/@parcel/watcher/-/watcher-2.5.4.tgz",
+      "integrity": "sha512-WYa2tUVV5HiArWPB3ydlOc4R2ivq0IDrlqhMi3l7mVsFEXNcTfxYFPIHXHXIh/ca/y/V5N4E1zecyxdIBjYnkQ==",
+      "hasInstallScript": true,
+      "license": "MIT",
+      "dependencies": {
+        "detect-libc": "^2.0.3",
+        "is-glob": "^4.0.3",
+        "node-addon-api": "^7.0.0",
+        "picomatch": "^4.0.3"
+      },
+      "engines": {
+        "node": ">= 10.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      },
+      "optionalDependencies": {
+        "@parcel/watcher-android-arm64": "2.5.4",
+        "@parcel/watcher-darwin-arm64": "2.5.4",
+        "@parcel/watcher-darwin-x64": "2.5.4",
+        "@parcel/watcher-freebsd-x64": "2.5.4",
+        "@parcel/watcher-linux-arm-glibc": "2.5.4",
+        "@parcel/watcher-linux-arm-musl": "2.5.4",
+        "@parcel/watcher-linux-arm64-glibc": "2.5.4",
+        "@parcel/watcher-linux-arm64-musl": "2.5.4",
+        "@parcel/watcher-linux-x64-glibc": "2.5.4",
+        "@parcel/watcher-linux-x64-musl": "2.5.4",
+        "@parcel/watcher-win32-arm64": "2.5.4",
+        "@parcel/watcher-win32-ia32": "2.5.4",
+        "@parcel/watcher-win32-x64": "2.5.4"
+      }
+    },
+    "node_modules/@parcel/watcher-android-arm64": {
+      "version": "2.5.4",
+      "resolved": "https://registry.npmjs.org/@parcel/watcher-android-arm64/-/watcher-android-arm64-2.5.4.tgz",
+      "integrity": "sha512-hoh0vx4v+b3BNI7Cjoy2/B0ARqcwVNrzN/n7DLq9ZB4I3lrsvhrkCViJyfTj/Qi5xM9YFiH4AmHGK6pgH1ss7g==",
+      "cpu": [
+        "arm64"
+      ],
       "license": "MIT",
       "optional": true,
+      "os": [
+        "android"
+      ],
       "engines": {
-        "node": ">=14"
+        "node": ">= 10.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      }
+    },
+    "node_modules/@parcel/watcher-darwin-arm64": {
+      "version": "2.5.4",
+      "resolved": "https://registry.npmjs.org/@parcel/watcher-darwin-arm64/-/watcher-darwin-arm64-2.5.4.tgz",
+      "integrity": "sha512-kphKy377pZiWpAOyTgQYPE5/XEKVMaj6VUjKT5VkNyUJlr2qZAn8gIc7CPzx+kbhvqHDT9d7EqdOqRXT6vk0zw==",
+      "cpu": [
+        "arm64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": ">= 10.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      }
+    },
+    "node_modules/@parcel/watcher-darwin-x64": {
+      "version": "2.5.4",
+      "resolved": "https://registry.npmjs.org/@parcel/watcher-darwin-x64/-/watcher-darwin-x64-2.5.4.tgz",
+      "integrity": "sha512-UKaQFhCtNJW1A9YyVz3Ju7ydf6QgrpNQfRZ35wNKUhTQ3dxJ/3MULXN5JN/0Z80V/KUBDGa3RZaKq1EQT2a2gg==",
+      "cpu": [
+        "x64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": ">= 10.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      }
+    },
+    "node_modules/@parcel/watcher-freebsd-x64": {
+      "version": "2.5.4",
+      "resolved": "https://registry.npmjs.org/@parcel/watcher-freebsd-x64/-/watcher-freebsd-x64-2.5.4.tgz",
+      "integrity": "sha512-Dib0Wv3Ow/m2/ttvLdeI2DBXloO7t3Z0oCp4bAb2aqyqOjKPPGrg10pMJJAQ7tt8P4V2rwYwywkDhUia/FgS+Q==",
+      "cpu": [
+        "x64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "freebsd"
+      ],
+      "engines": {
+        "node": ">= 10.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      }
+    },
+    "node_modules/@parcel/watcher-linux-arm-glibc": {
+      "version": "2.5.4",
+      "resolved": "https://registry.npmjs.org/@parcel/watcher-linux-arm-glibc/-/watcher-linux-arm-glibc-2.5.4.tgz",
+      "integrity": "sha512-I5Vb769pdf7Q7Sf4KNy8Pogl/URRCKu9ImMmnVKYayhynuyGYMzuI4UOWnegQNa2sGpsPSbzDsqbHNMyeyPCgw==",
+      "cpu": [
+        "arm"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">= 10.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      }
+    },
+    "node_modules/@parcel/watcher-linux-arm-musl": {
+      "version": "2.5.4",
+      "resolved": "https://registry.npmjs.org/@parcel/watcher-linux-arm-musl/-/watcher-linux-arm-musl-2.5.4.tgz",
+      "integrity": "sha512-kGO8RPvVrcAotV4QcWh8kZuHr9bXi9a3bSZw7kFarYR0+fGliU7hd/zevhjw8fnvIKG3J9EO5G6sXNGCSNMYPQ==",
+      "cpu": [
+        "arm"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">= 10.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      }
+    },
+    "node_modules/@parcel/watcher-linux-arm64-glibc": {
+      "version": "2.5.4",
+      "resolved": "https://registry.npmjs.org/@parcel/watcher-linux-arm64-glibc/-/watcher-linux-arm64-glibc-2.5.4.tgz",
+      "integrity": "sha512-KU75aooXhqGFY2W5/p8DYYHt4hrjHZod8AhcGAmhzPn/etTa+lYCDB2b1sJy3sWJ8ahFVTdy+EbqSBvMx3iFlw==",
+      "cpu": [
+        "arm64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">= 10.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      }
+    },
+    "node_modules/@parcel/watcher-linux-arm64-musl": {
+      "version": "2.5.4",
+      "resolved": "https://registry.npmjs.org/@parcel/watcher-linux-arm64-musl/-/watcher-linux-arm64-musl-2.5.4.tgz",
+      "integrity": "sha512-Qx8uNiIekVutnzbVdrgSanM+cbpDD3boB1f8vMtnuG5Zau4/bdDbXyKwIn0ToqFhIuob73bcxV9NwRm04/hzHQ==",
+      "cpu": [
+        "arm64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">= 10.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      }
+    },
+    "node_modules/@parcel/watcher-linux-x64-glibc": {
+      "version": "2.5.4",
+      "resolved": "https://registry.npmjs.org/@parcel/watcher-linux-x64-glibc/-/watcher-linux-x64-glibc-2.5.4.tgz",
+      "integrity": "sha512-UYBQvhYmgAv61LNUn24qGQdjtycFBKSK3EXr72DbJqX9aaLbtCOO8+1SkKhD/GNiJ97ExgcHBrukcYhVjrnogA==",
+      "cpu": [
+        "x64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">= 10.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      }
+    },
+    "node_modules/@parcel/watcher-linux-x64-musl": {
+      "version": "2.5.4",
+      "resolved": "https://registry.npmjs.org/@parcel/watcher-linux-x64-musl/-/watcher-linux-x64-musl-2.5.4.tgz",
+      "integrity": "sha512-YoRWCVgxv8akZrMhdyVi6/TyoeeMkQ0PGGOf2E4omODrvd1wxniXP+DBynKoHryStks7l+fDAMUBRzqNHrVOpg==",
+      "cpu": [
+        "x64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">= 10.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      }
+    },
+    "node_modules/@parcel/watcher-win32-arm64": {
+      "version": "2.5.4",
+      "resolved": "https://registry.npmjs.org/@parcel/watcher-win32-arm64/-/watcher-win32-arm64-2.5.4.tgz",
+      "integrity": "sha512-iby+D/YNXWkiQNYcIhg8P5hSjzXEHaQrk2SLrWOUD7VeC4Ohu0WQvmV+HDJokZVJ2UjJ4AGXW3bx7Lls9Ln4TQ==",
+      "cpu": [
+        "arm64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": ">= 10.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      }
+    },
+    "node_modules/@parcel/watcher-win32-ia32": {
+      "version": "2.5.4",
+      "resolved": "https://registry.npmjs.org/@parcel/watcher-win32-ia32/-/watcher-win32-ia32-2.5.4.tgz",
+      "integrity": "sha512-vQN+KIReG0a2ZDpVv8cgddlf67J8hk1WfZMMP7sMeZmJRSmEax5xNDNWKdgqSe2brOKTQQAs3aCCUal2qBHAyg==",
+      "cpu": [
+        "ia32"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": ">= 10.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      }
+    },
+    "node_modules/@parcel/watcher-win32-x64": {
+      "version": "2.5.4",
+      "resolved": "https://registry.npmjs.org/@parcel/watcher-win32-x64/-/watcher-win32-x64-2.5.4.tgz",
+      "integrity": "sha512-3A6efb6BOKwyw7yk9ro2vus2YTt2nvcd56AuzxdMiVOxL9umDyN5PKkKfZ/gZ9row41SjVmTVQNWQhaRRGpOKw==",
+      "cpu": [
+        "x64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": ">= 10.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      }
+    },
+    "node_modules/@parcel/watcher/node_modules/picomatch": {
+      "version": "4.0.3",
+      "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-4.0.3.tgz",
+      "integrity": "sha512-5gTmgEY/sqK6gFXLIsQNH19lWb4ebPDLA4SdLP7dsWkIXHWlG66oPuVvXSGFPppYZz8ZDZq0dYYrbHfBCVUb1Q==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/jonschlinkert"
       }
     },
     "node_modules/@playwright/test": {
@@ -3343,6 +3644,12 @@
         "@redis/client": "^5.10.0"
       }
     },
+    "node_modules/@remirror/core-constants": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/@remirror/core-constants/-/core-constants-3.0.0.tgz",
+      "integrity": "sha512-42aWfPrimMfDKDi4YegyS7x+/0tlzaqwPQCULLanv3DMIlu96KTJR0fM5isWX2UViOqlGnX6YFgqWepcX+XMNg==",
+      "license": "MIT"
+    },
     "node_modules/@resvg/resvg-wasm": {
       "version": "2.4.0",
       "resolved": "https://registry.npmjs.org/@resvg/resvg-wasm/-/resvg-wasm-2.4.0.tgz",
@@ -3366,6 +3673,12 @@
       "dev": true,
       "license": "MIT"
     },
+    "node_modules/@schummar/icu-type-parser": {
+      "version": "1.21.5",
+      "resolved": "https://registry.npmjs.org/@schummar/icu-type-parser/-/icu-type-parser-1.21.5.tgz",
+      "integrity": "sha512-bXHSaW5jRTmke9Vd0h5P7BtWZG9Znqb8gSDxZnxaGSJnGwPLDPfS+3g0BKzeWqzgZPsIVZkM7m2tbo18cm5HBw==",
+      "license": "MIT"
+    },
     "node_modules/@shuding/opentype.js": {
       "version": "1.4.0-beta.0",
       "resolved": "https://registry.npmjs.org/@shuding/opentype.js/-/opentype.js-1.4.0-beta.0.tgz",
@@ -4044,6 +4357,172 @@
         "node": ">=18.0.0"
       }
     },
+    "node_modules/@swc/core-darwin-arm64": {
+      "version": "1.15.8",
+      "resolved": "https://registry.npmjs.org/@swc/core-darwin-arm64/-/core-darwin-arm64-1.15.8.tgz",
+      "integrity": "sha512-M9cK5GwyWWRkRGwwCbREuj6r8jKdES/haCZ3Xckgkl8MUQJZA3XB7IXXK1IXRNeLjg6m7cnoMICpXv1v1hlJOg==",
+      "cpu": [
+        "arm64"
+      ],
+      "license": "Apache-2.0 AND MIT",
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/@swc/core-darwin-x64": {
+      "version": "1.15.8",
+      "resolved": "https://registry.npmjs.org/@swc/core-darwin-x64/-/core-darwin-x64-1.15.8.tgz",
+      "integrity": "sha512-j47DasuOvXl80sKJHSi2X25l44CMc3VDhlJwA7oewC1nV1VsSzwX+KOwE5tLnfORvVJJyeiXgJORNYg4jeIjYQ==",
+      "cpu": [
+        "x64"
+      ],
+      "license": "Apache-2.0 AND MIT",
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/@swc/core-linux-arm-gnueabihf": {
+      "version": "1.15.8",
+      "resolved": "https://registry.npmjs.org/@swc/core-linux-arm-gnueabihf/-/core-linux-arm-gnueabihf-1.15.8.tgz",
+      "integrity": "sha512-siAzDENu2rUbwr9+fayWa26r5A9fol1iORG53HWxQL1J8ym4k7xt9eME0dMPXlYZDytK5r9sW8zEA10F2U3Xwg==",
+      "cpu": [
+        "arm"
+      ],
+      "license": "Apache-2.0",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/@swc/core-linux-arm64-gnu": {
+      "version": "1.15.8",
+      "resolved": "https://registry.npmjs.org/@swc/core-linux-arm64-gnu/-/core-linux-arm64-gnu-1.15.8.tgz",
+      "integrity": "sha512-o+1y5u6k2FfPYbTRUPvurwzNt5qd0NTumCTFscCNuBksycloXY16J8L+SMW5QRX59n4Hp9EmFa3vpvNHRVv1+Q==",
+      "cpu": [
+        "arm64"
+      ],
+      "license": "Apache-2.0 AND MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/@swc/core-linux-arm64-musl": {
+      "version": "1.15.8",
+      "resolved": "https://registry.npmjs.org/@swc/core-linux-arm64-musl/-/core-linux-arm64-musl-1.15.8.tgz",
+      "integrity": "sha512-koiCqL09EwOP1S2RShCI7NbsQuG6r2brTqUYE7pV7kZm9O17wZ0LSz22m6gVibpwEnw8jI3IE1yYsQTVpluALw==",
+      "cpu": [
+        "arm64"
+      ],
+      "license": "Apache-2.0 AND MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/@swc/core-linux-x64-gnu": {
+      "version": "1.15.8",
+      "resolved": "https://registry.npmjs.org/@swc/core-linux-x64-gnu/-/core-linux-x64-gnu-1.15.8.tgz",
+      "integrity": "sha512-4p6lOMU3bC+Vd5ARtKJ/FxpIC5G8v3XLoPEZ5s7mLR8h7411HWC/LmTXDHcrSXRC55zvAVia1eldy6zDLz8iFQ==",
+      "cpu": [
+        "x64"
+      ],
+      "license": "Apache-2.0 AND MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/@swc/core-linux-x64-musl": {
+      "version": "1.15.8",
+      "resolved": "https://registry.npmjs.org/@swc/core-linux-x64-musl/-/core-linux-x64-musl-1.15.8.tgz",
+      "integrity": "sha512-z3XBnbrZAL+6xDGAhJoN4lOueIxC/8rGrJ9tg+fEaeqLEuAtHSW2QHDHxDwkxZMjuF/pZ6MUTjHjbp8wLbuRLA==",
+      "cpu": [
+        "x64"
+      ],
+      "license": "Apache-2.0 AND MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/@swc/core-win32-arm64-msvc": {
+      "version": "1.15.8",
+      "resolved": "https://registry.npmjs.org/@swc/core-win32-arm64-msvc/-/core-win32-arm64-msvc-1.15.8.tgz",
+      "integrity": "sha512-djQPJ9Rh9vP8GTS/Df3hcc6XP6xnG5c8qsngWId/BLA9oX6C7UzCPAn74BG/wGb9a6j4w3RINuoaieJB3t+7iQ==",
+      "cpu": [
+        "arm64"
+      ],
+      "license": "Apache-2.0 AND MIT",
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/@swc/core-win32-ia32-msvc": {
+      "version": "1.15.8",
+      "resolved": "https://registry.npmjs.org/@swc/core-win32-ia32-msvc/-/core-win32-ia32-msvc-1.15.8.tgz",
+      "integrity": "sha512-/wfAgxORg2VBaUoFdytcVBVCgf1isWZIEXB9MZEUty4wwK93M/PxAkjifOho9RN3WrM3inPLabICRCEgdHpKKQ==",
+      "cpu": [
+        "ia32"
+      ],
+      "license": "Apache-2.0 AND MIT",
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/@swc/core-win32-x64-msvc": {
+      "version": "1.15.8",
+      "resolved": "https://registry.npmjs.org/@swc/core-win32-x64-msvc/-/core-win32-x64-msvc-1.15.8.tgz",
+      "integrity": "sha512-GpMePrh9Sl4d61o4KAHOOv5is5+zt6BEXCOCgs/H0FLGeii7j9bWDE8ExvKFy2GRRZVNR1ugsnzaGWHKM6kuzA==",
+      "cpu": [
+        "x64"
+      ],
+      "license": "Apache-2.0 AND MIT",
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/@swc/counter": {
+      "version": "0.1.3",
+      "resolved": "https://registry.npmjs.org/@swc/counter/-/counter-0.1.3.tgz",
+      "integrity": "sha512-e2BR4lsJkkRlKZ/qCHPw9ZaSxc0MVUd7gtbtaB7aMvHeJVYe8sOB8DBZkP2DtISHGSku9sCK6T6cnY0CtXrOCQ==",
+      "license": "Apache-2.0"
+    },
     "node_modules/@swc/helpers": {
       "version": "0.5.15",
       "resolved": "https://registry.npmjs.org/@swc/helpers/-/helpers-0.5.15.tgz",
@@ -4053,6 +4532,15 @@
         "tslib": "^2.8.0"
       }
     },
+    "node_modules/@swc/types": {
+      "version": "0.1.25",
+      "resolved": "https://registry.npmjs.org/@swc/types/-/types-0.1.25.tgz",
+      "integrity": "sha512-iAoY/qRhNH8a/hBvm3zKj9qQ4oc2+3w1unPJa2XvTK3XjeLXtzcCingVPw/9e5mn1+0yPqxcBGp9Jf0pkfMb1g==",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@swc/counter": "^0.1.3"
+      }
+    },
     "node_modules/@testing-library/dom": {
       "version": "10.4.1",
       "resolved": "https://registry.npmjs.org/@testing-library/dom/-/dom-10.4.1.tgz",
@@ -4128,6 +4616,494 @@
         }
       }
     },
+    "node_modules/@tiptap/core": {
+      "version": "3.15.3",
+      "resolved": "https://registry.npmjs.org/@tiptap/core/-/core-3.15.3.tgz",
+      "integrity": "sha512-bmXydIHfm2rEtGju39FiQNfzkFx9CDvJe+xem1dgEZ2P6Dj7nQX9LnA1ZscW7TuzbBRkL5p3dwuBIi3f62A66A==",
+      "license": "MIT",
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/ueberdosis"
+      },
+      "peerDependencies": {
+        "@tiptap/pm": "^3.15.3"
+      }
+    },
+    "node_modules/@tiptap/extension-blockquote": {
+      "version": "3.15.3",
+      "resolved": "https://registry.npmjs.org/@tiptap/extension-blockquote/-/extension-blockquote-3.15.3.tgz",
+      "integrity": "sha512-13x5UsQXtttFpoS/n1q173OeurNxppsdWgP3JfsshzyxIghhC141uL3H6SGYQLPU31AizgDs2OEzt6cSUevaZg==",
+      "license": "MIT",
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/ueberdosis"
+      },
+      "peerDependencies": {
+        "@tiptap/core": "^3.15.3"
+      }
+    },
+    "node_modules/@tiptap/extension-bold": {
+      "version": "3.15.3",
+      "resolved": "https://registry.npmjs.org/@tiptap/extension-bold/-/extension-bold-3.15.3.tgz",
+      "integrity": "sha512-I8JYbkkUTNUXbHd/wCse2bR0QhQtJD7+0/lgrKOmGfv5ioLxcki079Nzuqqay3PjgYoJLIJQvm3RAGxT+4X91w==",
+      "license": "MIT",
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/ueberdosis"
+      },
+      "peerDependencies": {
+        "@tiptap/core": "^3.15.3"
+      }
+    },
+    "node_modules/@tiptap/extension-bubble-menu": {
+      "version": "3.15.3",
+      "resolved": "https://registry.npmjs.org/@tiptap/extension-bubble-menu/-/extension-bubble-menu-3.15.3.tgz",
+      "integrity": "sha512-e88DG1bTy6hKxrt7iPVQhJnH5/EOrnKpIyp09dfRDgWrrW88fE0Qjys7a/eT8W+sXyXM3z10Ye7zpERWsrLZDg==",
+      "license": "MIT",
+      "optional": true,
+      "dependencies": {
+        "@floating-ui/dom": "^1.0.0"
+      },
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/ueberdosis"
+      },
+      "peerDependencies": {
+        "@tiptap/core": "^3.15.3",
+        "@tiptap/pm": "^3.15.3"
+      }
+    },
+    "node_modules/@tiptap/extension-bullet-list": {
+      "version": "3.15.3",
+      "resolved": "https://registry.npmjs.org/@tiptap/extension-bullet-list/-/extension-bullet-list-3.15.3.tgz",
+      "integrity": "sha512-MGwEkNT7ltst6XaWf0ObNgpKQ4PvuuV3igkBrdYnQS+qaAx9IF4isygVPqUc9DvjYC306jpyKsNqNrENIXcosA==",
+      "license": "MIT",
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/ueberdosis"
+      },
+      "peerDependencies": {
+        "@tiptap/extension-list": "^3.15.3"
+      }
+    },
+    "node_modules/@tiptap/extension-code": {
+      "version": "3.15.3",
+      "resolved": "https://registry.npmjs.org/@tiptap/extension-code/-/extension-code-3.15.3.tgz",
+      "integrity": "sha512-x6LFt3Og6MFINYpsMzrJnz7vaT9Yk1t4oXkbJsJRSavdIWBEBcoRudKZ4sSe/AnsYlRJs8FY2uR76mt9e+7xAQ==",
+      "license": "MIT",
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/ueberdosis"
+      },
+      "peerDependencies": {
+        "@tiptap/core": "^3.15.3"
+      }
+    },
+    "node_modules/@tiptap/extension-code-block": {
+      "version": "3.15.3",
+      "resolved": "https://registry.npmjs.org/@tiptap/extension-code-block/-/extension-code-block-3.15.3.tgz",
+      "integrity": "sha512-q1UB9icNfdJppTqMIUWfoRKkx5SSdWIpwZoL2NeOI5Ah3E20/dQKVttIgLhsE521chyvxCYCRaHD5tMNGKfhyw==",
+      "license": "MIT",
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/ueberdosis"
+      },
+      "peerDependencies": {
+        "@tiptap/core": "^3.15.3",
+        "@tiptap/pm": "^3.15.3"
+      }
+    },
+    "node_modules/@tiptap/extension-color": {
+      "version": "3.15.3",
+      "resolved": "https://registry.npmjs.org/@tiptap/extension-color/-/extension-color-3.15.3.tgz",
+      "integrity": "sha512-GS+LEJ7YC7J6CiQ/caTDVyKg+ZlU4B5ofzAZ0iCWPahjMyUUZImzXvoRlfMumAiPG+IUW9PC2BztSGd3SCLpGA==",
+      "license": "MIT",
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/ueberdosis"
+      },
+      "peerDependencies": {
+        "@tiptap/extension-text-style": "^3.15.3"
+      }
+    },
+    "node_modules/@tiptap/extension-document": {
+      "version": "3.15.3",
+      "resolved": "https://registry.npmjs.org/@tiptap/extension-document/-/extension-document-3.15.3.tgz",
+      "integrity": "sha512-AC72nI2gnogBuETCKbZekn+h6t5FGGcZG2abPGKbz/x9rwpb6qV2hcbAQ30t6M7H6cTOh2/Ut8bEV2MtMB15sw==",
+      "license": "MIT",
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/ueberdosis"
+      },
+      "peerDependencies": {
+        "@tiptap/core": "^3.15.3"
+      }
+    },
+    "node_modules/@tiptap/extension-dropcursor": {
+      "version": "3.15.3",
+      "resolved": "https://registry.npmjs.org/@tiptap/extension-dropcursor/-/extension-dropcursor-3.15.3.tgz",
+      "integrity": "sha512-jGI5XZpdo8GSYQFj7HY15/oEwC2m2TqZz0/Fln5qIhY32XlZhWrsMuMI6WbUJrTH16es7xO6jmRlDsc6g+vJWg==",
+      "license": "MIT",
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/ueberdosis"
+      },
+      "peerDependencies": {
+        "@tiptap/extensions": "^3.15.3"
+      }
+    },
+    "node_modules/@tiptap/extension-floating-menu": {
+      "version": "3.15.3",
+      "resolved": "https://registry.npmjs.org/@tiptap/extension-floating-menu/-/extension-floating-menu-3.15.3.tgz",
+      "integrity": "sha512-+3DVBleKKffadEJEdLYxmYAJOjHjLSqtiSFUE3RABT4V2ka1ODy2NIpyKX0o1SvQ5N1jViYT9Q+yUbNa6zCcDw==",
+      "license": "MIT",
+      "optional": true,
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/ueberdosis"
+      },
+      "peerDependencies": {
+        "@floating-ui/dom": "^1.0.0",
+        "@tiptap/core": "^3.15.3",
+        "@tiptap/pm": "^3.15.3"
+      }
+    },
+    "node_modules/@tiptap/extension-gapcursor": {
+      "version": "3.15.3",
+      "resolved": "https://registry.npmjs.org/@tiptap/extension-gapcursor/-/extension-gapcursor-3.15.3.tgz",
+      "integrity": "sha512-Kaw0sNzP0bQI/xEAMSfIpja6xhsu9WqqAK/puzOIS1RKWO47Wps/tzqdSJ9gfslPIb5uY5mKCfy8UR8Xgiia8w==",
+      "license": "MIT",
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/ueberdosis"
+      },
+      "peerDependencies": {
+        "@tiptap/extensions": "^3.15.3"
+      }
+    },
+    "node_modules/@tiptap/extension-hard-break": {
+      "version": "3.15.3",
+      "resolved": "https://registry.npmjs.org/@tiptap/extension-hard-break/-/extension-hard-break-3.15.3.tgz",
+      "integrity": "sha512-8HjxmeRbBiXW+7JKemAJtZtHlmXQ9iji398CPQ0yYde68WbIvUhHXjmbJE5pxFvvQTJ/zJv1aISeEOZN2bKBaw==",
+      "license": "MIT",
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/ueberdosis"
+      },
+      "peerDependencies": {
+        "@tiptap/core": "^3.15.3"
+      }
+    },
+    "node_modules/@tiptap/extension-heading": {
+      "version": "3.15.3",
+      "resolved": "https://registry.npmjs.org/@tiptap/extension-heading/-/extension-heading-3.15.3.tgz",
+      "integrity": "sha512-G1GG6iN1YXPS+75arDpo+bYRzhr3dNDw99c7D7na3aDawa9Qp7sZ/bVrzFUUcVEce0cD6h83yY7AooBxEc67hA==",
+      "license": "MIT",
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/ueberdosis"
+      },
+      "peerDependencies": {
+        "@tiptap/core": "^3.15.3"
+      }
+    },
+    "node_modules/@tiptap/extension-highlight": {
+      "version": "3.15.3",
+      "resolved": "https://registry.npmjs.org/@tiptap/extension-highlight/-/extension-highlight-3.15.3.tgz",
+      "integrity": "sha512-ZZyuKGW4WrMx3pBEfsHqOcqEklfiiAjVuvhji9FJcip1w0B2OnMWkgZw7rdAlsQG8pGH6NWh9Gf2DOUsjuAa6A==",
+      "license": "MIT",
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/ueberdosis"
+      },
+      "peerDependencies": {
+        "@tiptap/core": "^3.15.3"
+      }
+    },
+    "node_modules/@tiptap/extension-horizontal-rule": {
+      "version": "3.15.3",
+      "resolved": "https://registry.npmjs.org/@tiptap/extension-horizontal-rule/-/extension-horizontal-rule-3.15.3.tgz",
+      "integrity": "sha512-FYkN7L6JsfwwNEntmLklCVKvgL0B0N47OXMacRk6kYKQmVQ4Nvc7q/VJLpD9sk4wh4KT1aiCBfhKEBTu5pv1fg==",
+      "license": "MIT",
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/ueberdosis"
+      },
+      "peerDependencies": {
+        "@tiptap/core": "^3.15.3",
+        "@tiptap/pm": "^3.15.3"
+      }
+    },
+    "node_modules/@tiptap/extension-italic": {
+      "version": "3.15.3",
+      "resolved": "https://registry.npmjs.org/@tiptap/extension-italic/-/extension-italic-3.15.3.tgz",
+      "integrity": "sha512-6XeuPjcWy7OBxpkgOV7bD6PATO5jhIxc8SEK4m8xn8nelGTBIbHGqK37evRv+QkC7E0MUryLtzwnmmiaxcKL0Q==",
+      "license": "MIT",
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/ueberdosis"
+      },
+      "peerDependencies": {
+        "@tiptap/core": "^3.15.3"
+      }
+    },
+    "node_modules/@tiptap/extension-link": {
+      "version": "3.15.3",
+      "resolved": "https://registry.npmjs.org/@tiptap/extension-link/-/extension-link-3.15.3.tgz",
+      "integrity": "sha512-PdDXyBF9Wco9U1x6e+b7tKBWG+kqBDXDmaYXHkFm/gYuQCQafVJ5mdrDdKgkHDWVnJzMWZXBcZjT9r57qtlLWg==",
+      "license": "MIT",
+      "dependencies": {
+        "linkifyjs": "^4.3.2"
+      },
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/ueberdosis"
+      },
+      "peerDependencies": {
+        "@tiptap/core": "^3.15.3",
+        "@tiptap/pm": "^3.15.3"
+      }
+    },
+    "node_modules/@tiptap/extension-list": {
+      "version": "3.15.3",
+      "resolved": "https://registry.npmjs.org/@tiptap/extension-list/-/extension-list-3.15.3.tgz",
+      "integrity": "sha512-n7y/MF9lAM5qlpuH5IR4/uq+kJPEJpe9NrEiH+NmkO/5KJ6cXzpJ6F4U17sMLf2SNCq+TWN9QK8QzoKxIn50VQ==",
+      "license": "MIT",
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/ueberdosis"
+      },
+      "peerDependencies": {
+        "@tiptap/core": "^3.15.3",
+        "@tiptap/pm": "^3.15.3"
+      }
+    },
+    "node_modules/@tiptap/extension-list-item": {
+      "version": "3.15.3",
+      "resolved": "https://registry.npmjs.org/@tiptap/extension-list-item/-/extension-list-item-3.15.3.tgz",
+      "integrity": "sha512-CCxL5ek1p0lO5e8aqhnPzIySldXRSigBFk2fP9OLgdl5qKFLs2MGc19jFlx5+/kjXnEsdQTFbGY1Sizzt0TVDw==",
+      "license": "MIT",
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/ueberdosis"
+      },
+      "peerDependencies": {
+        "@tiptap/extension-list": "^3.15.3"
+      }
+    },
+    "node_modules/@tiptap/extension-list-keymap": {
+      "version": "3.15.3",
+      "resolved": "https://registry.npmjs.org/@tiptap/extension-list-keymap/-/extension-list-keymap-3.15.3.tgz",
+      "integrity": "sha512-UxqnTEEAKrL+wFQeSyC9z0mgyUUVRS2WTcVFoLZCE6/Xus9F53S4bl7VKFadjmqI4GpDk5Oe2IOUc72o129jWg==",
+      "license": "MIT",
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/ueberdosis"
+      },
+      "peerDependencies": {
+        "@tiptap/extension-list": "^3.15.3"
+      }
+    },
+    "node_modules/@tiptap/extension-ordered-list": {
+      "version": "3.15.3",
+      "resolved": "https://registry.npmjs.org/@tiptap/extension-ordered-list/-/extension-ordered-list-3.15.3.tgz",
+      "integrity": "sha512-/8uhw528Iy0c9wF6tHCiIn0ToM0Ml6Ll2c/3iPRnKr4IjXwx2Lr994stUFihb+oqGZwV1J8CPcZJ4Ufpdqi4Dw==",
+      "license": "MIT",
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/ueberdosis"
+      },
+      "peerDependencies": {
+        "@tiptap/extension-list": "^3.15.3"
+      }
+    },
+    "node_modules/@tiptap/extension-paragraph": {
+      "version": "3.15.3",
+      "resolved": "https://registry.npmjs.org/@tiptap/extension-paragraph/-/extension-paragraph-3.15.3.tgz",
+      "integrity": "sha512-lc0Qu/1AgzcEfS67NJMj5tSHHhH6NtA6uUpvppEKGsvJwgE2wKG1onE4isrVXmcGRdxSMiCtyTDemPNMu6/ozQ==",
+      "license": "MIT",
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/ueberdosis"
+      },
+      "peerDependencies": {
+        "@tiptap/core": "^3.15.3"
+      }
+    },
+    "node_modules/@tiptap/extension-strike": {
+      "version": "3.15.3",
+      "resolved": "https://registry.npmjs.org/@tiptap/extension-strike/-/extension-strike-3.15.3.tgz",
+      "integrity": "sha512-Y1P3eGNY7RxQs2BcR6NfLo9VfEOplXXHAqkOM88oowWWOE7dMNeFFZM9H8HNxoQgXJ7H0aWW9B7ZTWM9hWli2Q==",
+      "license": "MIT",
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/ueberdosis"
+      },
+      "peerDependencies": {
+        "@tiptap/core": "^3.15.3"
+      }
+    },
+    "node_modules/@tiptap/extension-text": {
+      "version": "3.15.3",
+      "resolved": "https://registry.npmjs.org/@tiptap/extension-text/-/extension-text-3.15.3.tgz",
+      "integrity": "sha512-MhkBz8ZvrqOKtKNp+ZWISKkLUlTrDR7tbKZc2OnNcUTttL9dz0HwT+cg91GGz19fuo7ttDcfsPV6eVmflvGToA==",
+      "license": "MIT",
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/ueberdosis"
+      },
+      "peerDependencies": {
+        "@tiptap/core": "^3.15.3"
+      }
+    },
+    "node_modules/@tiptap/extension-text-style": {
+      "version": "3.15.3",
+      "resolved": "https://registry.npmjs.org/@tiptap/extension-text-style/-/extension-text-style-3.15.3.tgz",
+      "integrity": "sha512-/M7fuGRPVkeM14rQ1bNiLZUs2N+FuVhIsLEwNKKk7GaTGKHzmkC1b2COmbICivuFYf90KWzaG0R+Pm7cnW6KaA==",
+      "license": "MIT",
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/ueberdosis"
+      },
+      "peerDependencies": {
+        "@tiptap/core": "^3.15.3"
+      }
+    },
+    "node_modules/@tiptap/extension-underline": {
+      "version": "3.15.3",
+      "resolved": "https://registry.npmjs.org/@tiptap/extension-underline/-/extension-underline-3.15.3.tgz",
+      "integrity": "sha512-r/IwcNN0W366jGu4Y0n2MiFq9jGa4aopOwtfWO4d+J0DyeS2m7Go3+KwoUqi0wQTiVU74yfi4DF6eRsMQ9/iHQ==",
+      "license": "MIT",
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/ueberdosis"
+      },
+      "peerDependencies": {
+        "@tiptap/core": "^3.15.3"
+      }
+    },
+    "node_modules/@tiptap/extensions": {
+      "version": "3.15.3",
+      "resolved": "https://registry.npmjs.org/@tiptap/extensions/-/extensions-3.15.3.tgz",
+      "integrity": "sha512-ycx/BgxR4rc9tf3ZyTdI98Z19yKLFfqM3UN+v42ChuIwkzyr9zyp7kG8dB9xN2lNqrD+5y/HyJobz/VJ7T90gA==",
+      "license": "MIT",
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/ueberdosis"
+      },
+      "peerDependencies": {
+        "@tiptap/core": "^3.15.3",
+        "@tiptap/pm": "^3.15.3"
+      }
+    },
+    "node_modules/@tiptap/html": {
+      "version": "3.15.3",
+      "resolved": "https://registry.npmjs.org/@tiptap/html/-/html-3.15.3.tgz",
+      "integrity": "sha512-ftoWrgev05gDyor3YtJ5LJ0KHb/CKTR45zltGB9/cn+3IAOGuDrhmd8qO3o+E2VbsKR50yaiOCxtS36HYM9tQA==",
+      "license": "MIT",
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/ueberdosis"
+      },
+      "peerDependencies": {
+        "@tiptap/core": "^3.15.3",
+        "@tiptap/pm": "^3.15.3",
+        "happy-dom": "^20.0.2"
+      }
+    },
+    "node_modules/@tiptap/pm": {
+      "version": "3.15.3",
+      "resolved": "https://registry.npmjs.org/@tiptap/pm/-/pm-3.15.3.tgz",
+      "integrity": "sha512-Zm1BaU1TwFi3CQiisxjgnzzIus+q40bBKWLqXf6WEaus8Z6+vo1MT2pU52dBCMIRaW9XNDq3E5cmGtMc1AlveA==",
+      "license": "MIT",
+      "dependencies": {
+        "prosemirror-changeset": "^2.3.0",
+        "prosemirror-collab": "^1.3.1",
+        "prosemirror-commands": "^1.6.2",
+        "prosemirror-dropcursor": "^1.8.1",
+        "prosemirror-gapcursor": "^1.3.2",
+        "prosemirror-history": "^1.4.1",
+        "prosemirror-inputrules": "^1.4.0",
+        "prosemirror-keymap": "^1.2.2",
+        "prosemirror-markdown": "^1.13.1",
+        "prosemirror-menu": "^1.2.4",
+        "prosemirror-model": "^1.24.1",
+        "prosemirror-schema-basic": "^1.2.3",
+        "prosemirror-schema-list": "^1.5.0",
+        "prosemirror-state": "^1.4.3",
+        "prosemirror-tables": "^1.6.4",
+        "prosemirror-trailing-node": "^3.0.0",
+        "prosemirror-transform": "^1.10.2",
+        "prosemirror-view": "^1.38.1"
+      },
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/ueberdosis"
+      }
+    },
+    "node_modules/@tiptap/react": {
+      "version": "3.15.3",
+      "resolved": "https://registry.npmjs.org/@tiptap/react/-/react-3.15.3.tgz",
+      "integrity": "sha512-XvouB+Hrqw8yFmZLPEh+HWlMeRSjZfHSfWfWuw5d8LSwnxnPeu3Bg/rjHrRrdwb+7FumtzOnNWMorpb/PSOttQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@types/use-sync-external-store": "^0.0.6",
+        "fast-equals": "^5.3.3",
+        "use-sync-external-store": "^1.4.0"
+      },
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/ueberdosis"
+      },
+      "optionalDependencies": {
+        "@tiptap/extension-bubble-menu": "^3.15.3",
+        "@tiptap/extension-floating-menu": "^3.15.3"
+      },
+      "peerDependencies": {
+        "@tiptap/core": "^3.15.3",
+        "@tiptap/pm": "^3.15.3",
+        "@types/react": "^17.0.0 || ^18.0.0 || ^19.0.0",
+        "@types/react-dom": "^17.0.0 || ^18.0.0 || ^19.0.0",
+        "react": "^17.0.0 || ^18.0.0 || ^19.0.0",
+        "react-dom": "^17.0.0 || ^18.0.0 || ^19.0.0"
+      }
+    },
+    "node_modules/@tiptap/starter-kit": {
+      "version": "3.15.3",
+      "resolved": "https://registry.npmjs.org/@tiptap/starter-kit/-/starter-kit-3.15.3.tgz",
+      "integrity": "sha512-ia+eQr9Mt1ln2UO+kK4kFTJOrZK4GhvZXFjpCCYuHtco3rhr2fZAIxEEY4cl/vo5VO5WWyPqxhkFeLcoWmNjSw==",
+      "license": "MIT",
+      "dependencies": {
+        "@tiptap/core": "^3.15.3",
+        "@tiptap/extension-blockquote": "^3.15.3",
+        "@tiptap/extension-bold": "^3.15.3",
+        "@tiptap/extension-bullet-list": "^3.15.3",
+        "@tiptap/extension-code": "^3.15.3",
+        "@tiptap/extension-code-block": "^3.15.3",
+        "@tiptap/extension-document": "^3.15.3",
+        "@tiptap/extension-dropcursor": "^3.15.3",
+        "@tiptap/extension-gapcursor": "^3.15.3",
+        "@tiptap/extension-hard-break": "^3.15.3",
+        "@tiptap/extension-heading": "^3.15.3",
+        "@tiptap/extension-horizontal-rule": "^3.15.3",
+        "@tiptap/extension-italic": "^3.15.3",
+        "@tiptap/extension-link": "^3.15.3",
+        "@tiptap/extension-list": "^3.15.3",
+        "@tiptap/extension-list-item": "^3.15.3",
+        "@tiptap/extension-list-keymap": "^3.15.3",
+        "@tiptap/extension-ordered-list": "^3.15.3",
+        "@tiptap/extension-paragraph": "^3.15.3",
+        "@tiptap/extension-strike": "^3.15.3",
+        "@tiptap/extension-text": "^3.15.3",
+        "@tiptap/extension-underline": "^3.15.3",
+        "@tiptap/extensions": "^3.15.3",
+        "@tiptap/pm": "^3.15.3"
+      },
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/ueberdosis"
+      }
+    },
     "node_modules/@tootallnate/once": {
       "version": "2.0.0",
       "resolved": "https://registry.npmjs.org/@tootallnate/once/-/once-2.0.0.tgz",
@@ -4357,6 +5333,22 @@
       "dev": true,
       "license": "MIT"
     },
+    "node_modules/@types/linkify-it": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/@types/linkify-it/-/linkify-it-5.0.0.tgz",
+      "integrity": "sha512-sVDA58zAw4eWAffKOaQH5/5j3XeayukzDk+ewSsnv3p4yJEZHCCzMDiZM8e0OUrRvmpGZ85jf4yDHkHsgBNr9Q==",
+      "license": "MIT"
+    },
+    "node_modules/@types/markdown-it": {
+      "version": "14.1.2",
+      "resolved": "https://registry.npmjs.org/@types/markdown-it/-/markdown-it-14.1.2.tgz",
+      "integrity": "sha512-promo4eFwuiW+TfGxhi+0x3czqTYJkG8qB17ZUJiVF10Xm7NLVRSLUsfRTU/6h1e24VvRnXCx+hG7li58lkzog==",
+      "license": "MIT",
+      "dependencies": {
+        "@types/linkify-it": "^5",
+        "@types/mdurl": "^2"
+      }
+    },
     "node_modules/@types/mdast": {
       "version": "4.0.4",
       "resolved": "https://registry.npmjs.org/@types/mdast/-/mdast-4.0.4.tgz",
@@ -4365,6 +5357,12 @@
         "@types/unist": "*"
       }
     },
+    "node_modules/@types/mdurl": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/@types/mdurl/-/mdurl-2.0.0.tgz",
+      "integrity": "sha512-RGdgjQUZba5p6QEFAVx2OGb8rQDL/cPRG7GiedRzMcJ1tYnUANBncjbSB1NRGwbvjcPeikRABz2nshyPk1bhWg==",
+      "license": "MIT"
+    },
     "node_modules/@types/ms": {
       "version": "2.1.0",
       "resolved": "https://registry.npmjs.org/@types/ms/-/ms-2.1.0.tgz",
@@ -4374,7 +5372,6 @@
       "version": "20.19.11",
       "resolved": "https://registry.npmjs.org/@types/node/-/node-20.19.11.tgz",
       "integrity": "sha512-uug3FEEGv0r+jrecvUUpbY8lLisvIjg6AAic6a2bSP5OEOLeJsDSnvhCDov7ipFFMXS3orMpzlmi0ZcuGkBbow==",
-      "dev": true,
       "dependencies": {
         "undici-types": "~6.21.0"
       }
@@ -4413,7 +5410,6 @@
       "version": "19.2.3",
       "resolved": "https://registry.npmjs.org/@types/react-dom/-/react-dom-19.2.3.tgz",
       "integrity": "sha512-jp2L/eY6fn+KgVVQAOqYItbF0VY/YApe5Mz2F0aykSO8gx31bYCZyvSeYxCHKvzHG5eZjc+zyaS5BrBWya2+kQ==",
-      "dev": true,
       "license": "MIT",
       "peerDependencies": {
         "@types/react": "^19.2.0"
@@ -4438,6 +5434,16 @@
         "@types/react": "*"
       }
     },
+    "node_modules/@types/sanitize-html": {
+      "version": "2.16.0",
+      "resolved": "https://registry.npmjs.org/@types/sanitize-html/-/sanitize-html-2.16.0.tgz",
+      "integrity": "sha512-l6rX1MUXje5ztPT0cAFtUayXF06DqPhRyfVXareEN5gGCFaP/iwsxIyKODr9XDhfxPpN6vXUFNfo5kZMXCxBtw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "htmlparser2": "^8.0.0"
+      }
+    },
     "node_modules/@types/stack-utils": {
       "version": "2.0.3",
       "resolved": "https://registry.npmjs.org/@types/stack-utils/-/stack-utils-2.0.3.tgz",
@@ -4457,6 +5463,29 @@
       "resolved": "https://registry.npmjs.org/@types/unist/-/unist-3.0.3.tgz",
       "integrity": "sha512-ko/gIFJRv177XgZsZcBwnqJN5x/Gien8qNOn0D5bQU/zAzVf9Zt3BlcUiLqhV9y4ARk0GbT3tnUiPNgnTXzc/Q=="
     },
+    "node_modules/@types/use-sync-external-store": {
+      "version": "0.0.6",
+      "resolved": "https://registry.npmjs.org/@types/use-sync-external-store/-/use-sync-external-store-0.0.6.tgz",
+      "integrity": "sha512-zFDAD+tlpf2r4asuHEj0XH6pY6i0g5NeAHPn+15wk3BV6JA69eERFXC1gyGThDkVa1zCyKr5jox1+2LbV/AMLg==",
+      "license": "MIT"
+    },
+    "node_modules/@types/whatwg-mimetype": {
+      "version": "3.0.2",
+      "resolved": "https://registry.npmjs.org/@types/whatwg-mimetype/-/whatwg-mimetype-3.0.2.tgz",
+      "integrity": "sha512-c2AKvDT8ToxLIOUlN51gTiHXflsfIFisS4pO7pDPoKouJCESkhZnEy623gwP9laCy5lnLDAw1vAzu2vM2YLOrA==",
+      "license": "MIT",
+      "peer": true
+    },
+    "node_modules/@types/ws": {
+      "version": "8.18.1",
+      "resolved": "https://registry.npmjs.org/@types/ws/-/ws-8.18.1.tgz",
+      "integrity": "sha512-ThVF6DCVhA8kUGy+aazFQ4kXQ7E1Ty7A3ypFOe0IcJV8O/M511G99AW24irKrW56Wt44yG9+ij8FaqoBGkuBXg==",
+      "license": "MIT",
+      "peer": true,
+      "dependencies": {
+        "@types/node": "*"
+      }
+    },
     "node_modules/@types/yargs": {
       "version": "17.0.33",
       "resolved": "https://registry.npmjs.org/@types/yargs/-/yargs-17.0.33.tgz",
@@ -4906,7 +5935,6 @@
       "version": "2.0.1",
       "resolved": "https://registry.npmjs.org/argparse/-/argparse-2.0.1.tgz",
       "integrity": "sha512-8+9WqebbFzpX9OR+Wa6O29asIogeRMzcGtAINdpMHHyAg10f05aSFVBbcEqGf/PXw1EjAZ+q2/bEBg3DvurK3Q==",
-      "dev": true,
       "license": "Python-2.0"
     },
     "node_modules/aria-query": {
@@ -5100,6 +6128,44 @@
       "dev": true,
       "license": "MIT"
     },
+    "node_modules/autoprefixer": {
+      "version": "10.4.20",
+      "resolved": "https://registry.npmjs.org/autoprefixer/-/autoprefixer-10.4.20.tgz",
+      "integrity": "sha512-XY25y5xSv/wEoqzDyXXME4AFfkZI0P23z6Fs3YgymDnKJkCGOnkL0iTxCa85UTqaSgfcqyf3UA6+c7wUvx/16g==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/postcss/"
+        },
+        {
+          "type": "tidelift",
+          "url": "https://tidelift.com/funding/github/npm/autoprefixer"
+        },
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/ai"
+        }
+      ],
+      "license": "MIT",
+      "dependencies": {
+        "browserslist": "^4.23.3",
+        "caniuse-lite": "^1.0.30001646",
+        "fraction.js": "^4.3.7",
+        "normalize-range": "^0.1.2",
+        "picocolors": "^1.0.1",
+        "postcss-value-parser": "^4.2.0"
+      },
+      "bin": {
+        "autoprefixer": "bin/autoprefixer"
+      },
+      "engines": {
+        "node": "^10 || ^12 || >=14"
+      },
+      "peerDependencies": {
+        "postcss": "^8.1.0"
+      }
+    },
     "node_modules/available-typed-arrays": {
       "version": "1.0.7",
       "resolved": "https://registry.npmjs.org/available-typed-arrays/-/available-typed-arrays-1.0.7.tgz",
@@ -5287,6 +6353,16 @@
         "node": ">= 0.4"
       }
     },
+    "node_modules/baseline-browser-mapping": {
+      "version": "2.9.14",
+      "resolved": "https://registry.npmjs.org/baseline-browser-mapping/-/baseline-browser-mapping-2.9.14.tgz",
+      "integrity": "sha512-B0xUquLkiGLgHhpPBqvl7GWegWBUNuujQ6kXd/r1U38ElPT6Ok8KZ8e+FpUGEc2ZoRQUzq/aUnaKFc/svWUGSg==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "bin": {
+        "baseline-browser-mapping": "dist/cli.js"
+      }
+    },
     "node_modules/binary-extensions": {
       "version": "2.3.0",
       "resolved": "https://registry.npmjs.org/binary-extensions/-/binary-extensions-2.3.0.tgz",
@@ -5331,9 +6407,9 @@
       }
     },
     "node_modules/browserslist": {
-      "version": "4.24.4",
-      "resolved": "https://registry.npmjs.org/browserslist/-/browserslist-4.24.4.tgz",
-      "integrity": "sha512-KDi1Ny1gSePi1vm0q4oxSF8b4DR44GF4BbmS2YdhPLOEqd8pDviZOGH/GsmRwoWJ2+5Lr085X7naowMwKHDG1A==",
+      "version": "4.28.1",
+      "resolved": "https://registry.npmjs.org/browserslist/-/browserslist-4.28.1.tgz",
+      "integrity": "sha512-ZC5Bd0LgJXgwGqUknZY/vkUQ04r8NXnJZ3yYi4vDmSiZmC/pdSN0NbNRPxZpbtO4uAfDUAFffO8IZoM3Gj8IkA==",
       "dev": true,
       "funding": [
         {
@@ -5351,10 +6427,11 @@
       ],
       "license": "MIT",
       "dependencies": {
-        "caniuse-lite": "^1.0.30001688",
-        "electron-to-chromium": "^1.5.73",
-        "node-releases": "^2.0.19",
-        "update-browserslist-db": "^1.1.1"
+        "baseline-browser-mapping": "^2.9.0",
+        "caniuse-lite": "^1.0.30001759",
+        "electron-to-chromium": "^1.5.263",
+        "node-releases": "^2.0.27",
+        "update-browserslist-db": "^1.2.0"
       },
       "bin": {
         "browserslist": "cli.js"
@@ -5483,9 +6560,9 @@
       }
     },
     "node_modules/caniuse-lite": {
-      "version": "1.0.30001700",
-      "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001700.tgz",
-      "integrity": "sha512-2S6XIXwaE7K7erT8dY+kLQcpa5ms63XlRkMkReXjle+kf6c5g38vyMl+Z5y8dSxOFDhcFe+nxnn261PLxBSQsQ==",
+      "version": "1.0.30001764",
+      "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001764.tgz",
+      "integrity": "sha512-9JGuzl2M+vPL+pz70gtMF9sHdMFbY9FJaQBi186cHKH3pSzDvzoUJUPV6fqiKIMyXbud9ZLg4F3Yza1vJ1+93g==",
       "funding": [
         {
           "type": "opencollective",
@@ -5817,6 +6894,12 @@
       "dev": true,
       "license": "MIT"
     },
+    "node_modules/crelt": {
+      "version": "1.0.6",
+      "resolved": "https://registry.npmjs.org/crelt/-/crelt-1.0.6.tgz",
+      "integrity": "sha512-VQ2MBenTq1fWZUH9DJNGti7kKv6EeAuYr3cLwxUWhIu1baTaXh4Ib5W2CqHVqib4/MqbYGJqiL3Zb8GJZr3l4g==",
+      "license": "MIT"
+    },
     "node_modules/cross-env": {
       "version": "7.0.3",
       "resolved": "https://registry.npmjs.org/cross-env/-/cross-env-7.0.3.tgz",
@@ -6048,7 +7131,6 @@
       "version": "10.5.0",
       "resolved": "https://registry.npmjs.org/decimal.js/-/decimal.js-10.5.0.tgz",
       "integrity": "sha512-8vDa8Qxvr/+d94hSh5P3IJwI5t8/c0KsMp+g8bNw9cY2icONa5aPfvKeieW1WlG0WQYwwhJ7mjui2xtiePQSXw==",
-      "dev": true,
       "license": "MIT"
     },
     "node_modules/decode-named-character-reference": {
@@ -6089,7 +7171,6 @@
       "version": "4.3.1",
       "resolved": "https://registry.npmjs.org/deepmerge/-/deepmerge-4.3.1.tgz",
       "integrity": "sha512-3sUqbMEc77XqpdNO7FRyRog+eW3ph+GYCbj+rK+uYyRMuwsVy0rMiVtPn+QJlKFvWP/1PYpapqYn0Me2knFn+A==",
-      "dev": true,
       "license": "MIT",
       "engines": {
         "node": ">=0.10.0"
@@ -6154,7 +7235,6 @@
       "version": "2.0.4",
       "resolved": "https://registry.npmjs.org/detect-libc/-/detect-libc-2.0.4.tgz",
       "integrity": "sha512-3UDv+G9CsCKO1WKMGw9fwq/SWJYbI0c5Y7LU1AXYoDdbhE2AHQ6N6Nb34sG8Fj7T5APy8qXDCKuuIHd1BR0tVA==",
-      "optional": true,
       "engines": {
         "node": ">=8"
       }
@@ -6235,6 +7315,32 @@
       "dev": true,
       "license": "MIT"
     },
+    "node_modules/dom-serializer": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/dom-serializer/-/dom-serializer-2.0.0.tgz",
+      "integrity": "sha512-wIkAryiqt/nV5EQKqQpo3SToSOV9J0DnbJqwK7Wv/Trc92zIAYZ4FlMu+JPFW1DfGFt81ZTCGgDEabffXeLyJg==",
+      "license": "MIT",
+      "dependencies": {
+        "domelementtype": "^2.3.0",
+        "domhandler": "^5.0.2",
+        "entities": "^4.2.0"
+      },
+      "funding": {
+        "url": "https://github.com/cheeriojs/dom-serializer?sponsor=1"
+      }
+    },
+    "node_modules/domelementtype": {
+      "version": "2.3.0",
+      "resolved": "https://registry.npmjs.org/domelementtype/-/domelementtype-2.3.0.tgz",
+      "integrity": "sha512-OLETBj6w0OsagBwdXnPdN0cnMfF9opN69co+7ZrbfPGrdpPVNBUj02spi6B1N7wChLQiPn4CSH/zJvXw56gmHw==",
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/fb55"
+        }
+      ],
+      "license": "BSD-2-Clause"
+    },
     "node_modules/domexception": {
       "version": "4.0.0",
       "resolved": "https://registry.npmjs.org/domexception/-/domexception-4.0.0.tgz",
@@ -6249,6 +7355,35 @@
         "node": ">=12"
       }
     },
+    "node_modules/domhandler": {
+      "version": "5.0.3",
+      "resolved": "https://registry.npmjs.org/domhandler/-/domhandler-5.0.3.tgz",
+      "integrity": "sha512-cgwlv/1iFQiFnU96XXgROh8xTeetsnJiDsTc7TYCLFd9+/WNkIqPTxiM/8pSd8VIrhXGTf1Ny1q1hquVqDJB5w==",
+      "license": "BSD-2-Clause",
+      "dependencies": {
+        "domelementtype": "^2.3.0"
+      },
+      "engines": {
+        "node": ">= 4"
+      },
+      "funding": {
+        "url": "https://github.com/fb55/domhandler?sponsor=1"
+      }
+    },
+    "node_modules/domutils": {
+      "version": "3.2.2",
+      "resolved": "https://registry.npmjs.org/domutils/-/domutils-3.2.2.tgz",
+      "integrity": "sha512-6kZKyUajlDuqlHKVX1w7gyslj9MPIXzIFiz/rGu35uC1wMi+kMhQwGhl4lt9unC9Vb9INnY9Z3/ZA3+FhASLaw==",
+      "license": "BSD-2-Clause",
+      "dependencies": {
+        "dom-serializer": "^2.0.0",
+        "domelementtype": "^2.3.0",
+        "domhandler": "^5.0.3"
+      },
+      "funding": {
+        "url": "https://github.com/fb55/domutils?sponsor=1"
+      }
+    },
     "node_modules/dotenv": {
       "version": "16.6.1",
       "resolved": "https://registry.npmjs.org/dotenv/-/dotenv-16.6.1.tgz",
@@ -6282,17 +7417,10 @@
       "integrity": "sha512-jtD6YG370ZCIi/9GTaJKQxWTZD045+4R4hTk/x1UyoqadyJ9x9CgSi1RlVDQF8U2sxLLSnFkCaMihqljHIWgMg==",
       "license": "MIT"
     },
-    "node_modules/eastasianwidth": {
-      "version": "0.2.0",
-      "resolved": "https://registry.npmjs.org/eastasianwidth/-/eastasianwidth-0.2.0.tgz",
-      "integrity": "sha512-I88TYZWc9XiYHRQ4/3c5rjjfgkjhLyW2luGIheGERbNQ6OY7yTybanSpDXZa8y7VUP9YmDcYa+eyq4ca7iLqWA==",
-      "dev": true,
-      "license": "MIT"
-    },
     "node_modules/electron-to-chromium": {
-      "version": "1.5.103",
-      "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.5.103.tgz",
-      "integrity": "sha512-P6+XzIkfndgsrjROJWfSvVEgNHtPgbhVyTkwLjUM2HU/h7pZRORgaTlHqfAikqxKmdJMLW8fftrdGWbd/Ds0FA==",
+      "version": "1.5.267",
+      "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.5.267.tgz",
+      "integrity": "sha512-0Drusm6MVRXSOJpGbaSVgcQsuB4hEkMpHXaVstcPmhu5LIedxs1xNK/nIxmQIU/RPC0+1/o0AVZfBTkTNJOdUw==",
       "dev": true,
       "license": "ISC"
     },
@@ -6334,7 +7462,6 @@
       "version": "4.5.0",
       "resolved": "https://registry.npmjs.org/entities/-/entities-4.5.0.tgz",
       "integrity": "sha512-V0hjH4dGPh9Ao5p0MoRY6BVqtwCjhz6vI5LT8AJ55H+4g9/4vbHx1I54fS0XuclLhDHArPQCiMjDxjaL8fPxhw==",
-      "dev": true,
       "license": "BSD-2-Clause",
       "engines": {
         "node": ">=0.12"
@@ -7146,6 +8273,15 @@
       "dev": true,
       "license": "MIT"
     },
+    "node_modules/fast-equals": {
+      "version": "5.4.0",
+      "resolved": "https://registry.npmjs.org/fast-equals/-/fast-equals-5.4.0.tgz",
+      "integrity": "sha512-jt2DW/aNFNwke7AUd+Z+e6pz39KO5rzdbbFCg2sGafS4mk13MI7Z8O5z9cADNn5lhGODIgLwug6TZO2ctf7kcw==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=6.0.0"
+      }
+    },
     "node_modules/fast-glob": {
       "version": "3.3.1",
       "resolved": "https://registry.npmjs.org/fast-glob/-/fast-glob-3.3.1.tgz",
@@ -7315,36 +8451,6 @@
         "url": "https://github.com/sponsors/ljharb"
       }
     },
-    "node_modules/foreground-child": {
-      "version": "3.3.1",
-      "resolved": "https://registry.npmjs.org/foreground-child/-/foreground-child-3.3.1.tgz",
-      "integrity": "sha512-gIXjKqtFuWEgzFRJA9WCQeSJLZDjgJUOMCMzxtvFq/37KojM1BFGufqsCy0r4qSQmYLsZYMeyRqzIWOMup03sw==",
-      "dev": true,
-      "license": "ISC",
-      "dependencies": {
-        "cross-spawn": "^7.0.6",
-        "signal-exit": "^4.0.1"
-      },
-      "engines": {
-        "node": ">=14"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/isaacs"
-      }
-    },
-    "node_modules/foreground-child/node_modules/signal-exit": {
-      "version": "4.1.0",
-      "resolved": "https://registry.npmjs.org/signal-exit/-/signal-exit-4.1.0.tgz",
-      "integrity": "sha512-bzyZ1e88w9O1iNJbKnOlvYTrWPDl46O1bG0D3XInv+9tkPrxrN8jUUTiFlDkkmKWgn1M6CfIA13SuGqOa9Korw==",
-      "dev": true,
-      "license": "ISC",
-      "engines": {
-        "node": ">=14"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/isaacs"
-      }
-    },
     "node_modules/form-data": {
       "version": "4.0.4",
       "resolved": "https://registry.npmjs.org/form-data/-/form-data-4.0.4.tgz",
@@ -7361,6 +8467,20 @@
         "node": ">= 6"
       }
     },
+    "node_modules/fraction.js": {
+      "version": "4.3.7",
+      "resolved": "https://registry.npmjs.org/fraction.js/-/fraction.js-4.3.7.tgz",
+      "integrity": "sha512-ZsDfxO51wGAXREY55a7la9LScWpwv9RxIrYABrlvOFBlH/ShPnrtsXeuUIfXKKOVicNxQ+o8JTbJvjS4M89yew==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": "*"
+      },
+      "funding": {
+        "type": "patreon",
+        "url": "https://github.com/sponsors/rawify"
+      }
+    },
     "node_modules/framer-motion": {
       "version": "12.25.0",
       "resolved": "https://registry.npmjs.org/framer-motion/-/framer-motion-12.25.0.tgz",
@@ -7399,6 +8519,7 @@
       "version": "2.3.3",
       "resolved": "https://registry.npmjs.org/fsevents/-/fsevents-2.3.3.tgz",
       "integrity": "sha512-5xoDfX+fL7faATnagmWPpbFtwh/R77WmMMqqHGS65C3vvB0YHrgF+B1YmZ3441tMj5n63k0212XNoJwzlhffQw==",
+      "dev": true,
       "hasInstallScript": true,
       "license": "MIT",
       "optional": true,
@@ -7729,6 +8850,23 @@
         "uglify-js": "^3.1.4"
       }
     },
+    "node_modules/happy-dom": {
+      "version": "20.1.0",
+      "resolved": "https://registry.npmjs.org/happy-dom/-/happy-dom-20.1.0.tgz",
+      "integrity": "sha512-ebvqjBqzenBk2LjzNEAzoj7yhw7rW/R2/wVevMu6Mrq3MXtcI/RUz4+ozpcOcqVLEWPqLfg2v9EAU7fFXZUUJw==",
+      "license": "MIT",
+      "peer": true,
+      "dependencies": {
+        "@types/node": "^20.0.0",
+        "@types/whatwg-mimetype": "^3.0.2",
+        "@types/ws": "^8.18.1",
+        "whatwg-mimetype": "^3.0.0",
+        "ws": "^8.18.3"
+      },
+      "engines": {
+        "node": ">=20.0.0"
+      }
+    },
     "node_modules/has-bigints": {
       "version": "1.1.0",
       "resolved": "https://registry.npmjs.org/has-bigints/-/has-bigints-1.1.0.tgz",
@@ -7901,6 +9039,25 @@
         "url": "https://opencollective.com/unified"
       }
     },
+    "node_modules/htmlparser2": {
+      "version": "8.0.2",
+      "resolved": "https://registry.npmjs.org/htmlparser2/-/htmlparser2-8.0.2.tgz",
+      "integrity": "sha512-GYdjWKDkbRLkZ5geuHs5NY1puJ+PXwP7+fHPRz06Eirsb9ugf6d8kkXav6ADhcODhFFPMIXyxkxSuMf3D6NCFA==",
+      "funding": [
+        "https://github.com/fb55/htmlparser2?sponsor=1",
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/fb55"
+        }
+      ],
+      "license": "MIT",
+      "dependencies": {
+        "domelementtype": "^2.3.0",
+        "domhandler": "^5.0.3",
+        "domutils": "^3.0.1",
+        "entities": "^4.4.0"
+      }
+    },
     "node_modules/http-proxy-agent": {
       "version": "5.0.0",
       "resolved": "https://registry.npmjs.org/http-proxy-agent/-/http-proxy-agent-5.0.0.tgz",
@@ -8059,6 +9216,18 @@
         "node": ">= 0.4"
       }
     },
+    "node_modules/intl-messageformat": {
+      "version": "10.7.18",
+      "resolved": "https://registry.npmjs.org/intl-messageformat/-/intl-messageformat-10.7.18.tgz",
+      "integrity": "sha512-m3Ofv/X/tV8Y3tHXLohcuVuhWKo7BBq62cqY15etqmLxg2DZ34AGGgQDeR+SCta2+zICb1NX83af0GJmbQ1++g==",
+      "license": "BSD-3-Clause",
+      "dependencies": {
+        "@formatjs/ecma402-abstract": "2.3.6",
+        "@formatjs/fast-memoize": "2.2.7",
+        "@formatjs/icu-messageformat-parser": "2.11.4",
+        "tslib": "^2.8.0"
+      }
+    },
     "node_modules/is-alphabetical": {
       "version": "2.0.1",
       "resolved": "https://registry.npmjs.org/is-alphabetical/-/is-alphabetical-2.0.1.tgz",
@@ -8268,7 +9437,6 @@
       "version": "2.1.1",
       "resolved": "https://registry.npmjs.org/is-extglob/-/is-extglob-2.1.1.tgz",
       "integrity": "sha512-SbKbANkN603Vi4jEZv49LeVJMn4yGwsbzZworEoyEiutsN3nJYdbO36zfhGJ6QEDpOZIFkDtnq5JRxmvl3jsoQ==",
-      "dev": true,
       "license": "MIT",
       "engines": {
         "node": ">=0.10.0"
@@ -8333,7 +9501,6 @@
       "version": "4.0.3",
       "resolved": "https://registry.npmjs.org/is-glob/-/is-glob-4.0.3.tgz",
       "integrity": "sha512-xelSayHH36ZgE7ZWhli7pW34hNbNl8Ojv5KVmkJD4hBdD3th8Tfk9vYasLM+mXWOZhFkgZfxhLSnrwRr4elSSg==",
-      "dev": true,
       "license": "MIT",
       "dependencies": {
         "is-extglob": "^2.1.1"
@@ -8679,22 +9846,6 @@
         "node": ">= 0.4"
       }
     },
-    "node_modules/jackspeak": {
-      "version": "3.4.3",
-      "resolved": "https://registry.npmjs.org/jackspeak/-/jackspeak-3.4.3.tgz",
-      "integrity": "sha512-OGlZQpz2yfahA/Rd1Y8Cd9SIEsqvXkLVoSw/cgwhnhFMDbsQFeZYoJJ7bIZBS9BcamUW96asq/npPWugM+RQBw==",
-      "dev": true,
-      "license": "BlueOak-1.0.0",
-      "dependencies": {
-        "@isaacs/cliui": "^8.0.2"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/isaacs"
-      },
-      "optionalDependencies": {
-        "@pkgjs/parseargs": "^0.11.0"
-      }
-    },
     "node_modules/jest": {
       "version": "29.7.0",
       "resolved": "https://registry.npmjs.org/jest/-/jest-29.7.0.tgz",
@@ -9870,6 +11021,21 @@
       "dev": true,
       "license": "MIT"
     },
+    "node_modules/linkify-it": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/linkify-it/-/linkify-it-5.0.0.tgz",
+      "integrity": "sha512-5aHCbzQRADcdP+ATqnDuhhJ/MRIqDkZX5pyjFHRRysS8vZ5AbqGEoFIb6pYHPZ+L/OC2Lc+xT8uHVVR5CAK/wQ==",
+      "license": "MIT",
+      "dependencies": {
+        "uc.micro": "^2.0.0"
+      }
+    },
+    "node_modules/linkifyjs": {
+      "version": "4.3.2",
+      "resolved": "https://registry.npmjs.org/linkifyjs/-/linkifyjs-4.3.2.tgz",
+      "integrity": "sha512-NT1CJtq3hHIreOianA8aSXn6Cw0JzYOuDQbOrSPe7gqFnCpKP++MQe3ODgO3oh2GJFORkAAdqredOa60z63GbA==",
+      "license": "MIT"
+    },
     "node_modules/locate-path": {
       "version": "6.0.0",
       "resolved": "https://registry.npmjs.org/locate-path/-/locate-path-6.0.0.tgz",
@@ -9983,6 +11149,23 @@
         "tmpl": "1.0.5"
       }
     },
+    "node_modules/markdown-it": {
+      "version": "14.1.0",
+      "resolved": "https://registry.npmjs.org/markdown-it/-/markdown-it-14.1.0.tgz",
+      "integrity": "sha512-a54IwgWPaeBCAAsv13YgmALOF1elABB08FxO9i+r4VFk5Vl4pKokRPeX8u5TCgSsPi6ec1otfLjdOpVcgbpshg==",
+      "license": "MIT",
+      "dependencies": {
+        "argparse": "^2.0.1",
+        "entities": "^4.4.0",
+        "linkify-it": "^5.0.0",
+        "mdurl": "^2.0.0",
+        "punycode.js": "^2.3.1",
+        "uc.micro": "^2.1.0"
+      },
+      "bin": {
+        "markdown-it": "bin/markdown-it.mjs"
+      }
+    },
     "node_modules/math-intrinsics": {
       "version": "1.1.0",
       "resolved": "https://registry.npmjs.org/math-intrinsics/-/math-intrinsics-1.1.0.tgz",
@@ -10139,6 +11322,12 @@
         "url": "https://opencollective.com/unified"
       }
     },
+    "node_modules/mdurl": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/mdurl/-/mdurl-2.0.0.tgz",
+      "integrity": "sha512-Lf+9+2r+Tdp5wXDXC4PcIBjTDtq4UKjCPMQhKIuzpJNW0b96kVqSwW0bT7FhRSfmAiFYgP+SCRvdrDozfh0U5w==",
+      "license": "MIT"
+    },
     "node_modules/merge-stream": {
       "version": "2.0.0",
       "resolved": "https://registry.npmjs.org/merge-stream/-/merge-stream-2.0.0.tgz",
@@ -10657,16 +11846,6 @@
         "url": "https://github.com/sponsors/ljharb"
       }
     },
-    "node_modules/minipass": {
-      "version": "7.1.2",
-      "resolved": "https://registry.npmjs.org/minipass/-/minipass-7.1.2.tgz",
-      "integrity": "sha512-qOOzS1cBTWYF4BH8fVePDBOO9iptMnGUEZwNc/cMWnTV2nVLZ7VoNWEPHkYczZA0pdoA7dl6e7FL659nX9S2aw==",
-      "dev": true,
-      "license": "ISC",
-      "engines": {
-        "node": ">=16 || 14 >=14.17"
-      }
-    },
     "node_modules/motion-dom": {
       "version": "12.24.11",
       "resolved": "https://registry.npmjs.org/motion-dom/-/motion-dom-12.24.11.tgz",
@@ -10734,6 +11913,15 @@
       "dev": true,
       "license": "MIT"
     },
+    "node_modules/negotiator": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/negotiator/-/negotiator-1.0.0.tgz",
+      "integrity": "sha512-8Ofs/AUQh8MaEcrlq5xOX0CQ9ypTF5dl78mjlMNfOK08fzpgTHQRQPBxcPlEtIw0yRpws+Zo/3r+5WRby7u3Gg==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
     "node_modules/neo-async": {
       "version": "2.6.2",
       "resolved": "https://registry.npmjs.org/neo-async/-/neo-async-2.6.2.tgz",
@@ -10793,6 +11981,92 @@
         }
       }
     },
+    "node_modules/next-intl": {
+      "version": "4.7.0",
+      "resolved": "https://registry.npmjs.org/next-intl/-/next-intl-4.7.0.tgz",
+      "integrity": "sha512-gvROzcNr/HM0jTzQlKWQxUNk8jrZ0bREz+bht3wNbv+uzlZ5Kn3J+m+viosub18QJ72S08UJnVK50PXWcUvwpQ==",
+      "funding": [
+        {
+          "type": "individual",
+          "url": "https://github.com/sponsors/amannn"
+        }
+      ],
+      "license": "MIT",
+      "dependencies": {
+        "@formatjs/intl-localematcher": "^0.5.4",
+        "@parcel/watcher": "^2.4.1",
+        "@swc/core": "^1.15.2",
+        "negotiator": "^1.0.0",
+        "next-intl-swc-plugin-extractor": "^4.7.0",
+        "po-parser": "^2.1.1",
+        "use-intl": "^4.7.0"
+      },
+      "peerDependencies": {
+        "next": "^12.0.0 || ^13.0.0 || ^14.0.0 || ^15.0.0 || ^16.0.0",
+        "react": "^16.8.0 || ^17.0.0 || ^18.0.0 || >=19.0.0-rc <19.0.0 || ^19.0.0",
+        "typescript": "^5.0.0"
+      },
+      "peerDependenciesMeta": {
+        "typescript": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/next-intl-swc-plugin-extractor": {
+      "version": "4.7.0",
+      "resolved": "https://registry.npmjs.org/next-intl-swc-plugin-extractor/-/next-intl-swc-plugin-extractor-4.7.0.tgz",
+      "integrity": "sha512-iAqflu2FWdQMWhwB0B2z52X7LmEpvnMNJXqVERZQ7bK5p9iqQLu70ur6Ka6NfiXLxfb+AeAkUX5qIciQOg+87A==",
+      "license": "MIT"
+    },
+    "node_modules/next-intl/node_modules/@swc/core": {
+      "version": "1.15.8",
+      "resolved": "https://registry.npmjs.org/@swc/core/-/core-1.15.8.tgz",
+      "integrity": "sha512-T8keoJjXaSUoVBCIjgL6wAnhADIb09GOELzKg10CjNg+vLX48P93SME6jTfte9MZIm5m+Il57H3rTSk/0kzDUw==",
+      "hasInstallScript": true,
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@swc/counter": "^0.1.3",
+        "@swc/types": "^0.1.25"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/swc"
+      },
+      "optionalDependencies": {
+        "@swc/core-darwin-arm64": "1.15.8",
+        "@swc/core-darwin-x64": "1.15.8",
+        "@swc/core-linux-arm-gnueabihf": "1.15.8",
+        "@swc/core-linux-arm64-gnu": "1.15.8",
+        "@swc/core-linux-arm64-musl": "1.15.8",
+        "@swc/core-linux-x64-gnu": "1.15.8",
+        "@swc/core-linux-x64-musl": "1.15.8",
+        "@swc/core-win32-arm64-msvc": "1.15.8",
+        "@swc/core-win32-ia32-msvc": "1.15.8",
+        "@swc/core-win32-x64-msvc": "1.15.8"
+      },
+      "peerDependencies": {
+        "@swc/helpers": ">=0.5.17"
+      },
+      "peerDependenciesMeta": {
+        "@swc/helpers": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/next-intl/node_modules/@swc/helpers": {
+      "version": "0.5.18",
+      "resolved": "https://registry.npmjs.org/@swc/helpers/-/helpers-0.5.18.tgz",
+      "integrity": "sha512-TXTnIcNJQEKwThMMqBXsZ4VGAza6bvN4pa41Rkqoio6QBKMvo+5lexeTMScGCIxtzgQJzElcvIltani+adC5PQ==",
+      "license": "Apache-2.0",
+      "optional": true,
+      "peer": true,
+      "dependencies": {
+        "tslib": "^2.8.0"
+      }
+    },
     "node_modules/next/node_modules/postcss": {
       "version": "8.4.31",
       "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.4.31.tgz",
@@ -10821,6 +12095,12 @@
         "node": "^10 || ^12 || >=14"
       }
     },
+    "node_modules/node-addon-api": {
+      "version": "7.1.1",
+      "resolved": "https://registry.npmjs.org/node-addon-api/-/node-addon-api-7.1.1.tgz",
+      "integrity": "sha512-5m3bsyrjFWE1xf7nz7YXdN4udnVtXK6/Yfgn5qnahL6bCkf2yKt4k3nuTKAtT4r3IG8JNR2ncsIMdZuAzJjHQQ==",
+      "license": "MIT"
+    },
     "node_modules/node-cache": {
       "version": "5.1.2",
       "resolved": "https://registry.npmjs.org/node-cache/-/node-cache-5.1.2.tgz",
@@ -10883,9 +12163,9 @@
       "license": "MIT"
     },
     "node_modules/node-releases": {
-      "version": "2.0.19",
-      "resolved": "https://registry.npmjs.org/node-releases/-/node-releases-2.0.19.tgz",
-      "integrity": "sha512-xxOWJsBKtzAq7DY0J+DTzuz58K8e7sJbdgwkbMWQe8UYB6ekmsQ45q0M/tJDsGaZmbC+l7n57UV8Hl5tHxO9uw==",
+      "version": "2.0.27",
+      "resolved": "https://registry.npmjs.org/node-releases/-/node-releases-2.0.27.tgz",
+      "integrity": "sha512-nmh3lCkYZ3grZvqcCH+fjmQ7X+H0OeZgP40OierEaAptX4XofMh5kwNbWh7lBduUzCcV/8kZ+NDLCwm2iorIlA==",
       "dev": true,
       "license": "MIT"
     },
@@ -10921,6 +12201,16 @@
         "node": ">=0.10.0"
       }
     },
+    "node_modules/normalize-range": {
+      "version": "0.1.2",
+      "resolved": "https://registry.npmjs.org/normalize-range/-/normalize-range-0.1.2.tgz",
+      "integrity": "sha512-bdok/XvKII3nUpklnV6P2hxtMNrCboOjAcyBuQnWEhO665FwrSNRxU+AqpsyvO6LgGYPspN+lu5CLtw4jPRKNA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
     "node_modules/npm-run-path": {
       "version": "4.0.1",
       "resolved": "https://registry.npmjs.org/npm-run-path/-/npm-run-path-4.0.1.tgz",
@@ -11126,6 +12416,12 @@
         "node": ">= 0.8.0"
       }
     },
+    "node_modules/orderedmap": {
+      "version": "2.1.1",
+      "resolved": "https://registry.npmjs.org/orderedmap/-/orderedmap-2.1.1.tgz",
+      "integrity": "sha512-TvAWxi0nDe1j/rtMcWcIj94+Ffe6n7zhow33h40SKxmsmozs6dz/e+EajymfoFcHd7sxNn8yHM8839uixMOV6g==",
+      "license": "MIT"
+    },
     "node_modules/own-keys": {
       "version": "1.0.1",
       "resolved": "https://registry.npmjs.org/own-keys/-/own-keys-1.0.1.tgz",
@@ -11186,13 +12482,6 @@
         "node": ">=6"
       }
     },
-    "node_modules/package-json-from-dist": {
-      "version": "1.0.1",
-      "resolved": "https://registry.npmjs.org/package-json-from-dist/-/package-json-from-dist-1.0.1.tgz",
-      "integrity": "sha512-UEZIS3/by4OC8vL3P2dTXRETpebLI2NiI5vIrjaD/5UtrkFX/tNbwjTSRAGC/+7CAo2pIcBaRgWmcBBHcsaCIw==",
-      "dev": true,
-      "license": "BlueOak-1.0.0"
-    },
     "node_modules/pako": {
       "version": "0.2.9",
       "resolved": "https://registry.npmjs.org/pako/-/pako-0.2.9.tgz",
@@ -11264,6 +12553,12 @@
         "url": "https://github.com/sponsors/sindresorhus"
       }
     },
+    "node_modules/parse-srcset": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/parse-srcset/-/parse-srcset-1.0.2.tgz",
+      "integrity": "sha512-/2qh0lav6CmI15FzA3i/2Bzk2zCgQhGMkvhOhKNcBVQ1ldgpbfiNTVslmooUmWJcADi1f1kIeynbDRVzNlfR6Q==",
+      "license": "MIT"
+    },
     "node_modules/parse5": {
       "version": "7.2.1",
       "resolved": "https://registry.npmjs.org/parse5/-/parse5-7.2.1.tgz",
@@ -11314,30 +12609,6 @@
       "dev": true,
       "license": "MIT"
     },
-    "node_modules/path-scurry": {
-      "version": "1.11.1",
-      "resolved": "https://registry.npmjs.org/path-scurry/-/path-scurry-1.11.1.tgz",
-      "integrity": "sha512-Xa4Nw17FS9ApQFJ9umLiJS4orGjm7ZzwUrwamcGQuHSzDyth9boKDaycYdDcZDuqYATXw4HFXgaqWTctW/v1HA==",
-      "dev": true,
-      "license": "BlueOak-1.0.0",
-      "dependencies": {
-        "lru-cache": "^10.2.0",
-        "minipass": "^5.0.0 || ^6.0.2 || ^7.0.0"
-      },
-      "engines": {
-        "node": ">=16 || 14 >=14.18"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/isaacs"
-      }
-    },
-    "node_modules/path-scurry/node_modules/lru-cache": {
-      "version": "10.4.3",
-      "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-10.4.3.tgz",
-      "integrity": "sha512-JNAzZcXrCt42VGLuYz0zfAzDfAvJWW6AfYlDBQyDV5DClI2m5sAmK+OIO7s59XfsRsWHp02jAJrRadPRGTt6SQ==",
-      "dev": true,
-      "license": "ISC"
-    },
     "node_modules/picocolors": {
       "version": "1.1.1",
       "resolved": "https://registry.npmjs.org/picocolors/-/picocolors-1.1.1.tgz",
@@ -11482,6 +12753,7 @@
       "version": "2.3.2",
       "resolved": "https://registry.npmjs.org/fsevents/-/fsevents-2.3.2.tgz",
       "integrity": "sha512-xiqMQR4xAeHTuB9uWm+fFRcIOgKBMiOBP+eXiyT7jsgVCq1bkVygt00oASowB7EdtpOHaaPgKt812P9ab+DDKA==",
+      "dev": true,
       "hasInstallScript": true,
       "license": "MIT",
       "optional": true,
@@ -11492,6 +12764,12 @@
         "node": "^8.16.0 || ^10.6.0 || >=11.0.0"
       }
     },
+    "node_modules/po-parser": {
+      "version": "2.1.1",
+      "resolved": "https://registry.npmjs.org/po-parser/-/po-parser-2.1.1.tgz",
+      "integrity": "sha512-ECF4zHLbUItpUgE3OTtLKlPjeBN+fKEczj2zYjDfCGOzicNs0GK3Vg2IoAYwx7LH/XYw43fZQP6xnZ4TkNxSLQ==",
+      "license": "MIT"
+    },
     "node_modules/possible-typed-array-names": {
       "version": "1.1.0",
       "resolved": "https://registry.npmjs.org/possible-typed-array-names/-/possible-typed-array-names-1.1.0.tgz",
@@ -11503,10 +12781,9 @@
       }
     },
     "node_modules/postcss": {
-      "version": "8.5.6",
-      "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.5.6.tgz",
-      "integrity": "sha512-3Ybi1tAuwAP9s0r1UQ2J4n5Y0G05bJkpUIO0/bI9MhwmD70S5aTWbXGBwxHrelT+XM1k6dM0pk+SwNkpTRN7Pg==",
-      "dev": true,
+      "version": "8.4.49",
+      "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.4.49.tgz",
+      "integrity": "sha512-OCVPnIObs4N29kxTjzLfUryOkvZEq+pf8jTF0lg8E7uETuWHA+v7j3c/xJmiqpX450191LlmZfUKkXxkTry7nA==",
       "funding": [
         {
           "type": "opencollective",
@@ -11523,7 +12800,7 @@
       ],
       "license": "MIT",
       "dependencies": {
-        "nanoid": "^3.3.11",
+        "nanoid": "^3.3.7",
         "picocolors": "^1.1.1",
         "source-map-js": "^1.2.1"
       },
@@ -11550,10 +12827,20 @@
       }
     },
     "node_modules/postcss-js": {
-      "version": "4.0.1",
-      "resolved": "https://registry.npmjs.org/postcss-js/-/postcss-js-4.0.1.tgz",
-      "integrity": "sha512-dDLF8pEO191hJMtlHFPRa8xsizHaM82MLfNkUHdUtVEV3tgTp5oj+8qbEqYM57SLfc74KSbw//4SeJma2LRVIw==",
+      "version": "4.1.0",
+      "resolved": "https://registry.npmjs.org/postcss-js/-/postcss-js-4.1.0.tgz",
+      "integrity": "sha512-oIAOTqgIo7q2EOwbhb8UalYePMvYoIeRY2YKntdpFQXNosSu3vLrniGgmH9OKs/qAkfoj5oB3le/7mINW1LCfw==",
       "dev": true,
+      "funding": [
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/postcss/"
+        },
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/ai"
+        }
+      ],
       "license": "MIT",
       "dependencies": {
         "camelcase-css": "^2.0.1"
@@ -11561,10 +12848,6 @@
       "engines": {
         "node": "^12 || ^14 || >= 16"
       },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/postcss/"
-      },
       "peerDependencies": {
         "postcss": "^8.4.21"
       }
@@ -11751,6 +13034,201 @@
         "url": "https://github.com/sponsors/wooorm"
       }
     },
+    "node_modules/prosemirror-changeset": {
+      "version": "2.3.1",
+      "resolved": "https://registry.npmjs.org/prosemirror-changeset/-/prosemirror-changeset-2.3.1.tgz",
+      "integrity": "sha512-j0kORIBm8ayJNl3zQvD1TTPHJX3g042et6y/KQhZhnPrruO8exkTgG8X+NRpj7kIyMMEx74Xb3DyMIBtO0IKkQ==",
+      "license": "MIT",
+      "dependencies": {
+        "prosemirror-transform": "^1.0.0"
+      }
+    },
+    "node_modules/prosemirror-collab": {
+      "version": "1.3.1",
+      "resolved": "https://registry.npmjs.org/prosemirror-collab/-/prosemirror-collab-1.3.1.tgz",
+      "integrity": "sha512-4SnynYR9TTYaQVXd/ieUvsVV4PDMBzrq2xPUWutHivDuOshZXqQ5rGbZM84HEaXKbLdItse7weMGOUdDVcLKEQ==",
+      "license": "MIT",
+      "dependencies": {
+        "prosemirror-state": "^1.0.0"
+      }
+    },
+    "node_modules/prosemirror-commands": {
+      "version": "1.7.1",
+      "resolved": "https://registry.npmjs.org/prosemirror-commands/-/prosemirror-commands-1.7.1.tgz",
+      "integrity": "sha512-rT7qZnQtx5c0/y/KlYaGvtG411S97UaL6gdp6RIZ23DLHanMYLyfGBV5DtSnZdthQql7W+lEVbpSfwtO8T+L2w==",
+      "license": "MIT",
+      "dependencies": {
+        "prosemirror-model": "^1.0.0",
+        "prosemirror-state": "^1.0.0",
+        "prosemirror-transform": "^1.10.2"
+      }
+    },
+    "node_modules/prosemirror-dropcursor": {
+      "version": "1.8.2",
+      "resolved": "https://registry.npmjs.org/prosemirror-dropcursor/-/prosemirror-dropcursor-1.8.2.tgz",
+      "integrity": "sha512-CCk6Gyx9+Tt2sbYk5NK0nB1ukHi2ryaRgadV/LvyNuO3ena1payM2z6Cg0vO1ebK8cxbzo41ku2DE5Axj1Zuiw==",
+      "license": "MIT",
+      "dependencies": {
+        "prosemirror-state": "^1.0.0",
+        "prosemirror-transform": "^1.1.0",
+        "prosemirror-view": "^1.1.0"
+      }
+    },
+    "node_modules/prosemirror-gapcursor": {
+      "version": "1.4.0",
+      "resolved": "https://registry.npmjs.org/prosemirror-gapcursor/-/prosemirror-gapcursor-1.4.0.tgz",
+      "integrity": "sha512-z00qvurSdCEWUIulij/isHaqu4uLS8r/Fi61IbjdIPJEonQgggbJsLnstW7Lgdk4zQ68/yr6B6bf7sJXowIgdQ==",
+      "license": "MIT",
+      "dependencies": {
+        "prosemirror-keymap": "^1.0.0",
+        "prosemirror-model": "^1.0.0",
+        "prosemirror-state": "^1.0.0",
+        "prosemirror-view": "^1.0.0"
+      }
+    },
+    "node_modules/prosemirror-history": {
+      "version": "1.5.0",
+      "resolved": "https://registry.npmjs.org/prosemirror-history/-/prosemirror-history-1.5.0.tgz",
+      "integrity": "sha512-zlzTiH01eKA55UAf1MEjtssJeHnGxO0j4K4Dpx+gnmX9n+SHNlDqI2oO1Kv1iPN5B1dm5fsljCfqKF9nFL6HRg==",
+      "license": "MIT",
+      "dependencies": {
+        "prosemirror-state": "^1.2.2",
+        "prosemirror-transform": "^1.0.0",
+        "prosemirror-view": "^1.31.0",
+        "rope-sequence": "^1.3.0"
+      }
+    },
+    "node_modules/prosemirror-inputrules": {
+      "version": "1.5.1",
+      "resolved": "https://registry.npmjs.org/prosemirror-inputrules/-/prosemirror-inputrules-1.5.1.tgz",
+      "integrity": "sha512-7wj4uMjKaXWAQ1CDgxNzNtR9AlsuwzHfdFH1ygEHA2KHF2DOEaXl1CJfNPAKCg9qNEh4rum975QLaCiQPyY6Fw==",
+      "license": "MIT",
+      "dependencies": {
+        "prosemirror-state": "^1.0.0",
+        "prosemirror-transform": "^1.0.0"
+      }
+    },
+    "node_modules/prosemirror-keymap": {
+      "version": "1.2.3",
+      "resolved": "https://registry.npmjs.org/prosemirror-keymap/-/prosemirror-keymap-1.2.3.tgz",
+      "integrity": "sha512-4HucRlpiLd1IPQQXNqeo81BGtkY8Ai5smHhKW9jjPKRc2wQIxksg7Hl1tTI2IfT2B/LgX6bfYvXxEpJl7aKYKw==",
+      "license": "MIT",
+      "dependencies": {
+        "prosemirror-state": "^1.0.0",
+        "w3c-keyname": "^2.2.0"
+      }
+    },
+    "node_modules/prosemirror-markdown": {
+      "version": "1.13.2",
+      "resolved": "https://registry.npmjs.org/prosemirror-markdown/-/prosemirror-markdown-1.13.2.tgz",
+      "integrity": "sha512-FPD9rHPdA9fqzNmIIDhhnYQ6WgNoSWX9StUZ8LEKapaXU9i6XgykaHKhp6XMyXlOWetmaFgGDS/nu/w9/vUc5g==",
+      "license": "MIT",
+      "dependencies": {
+        "@types/markdown-it": "^14.0.0",
+        "markdown-it": "^14.0.0",
+        "prosemirror-model": "^1.25.0"
+      }
+    },
+    "node_modules/prosemirror-menu": {
+      "version": "1.2.5",
+      "resolved": "https://registry.npmjs.org/prosemirror-menu/-/prosemirror-menu-1.2.5.tgz",
+      "integrity": "sha512-qwXzynnpBIeg1D7BAtjOusR+81xCp53j7iWu/IargiRZqRjGIlQuu1f3jFi+ehrHhWMLoyOQTSRx/IWZJqOYtQ==",
+      "license": "MIT",
+      "dependencies": {
+        "crelt": "^1.0.0",
+        "prosemirror-commands": "^1.0.0",
+        "prosemirror-history": "^1.0.0",
+        "prosemirror-state": "^1.0.0"
+      }
+    },
+    "node_modules/prosemirror-model": {
+      "version": "1.25.4",
+      "resolved": "https://registry.npmjs.org/prosemirror-model/-/prosemirror-model-1.25.4.tgz",
+      "integrity": "sha512-PIM7E43PBxKce8OQeezAs9j4TP+5yDpZVbuurd1h5phUxEKIu+G2a+EUZzIC5nS1mJktDJWzbqS23n1tsAf5QA==",
+      "license": "MIT",
+      "dependencies": {
+        "orderedmap": "^2.0.0"
+      }
+    },
+    "node_modules/prosemirror-schema-basic": {
+      "version": "1.2.4",
+      "resolved": "https://registry.npmjs.org/prosemirror-schema-basic/-/prosemirror-schema-basic-1.2.4.tgz",
+      "integrity": "sha512-ELxP4TlX3yr2v5rM7Sb70SqStq5NvI15c0j9j/gjsrO5vaw+fnnpovCLEGIcpeGfifkuqJwl4fon6b+KdrODYQ==",
+      "license": "MIT",
+      "dependencies": {
+        "prosemirror-model": "^1.25.0"
+      }
+    },
+    "node_modules/prosemirror-schema-list": {
+      "version": "1.5.1",
+      "resolved": "https://registry.npmjs.org/prosemirror-schema-list/-/prosemirror-schema-list-1.5.1.tgz",
+      "integrity": "sha512-927lFx/uwyQaGwJxLWCZRkjXG0p48KpMj6ueoYiu4JX05GGuGcgzAy62dfiV8eFZftgyBUvLx76RsMe20fJl+Q==",
+      "license": "MIT",
+      "dependencies": {
+        "prosemirror-model": "^1.0.0",
+        "prosemirror-state": "^1.0.0",
+        "prosemirror-transform": "^1.7.3"
+      }
+    },
+    "node_modules/prosemirror-state": {
+      "version": "1.4.4",
+      "resolved": "https://registry.npmjs.org/prosemirror-state/-/prosemirror-state-1.4.4.tgz",
+      "integrity": "sha512-6jiYHH2CIGbCfnxdHbXZ12gySFY/fz/ulZE333G6bPqIZ4F+TXo9ifiR86nAHpWnfoNjOb3o5ESi7J8Uz1jXHw==",
+      "license": "MIT",
+      "dependencies": {
+        "prosemirror-model": "^1.0.0",
+        "prosemirror-transform": "^1.0.0",
+        "prosemirror-view": "^1.27.0"
+      }
+    },
+    "node_modules/prosemirror-tables": {
+      "version": "1.8.5",
+      "resolved": "https://registry.npmjs.org/prosemirror-tables/-/prosemirror-tables-1.8.5.tgz",
+      "integrity": "sha512-V/0cDCsHKHe/tfWkeCmthNUcEp1IVO3p6vwN8XtwE9PZQLAZJigbw3QoraAdfJPir4NKJtNvOB8oYGKRl+t0Dw==",
+      "license": "MIT",
+      "dependencies": {
+        "prosemirror-keymap": "^1.2.3",
+        "prosemirror-model": "^1.25.4",
+        "prosemirror-state": "^1.4.4",
+        "prosemirror-transform": "^1.10.5",
+        "prosemirror-view": "^1.41.4"
+      }
+    },
+    "node_modules/prosemirror-trailing-node": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/prosemirror-trailing-node/-/prosemirror-trailing-node-3.0.0.tgz",
+      "integrity": "sha512-xiun5/3q0w5eRnGYfNlW1uU9W6x5MoFKWwq/0TIRgt09lv7Hcser2QYV8t4muXbEr+Fwo0geYn79Xs4GKywrRQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@remirror/core-constants": "3.0.0",
+        "escape-string-regexp": "^4.0.0"
+      },
+      "peerDependencies": {
+        "prosemirror-model": "^1.22.1",
+        "prosemirror-state": "^1.4.2",
+        "prosemirror-view": "^1.33.8"
+      }
+    },
+    "node_modules/prosemirror-transform": {
+      "version": "1.10.5",
+      "resolved": "https://registry.npmjs.org/prosemirror-transform/-/prosemirror-transform-1.10.5.tgz",
+      "integrity": "sha512-RPDQCxIDhIBb1o36xxwsaeAvivO8VLJcgBtzmOwQ64bMtsVFh5SSuJ6dWSxO1UsHTiTXPCgQm3PDJt7p6IOLbw==",
+      "license": "MIT",
+      "dependencies": {
+        "prosemirror-model": "^1.21.0"
+      }
+    },
+    "node_modules/prosemirror-view": {
+      "version": "1.41.4",
+      "resolved": "https://registry.npmjs.org/prosemirror-view/-/prosemirror-view-1.41.4.tgz",
+      "integrity": "sha512-WkKgnyjNncri03Gjaz3IFWvCAE94XoiEgvtr0/r2Xw7R8/IjK3sKLSiDoCHWcsXSAinVaKlGRZDvMCsF1kbzjA==",
+      "license": "MIT",
+      "dependencies": {
+        "prosemirror-model": "^1.20.0",
+        "prosemirror-state": "^1.0.0",
+        "prosemirror-transform": "^1.1.0"
+      }
+    },
     "node_modules/psl": {
       "version": "1.15.0",
       "resolved": "https://registry.npmjs.org/psl/-/psl-1.15.0.tgz",
@@ -11774,6 +13252,15 @@
         "node": ">=6"
       }
     },
+    "node_modules/punycode.js": {
+      "version": "2.3.1",
+      "resolved": "https://registry.npmjs.org/punycode.js/-/punycode.js-2.3.1.tgz",
+      "integrity": "sha512-uxFIHU0YlHYhDQtV4R9J6a52SLx28BCjT+4ieh7IGbgwVJWO+km431c4yRlREUAsAmt/uMjQUyQHNEPf0M39CA==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=6"
+      }
+    },
     "node_modules/pure-rand": {
       "version": "6.1.0",
       "resolved": "https://registry.npmjs.org/pure-rand/-/pure-rand-6.1.0.tgz",
@@ -12119,6 +13606,12 @@
         "node": ">=0.10.0"
       }
     },
+    "node_modules/rope-sequence": {
+      "version": "1.3.4",
+      "resolved": "https://registry.npmjs.org/rope-sequence/-/rope-sequence-1.3.4.tgz",
+      "integrity": "sha512-UT5EDe2cu2E/6O4igUr5PSFs23nvvukicWHx6GnOPlHAiiYbzNuCRQCuiUdHJQcqKalLKlrYJnjY0ySGsXNQXQ==",
+      "license": "MIT"
+    },
     "node_modules/run-parallel": {
       "version": "1.2.0",
       "resolved": "https://registry.npmjs.org/run-parallel/-/run-parallel-1.2.0.tgz",
@@ -12205,6 +13698,20 @@
       "dev": true,
       "license": "MIT"
     },
+    "node_modules/sanitize-html": {
+      "version": "2.17.0",
+      "resolved": "https://registry.npmjs.org/sanitize-html/-/sanitize-html-2.17.0.tgz",
+      "integrity": "sha512-dLAADUSS8rBwhaevT12yCezvioCA+bmUTPH/u57xKPT8d++voeYE6HeluA/bPbQ15TwDBG2ii+QZIEmYx8VdxA==",
+      "license": "MIT",
+      "dependencies": {
+        "deepmerge": "^4.2.2",
+        "escape-string-regexp": "^4.0.0",
+        "htmlparser2": "^8.0.0",
+        "is-plain-object": "^5.0.0",
+        "parse-srcset": "^1.0.2",
+        "postcss": "^8.3.11"
+      }
+    },
     "node_modules/satori": {
       "version": "0.12.2",
       "resolved": "https://registry.npmjs.org/satori/-/satori-0.12.2.tgz",
@@ -12625,29 +14132,6 @@
         "node": ">=8"
       }
     },
-    "node_modules/string-width-cjs": {
-      "name": "string-width",
-      "version": "4.2.3",
-      "resolved": "https://registry.npmjs.org/string-width/-/string-width-4.2.3.tgz",
-      "integrity": "sha512-wKyQRQpjJ0sIp62ErSZdGsjMJWsap5oRNihHhu6G7JVO/9jIB6UyevL+tXuOqrng8j/cxKTWyWUwvSTriiZz/g==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "emoji-regex": "^8.0.0",
-        "is-fullwidth-code-point": "^3.0.0",
-        "strip-ansi": "^6.0.1"
-      },
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/string-width-cjs/node_modules/emoji-regex": {
-      "version": "8.0.0",
-      "resolved": "https://registry.npmjs.org/emoji-regex/-/emoji-regex-8.0.0.tgz",
-      "integrity": "sha512-MSjYzcWNOA0ewAHpz0MxpYFvwg6yjy1NG3xteoqz644VCo/RPgnr1/GGt+ic3iJTzQ8Eu3TdM14SawnVUmGE6A==",
-      "dev": true,
-      "license": "MIT"
-    },
     "node_modules/string-width/node_modules/emoji-regex": {
       "version": "8.0.0",
       "resolved": "https://registry.npmjs.org/emoji-regex/-/emoji-regex-8.0.0.tgz",
@@ -12800,20 +14284,6 @@
         "node": ">=8"
       }
     },
-    "node_modules/strip-ansi-cjs": {
-      "name": "strip-ansi",
-      "version": "6.0.1",
-      "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-6.0.1.tgz",
-      "integrity": "sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "ansi-regex": "^5.0.1"
-      },
-      "engines": {
-        "node": ">=8"
-      }
-    },
     "node_modules/strip-bom": {
       "version": "4.0.0",
       "resolved": "https://registry.npmjs.org/strip-bom/-/strip-bom-4.0.0.tgz",
@@ -12922,18 +14392,18 @@
       }
     },
     "node_modules/sucrase": {
-      "version": "3.35.0",
-      "resolved": "https://registry.npmjs.org/sucrase/-/sucrase-3.35.0.tgz",
-      "integrity": "sha512-8EbVDiu9iN/nESwxeSxDKe0dunta1GOlHufmSSXxMD2z2/tMZpDMpvXQGsc+ajGo8y2uYUmixaSRUc/QPoQ0GA==",
+      "version": "3.35.1",
+      "resolved": "https://registry.npmjs.org/sucrase/-/sucrase-3.35.1.tgz",
+      "integrity": "sha512-DhuTmvZWux4H1UOnWMB3sk0sbaCVOoQZjv8u1rDoTV0HTdGem9hkAZtl4JZy8P2z4Bg0nT+YMeOFyVr4zcG5Tw==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
         "@jridgewell/gen-mapping": "^0.3.2",
         "commander": "^4.0.0",
-        "glob": "^10.3.10",
         "lines-and-columns": "^1.1.6",
         "mz": "^2.7.0",
         "pirates": "^4.0.1",
+        "tinyglobby": "^0.2.11",
         "ts-interface-checker": "^0.1.9"
       },
       "bin": {
@@ -12944,52 +14414,6 @@
         "node": ">=16 || 14 >=14.17"
       }
     },
-    "node_modules/sucrase/node_modules/brace-expansion": {
-      "version": "2.0.2",
-      "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-2.0.2.tgz",
-      "integrity": "sha512-Jt0vHyM+jmUBqojB7E1NIYadt0vI0Qxjxd2TErW94wDz+E2LAm5vKMXXwg6ZZBTHPuUlDgQHKXvjGBdfcF1ZDQ==",
-      "dev": true,
-      "dependencies": {
-        "balanced-match": "^1.0.0"
-      }
-    },
-    "node_modules/sucrase/node_modules/glob": {
-      "version": "10.5.0",
-      "resolved": "https://registry.npmjs.org/glob/-/glob-10.5.0.tgz",
-      "integrity": "sha512-DfXN8DfhJ7NH3Oe7cFmu3NCu1wKbkReJ8TorzSAFbSKrlNaQSKfIzqYqVY8zlbs2NLBbWpRiU52GX2PbaBVNkg==",
-      "dev": true,
-      "license": "ISC",
-      "dependencies": {
-        "foreground-child": "^3.1.0",
-        "jackspeak": "^3.1.2",
-        "minimatch": "^9.0.4",
-        "minipass": "^7.1.2",
-        "package-json-from-dist": "^1.0.0",
-        "path-scurry": "^1.11.1"
-      },
-      "bin": {
-        "glob": "dist/esm/bin.mjs"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/isaacs"
-      }
-    },
-    "node_modules/sucrase/node_modules/minimatch": {
-      "version": "9.0.5",
-      "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-9.0.5.tgz",
-      "integrity": "sha512-G6T0ZX48xgozx7587koeX9Ys2NYy6Gmv//P89sEte9V9whIapMNF4idKxnW2QtCcLiTWlb/wfCabAtAFWhhBow==",
-      "dev": true,
-      "license": "ISC",
-      "dependencies": {
-        "brace-expansion": "^2.0.1"
-      },
-      "engines": {
-        "node": ">=16 || 14 >=14.17"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/isaacs"
-      }
-    },
     "node_modules/supports-color": {
       "version": "7.2.0",
       "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz",
@@ -13595,7 +15019,7 @@
       "version": "5.9.3",
       "resolved": "https://registry.npmjs.org/typescript/-/typescript-5.9.3.tgz",
       "integrity": "sha512-jl1vZzPDinLr9eUt3J/t7V6FgNEw9QjvBPdysz9KfQDD41fQrC2Y4vKQdiaUpFT4bXlb1RHhLpp8wtm6M5TgSw==",
-      "dev": true,
+      "devOptional": true,
       "license": "Apache-2.0",
       "bin": {
         "tsc": "bin/tsc",
@@ -13605,6 +15029,12 @@
         "node": ">=14.17"
       }
     },
+    "node_modules/uc.micro": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/uc.micro/-/uc.micro-2.1.0.tgz",
+      "integrity": "sha512-ARDJmphmdvUk6Glw7y9DQ2bFkKBHwQHLi2lsaH6PPmz/Ka9sFOBsBluozhDltWmnv9u/cF6Rt87znRTPV+yp/A==",
+      "license": "MIT"
+    },
     "node_modules/uglify-js": {
       "version": "3.19.3",
       "resolved": "https://registry.npmjs.org/uglify-js/-/uglify-js-3.19.3.tgz",
@@ -13641,8 +15071,7 @@
     "node_modules/undici-types": {
       "version": "6.21.0",
       "resolved": "https://registry.npmjs.org/undici-types/-/undici-types-6.21.0.tgz",
-      "integrity": "sha512-iwDZqg0QAGrg9Rav5H4n0M64c3mkR59cJ6wQp+7C4nI0gsmExaedaYLNO44eT4AtBBwjbTiGPMlt2Md0T9H9JQ==",
-      "dev": true
+      "integrity": "sha512-iwDZqg0QAGrg9Rav5H4n0M64c3mkR59cJ6wQp+7C4nI0gsmExaedaYLNO44eT4AtBBwjbTiGPMlt2Md0T9H9JQ=="
     },
     "node_modules/unicode-trie": {
       "version": "2.0.0",
@@ -13746,9 +15175,9 @@
       }
     },
     "node_modules/update-browserslist-db": {
-      "version": "1.1.2",
-      "resolved": "https://registry.npmjs.org/update-browserslist-db/-/update-browserslist-db-1.1.2.tgz",
-      "integrity": "sha512-PPypAm5qvlD7XMZC3BujecnaOxwhrtoFR+Dqkk5Aa/6DssiH0ibKoketaj9w8LP7Bont1rYeoV5plxD7RTEPRg==",
+      "version": "1.2.3",
+      "resolved": "https://registry.npmjs.org/update-browserslist-db/-/update-browserslist-db-1.2.3.tgz",
+      "integrity": "sha512-Js0m9cx+qOgDxo0eMiFGEueWztz+d4+M3rGlmKPT+T4IS/jP4ylw3Nwpu6cpTTP8R1MAC1kF4VbdLt3ARf209w==",
       "dev": true,
       "funding": [
         {
@@ -13797,6 +15226,29 @@
         "requires-port": "^1.0.0"
       }
     },
+    "node_modules/use-intl": {
+      "version": "4.7.0",
+      "resolved": "https://registry.npmjs.org/use-intl/-/use-intl-4.7.0.tgz",
+      "integrity": "sha512-jyd8nSErVRRsSlUa+SDobKHo9IiWs5fjcPl9VBUnzUyEQpVM5mwJCgw8eUiylhvBpLQzUGox1KN0XlRivSID9A==",
+      "license": "MIT",
+      "dependencies": {
+        "@formatjs/fast-memoize": "^2.2.0",
+        "@schummar/icu-type-parser": "1.21.5",
+        "intl-messageformat": "^10.5.14"
+      },
+      "peerDependencies": {
+        "react": "^17.0.0 || ^18.0.0 || >=19.0.0-rc <19.0.0 || ^19.0.0"
+      }
+    },
+    "node_modules/use-sync-external-store": {
+      "version": "1.6.0",
+      "resolved": "https://registry.npmjs.org/use-sync-external-store/-/use-sync-external-store-1.6.0.tgz",
+      "integrity": "sha512-Pp6GSwGP/NrPIrxVFAIkOQeyw8lFenOHijQWkUTrDvrF4ALqylP2C/KCkeS9dpUM3KvYRQhna5vt7IL95+ZQ9w==",
+      "license": "MIT",
+      "peerDependencies": {
+        "react": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0"
+      }
+    },
     "node_modules/util-deprecate": {
       "version": "1.0.2",
       "resolved": "https://registry.npmjs.org/util-deprecate/-/util-deprecate-1.0.2.tgz",
@@ -13852,6 +15304,12 @@
         "url": "https://opencollective.com/unified"
       }
     },
+    "node_modules/w3c-keyname": {
+      "version": "2.2.8",
+      "resolved": "https://registry.npmjs.org/w3c-keyname/-/w3c-keyname-2.2.8.tgz",
+      "integrity": "sha512-dpojBhNsCNN7T82Tm7k26A6G9ML3NkhDsnw9n/eoxSRlVBB4CEtIQ/KTCLI2Fwf3ataSXRhYFkQi3SlnFwPvPQ==",
+      "license": "MIT"
+    },
     "node_modules/w3c-xmlserializer": {
       "version": "4.0.0",
       "resolved": "https://registry.npmjs.org/w3c-xmlserializer/-/w3c-xmlserializer-4.0.0.tgz",
@@ -13966,7 +15424,6 @@
       "version": "3.0.0",
       "resolved": "https://registry.npmjs.org/whatwg-mimetype/-/whatwg-mimetype-3.0.0.tgz",
       "integrity": "sha512-nt+N2dzIutVRxARx1nghPKGv1xHikU7HKdfafKkLNLindmPU/ch3U31NOCGGA/dmPcmb1VlofO0vnKAcsm0o/Q==",
-      "dev": true,
       "license": "MIT",
       "engines": {
         "node": ">=12"
@@ -14125,25 +15582,6 @@
         "url": "https://github.com/chalk/wrap-ansi?sponsor=1"
       }
     },
-    "node_modules/wrap-ansi-cjs": {
-      "name": "wrap-ansi",
-      "version": "7.0.0",
-      "resolved": "https://registry.npmjs.org/wrap-ansi/-/wrap-ansi-7.0.0.tgz",
-      "integrity": "sha512-YVGIj2kamLSTxw6NsZjoBxfSwsn0ycdesmc4p+Q21c5zPuZ1pl+NfxVdxPtdHvmNVOQ6XSYG4AUtyt/Fi7D16Q==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "ansi-styles": "^4.0.0",
-        "string-width": "^4.1.0",
-        "strip-ansi": "^6.0.0"
-      },
-      "engines": {
-        "node": ">=10"
-      },
-      "funding": {
-        "url": "https://github.com/chalk/wrap-ansi?sponsor=1"
-      }
-    },
     "node_modules/wrappy": {
       "version": "1.0.2",
       "resolved": "https://registry.npmjs.org/wrappy/-/wrappy-1.0.2.tgz",
@@ -14166,10 +15604,9 @@
       }
     },
     "node_modules/ws": {
-      "version": "8.18.1",
-      "resolved": "https://registry.npmjs.org/ws/-/ws-8.18.1.tgz",
-      "integrity": "sha512-RKW2aJZMXeMxVpnZ6bck+RswznaxmzdULiBr6KY7XkTnW8uvt0iT9H5DkHUChXrc+uurzwa0rVI16n/Xzjdz1w==",
-      "dev": true,
+      "version": "8.19.0",
+      "resolved": "https://registry.npmjs.org/ws/-/ws-8.19.0.tgz",
+      "integrity": "sha512-blAT2mjOEIi0ZzruJfIhb3nps74PRWTCz1IjglWEEpQl5XS/UNama6u2/rjFkDDouqr4L67ry+1aGIALViWjDg==",
       "license": "MIT",
       "engines": {
         "node": ">=10.0.0"
@@ -14222,16 +15659,19 @@
       "license": "ISC"
     },
     "node_modules/yaml": {
-      "version": "2.7.0",
-      "resolved": "https://registry.npmjs.org/yaml/-/yaml-2.7.0.tgz",
-      "integrity": "sha512-+hSoy/QHluxmC9kCIJyL/uyFmLmc+e5CFR5Wa+bpIhIj85LVb9ZH2nVnqrHoSvKogwODv0ClqZkmiSSaIH5LTA==",
+      "version": "2.8.2",
+      "resolved": "https://registry.npmjs.org/yaml/-/yaml-2.8.2.tgz",
+      "integrity": "sha512-mplynKqc1C2hTVYxd0PU2xQAc22TI1vShAYGksCCfxbn/dFwnHTNi1bvYsBTkhdUNtGIf5xNOg938rrSSYvS9A==",
       "dev": true,
       "license": "ISC",
       "bin": {
         "yaml": "bin.mjs"
       },
       "engines": {
-        "node": ">= 14"
+        "node": ">= 14.6"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/eemeli"
       }
     },
     "node_modules/yargs": {
@@ -14292,6 +15732,15 @@
       "integrity": "sha512-N+d4UJSJbt/R3wqY7Coqs5pcV0aUj2j9IaQ3rNj9bVCLld8tTGKRa2USARjnvZJWVx1NDmQev8EknoczaOQDOA==",
       "license": "MIT"
     },
+    "node_modules/zod": {
+      "version": "4.3.5",
+      "resolved": "https://registry.npmjs.org/zod/-/zod-4.3.5.tgz",
+      "integrity": "sha512-k7Nwx6vuWx1IJ9Bjuf4Zt1PEllcwe7cls3VNzm4CQ1/hgtFUK2bRNG3rvnpPUhFjmqJKAKtjV576KnUkHocg/g==",
+      "license": "MIT",
+      "funding": {
+        "url": "https://github.com/sponsors/colinhacks"
+      }
+    },
     "node_modules/zwitch": {
       "version": "2.0.4",
       "resolved": "https://registry.npmjs.org/zwitch/-/zwitch-2.0.4.tgz",
diff --git a/package.json b/package.json
index 6e6fd2d..84ab681 100644
--- a/package.json
+++ b/package.json
@@ -54,6 +54,14 @@
   "dependencies": {
     "@next/bundle-analyzer": "^15.1.7",
     "@prisma/client": "^5.22.0",
+    "@tiptap/extension-color": "^3.15.3",
+    "@tiptap/extension-highlight": "^3.15.3",
+    "@tiptap/extension-link": "^3.15.3",
+    "@tiptap/extension-text-style": "^3.15.3",
+    "@tiptap/extension-underline": "^3.15.3",
+    "@tiptap/html": "^3.15.3",
+    "@tiptap/react": "^3.15.3",
+    "@tiptap/starter-kit": "^3.15.3",
     "@vercel/og": "^0.6.5",
     "clsx": "^2.1.1",
     "dotenv": "^16.6.1",
@@ -61,6 +69,7 @@
     "gray-matter": "^4.0.3",
     "lucide-react": "^0.542.0",
     "next": "^15.5.7",
+    "next-intl": "^4.7.0",
     "node-cache": "^5.1.2",
     "node-fetch": "^2.7.0",
     "nodemailer": "^7.0.11",
@@ -70,7 +79,9 @@
     "react-markdown": "^10.1.0",
     "react-responsive-masonry": "^2.7.1",
     "redis": "^5.8.2",
-    "tailwind-merge": "^2.6.0"
+    "sanitize-html": "^2.17.0",
+    "tailwind-merge": "^2.6.0",
+    "zod": "^4.3.5"
   },
   "devDependencies": {
     "@eslint/eslintrc": "^3",
@@ -86,6 +97,8 @@
     "@types/react-dom": "^19",
     "@types/react-responsive-masonry": "^2.6.0",
     "@types/react-syntax-highlighter": "^15.5.11",
+    "@types/sanitize-html": "^2.16.0",
+    "autoprefixer": "^10.4.20",
     "cross-env": "^7.0.3",
     "eslint": "^9",
     "eslint-config-next": "^15.5.7",
@@ -93,7 +106,7 @@
     "jest-environment-jsdom": "^29.7.0",
     "nodemailer-mock": "^2.0.9",
     "playwright": "^1.57.0",
-    "postcss": "^8",
+    "postcss": "^8.4.49",
     "prisma": "^5.22.0",
     "tailwindcss": "^3.4.17",
     "ts-jest": "^29.2.5",
diff --git a/prisma/schema.prisma b/prisma/schema.prisma
index 2705de9..81fee79 100644
--- a/prisma/schema.prisma
+++ b/prisma/schema.prisma
@@ -9,6 +9,8 @@ datasource db {
 
 model Project {
   id                 Int        @id @default(autoincrement())
+  slug               String     @unique @db.VarChar(255)
+  defaultLocale      String     @default("en") @db.VarChar(10)
   title              String     @db.VarChar(255)
   description        String
   content            String
@@ -39,6 +41,8 @@ model Project {
   createdAt          DateTime   @default(now()) @map("created_at")
   updatedAt          DateTime   @updatedAt @map("updated_at")
 
+  translations       ProjectTranslation[]
+
   @@index([category])
   @@index([featured])
   @@index([published])
@@ -47,6 +51,75 @@ model Project {
   @@index([tags])
 }
 
+model ProjectTranslation {
+  id              Int      @id @default(autoincrement())
+  projectId        Int      @map("project_id")
+  locale          String   @db.VarChar(10)
+  title           String   @db.VarChar(255)
+  description     String
+  content         Json?
+  metaDescription String?
+  keywords        String?
+  ogImage         String?  @db.VarChar(500)
+  schema          Json?
+  createdAt       DateTime @default(now()) @map("created_at")
+  updatedAt       DateTime @updatedAt @map("updated_at")
+
+  project         Project  @relation(fields: [projectId], references: [id], onDelete: Cascade)
+
+  @@unique([projectId, locale])
+  @@index([locale])
+  @@index([projectId])
+  @@map("project_translations")
+}
+
+model ContentPage {
+  id         Int      @id @default(autoincrement())
+  key        String   @unique @db.VarChar(100)
+  status     ContentStatus @default(PUBLISHED)
+  createdAt  DateTime @default(now()) @map("created_at")
+  updatedAt  DateTime @updatedAt @map("updated_at")
+
+  translations ContentPageTranslation[]
+
+  @@map("content_pages")
+}
+
+model ContentPageTranslation {
+  id              Int      @id @default(autoincrement())
+  pageId          Int      @map("page_id")
+  locale          String   @db.VarChar(10)
+  title           String?
+  slug            String?  @db.VarChar(255)
+  content         Json
+  metaDescription String?
+  keywords        String?
+  updatedAt       DateTime @updatedAt @map("updated_at")
+  createdAt       DateTime @default(now()) @map("created_at")
+
+  page            ContentPage @relation(fields: [pageId], references: [id], onDelete: Cascade)
+
+  @@unique([pageId, locale])
+  @@index([locale])
+  @@index([slug])
+  @@map("content_page_translations")
+}
+
+model SiteSettings {
+  id            Int      @id @default(1)
+  defaultLocale String   @default("en") @db.VarChar(10)
+  locales       String[] @default(["en","de"])
+  theme         Json?
+  updatedAt     DateTime @updatedAt @map("updated_at")
+
+  @@map("site_settings")
+}
+
+enum ContentStatus {
+  DRAFT
+  PUBLISHED
+}
+
 model PageView {
   id        Int      @id @default(autoincrement())
   projectId Int?     @map("project_id")
diff --git a/prisma/seed.ts b/prisma/seed.ts
index 100932d..fa8a4f2 100644
--- a/prisma/seed.ts
+++ b/prisma/seed.ts
@@ -1,4 +1,5 @@
 import { PrismaClient } from "@prisma/client";
+import { slugify } from "../lib/slug";
 
 const prisma = new PrismaClient();
 
@@ -947,10 +948,21 @@ Visit any non-existent page on the site to see the terminal in action. Or click
     },
   ];
 
+  const usedSlugs = new Set<string>();
   for (const project of projects) {
+    const baseSlug = slugify(project.title);
+    let slug = baseSlug;
+    let counter = 2;
+    while (usedSlugs.has(slug) || !slug) {
+      slug = `${baseSlug || "project"}-${counter++}`;
+    }
+    usedSlugs.add(slug);
+
     await prisma.project.create({
       data: {
         ...project,
+        slug,
+        defaultLocale: "en",
         difficulty: project.difficulty as
           | "BEGINNER"
           | "INTERMEDIATE"

From 9839d1ba7ceec56dc0938efe7bb7e6f0310466c7 Mon Sep 17 00:00:00 2001
From: Cursor Agent <cursoragent@cursor.com>
Date: Mon, 12 Jan 2026 14:49:44 +0000
Subject: [PATCH 02/12] Checkpoint before follow-up message

Co-authored-by: dennis <dennis@konkol.net>
---
 .gitea/workflows/dev-deploy.yml        |  42 +++++-----
 .gitea/workflows/production-deploy.yml |   2 +-
 GITEA_VARIABLES_SETUP.md               | 103 ++++++++-----------------
 README.md                              |   4 +-
 app/api/projects/export/route.ts       |  31 +++++++-
 app/api/projects/import/route.ts       | 102 +++++++++++++++++++++++-
 components/ImportExport.tsx            |  10 +--
 docker-compose.testing.yml             |  95 +++++++++++++++++++++++
 docs/CMS_GUIDE.md                      |  20 +++++
 docs/TESTING_AND_DEPLOYMENT.md         |  52 +++++++++++++
 10 files changed, 358 insertions(+), 103 deletions(-)
 create mode 100644 docker-compose.testing.yml
 create mode 100644 docs/CMS_GUIDE.md
 create mode 100644 docs/TESTING_AND_DEPLOYMENT.md

diff --git a/.gitea/workflows/dev-deploy.yml b/.gitea/workflows/dev-deploy.yml
index d31ebf9..25e7efc 100644
--- a/.gitea/workflows/dev-deploy.yml
+++ b/.gitea/workflows/dev-deploy.yml
@@ -1,16 +1,16 @@
-name: Dev Deployment (Zero Downtime)
+name: Testing Deployment (Zero Downtime)
 
 on:
   push:
-    branches: [ dev ]
+    branches: [ testing ]
 
 env:
   NODE_VERSION: '20'
   DOCKER_IMAGE: portfolio-app
-  IMAGE_TAG: staging
+  IMAGE_TAG: testing
 
 jobs:
-  deploy-dev:
+  deploy-testing:
     runs-on: ubuntu-latest
     steps:
       - name: Checkout code
@@ -38,7 +38,7 @@ jobs:
 
       - name: Build Docker image
         run: |
-          echo "🏗️ Building dev Docker image with BuildKit cache..."
+          echo "🏗️ Building testing Docker image with BuildKit cache..."
           DOCKER_BUILDKIT=1 docker build \
             --cache-from ${{ env.DOCKER_IMAGE }}:${{ env.IMAGE_TAG }} \
             --cache-from ${{ env.DOCKER_IMAGE }}:latest \
@@ -46,12 +46,12 @@ jobs:
             .
           echo "✅ Docker image built successfully"
 
-      - name: Zero-Downtime Dev Deployment
+      - name: Zero-Downtime Testing Deployment
         run: |
-          echo "🚀 Starting zero-downtime dev deployment..."
+          echo "🚀 Starting zero-downtime testing deployment..."
           
-          COMPOSE_FILE="docker-compose.staging.yml"
-          CONTAINER_NAME="portfolio-app-staging"
+          COMPOSE_FILE="docker-compose.testing.yml"
+          CONTAINER_NAME="portfolio-app-testing"
           HEALTH_PORT="3002"
           
           # Backup current container ID if running
@@ -59,7 +59,7 @@ jobs:
           
           # Start new container with updated image
           echo "🆕 Starting new dev container..."
-          docker compose -f $COMPOSE_FILE up -d --no-deps --build portfolio-staging
+          docker compose -f $COMPOSE_FILE up -d --no-deps --build portfolio-testing
           
           # Wait for new container to be healthy
           echo "⏳ Waiting for new container to be healthy..."
@@ -84,8 +84,8 @@ jobs:
           
           # Verify new container is working
           if ! curl -f http://localhost:$HEALTH_PORT/api/health > /dev/null 2>&1; then
-            echo "⚠️ New dev container health check failed, but continuing (non-blocking)..."
-            docker compose -f $COMPOSE_FILE logs --tail=50 portfolio-staging
+            echo "⚠️ New testing container health check failed, but continuing (non-blocking)..."
+            docker compose -f $COMPOSE_FILE logs --tail=50 portfolio-testing
           fi
           
           # Remove old container if it exists and is different
@@ -98,11 +98,11 @@ jobs:
             fi
           fi
           
-          echo "✅ Dev deployment completed!"
+          echo "✅ Testing deployment completed!"
         env:
-          NODE_ENV: staging
+          NODE_ENV: production
           LOG_LEVEL: ${{ vars.LOG_LEVEL || 'debug' }}
-          NEXT_PUBLIC_BASE_URL: ${{ vars.NEXT_PUBLIC_BASE_URL || 'https://dev.dk0.dev' }}
+          NEXT_PUBLIC_BASE_URL: ${{ vars.NEXT_PUBLIC_BASE_URL_TESTING || 'https://testing.dk0.dev' }}
           MY_EMAIL: ${{ vars.MY_EMAIL }}
           MY_INFO_EMAIL: ${{ vars.MY_INFO_EMAIL }}
           MY_PASSWORD: ${{ secrets.MY_PASSWORD }}
@@ -111,19 +111,19 @@ jobs:
           N8N_WEBHOOK_URL: ${{ vars.N8N_WEBHOOK_URL || '' }}
           N8N_SECRET_TOKEN: ${{ secrets.N8N_SECRET_TOKEN || '' }}
 
-      - name: Dev Health Check
+      - name: Testing Health Check
         run: |
-          echo "🔍 Running dev health checks..."
+          echo "🔍 Running testing health checks..."
           for i in {1..20}; do
             if curl -f http://localhost:3002/api/health && curl -f http://localhost:3002/ > /dev/null; then
-              echo "✅ Dev is fully operational!"
+              echo "✅ Testing is fully operational!"
               exit 0
             fi
-            echo "⏳ Waiting for dev... ($i/20)"
+            echo "⏳ Waiting for testing... ($i/20)"
             sleep 3
           done
-          echo "⚠️ Dev health check failed, but continuing (non-blocking)..."
-          docker compose -f docker-compose.staging.yml logs --tail=50
+          echo "⚠️ Testing health check failed, but continuing (non-blocking)..."
+          docker compose -f docker-compose.testing.yml logs --tail=50
 
       - name: Cleanup
         run: |
diff --git a/.gitea/workflows/production-deploy.yml b/.gitea/workflows/production-deploy.yml
index 4312c17..f3b4d40 100644
--- a/.gitea/workflows/production-deploy.yml
+++ b/.gitea/workflows/production-deploy.yml
@@ -196,7 +196,7 @@ jobs:
         env:
           NODE_ENV: production
           LOG_LEVEL: ${{ vars.LOG_LEVEL || 'info' }}
-          NEXT_PUBLIC_BASE_URL: ${{ vars.NEXT_PUBLIC_BASE_URL || 'https://dk0.dev' }}
+          NEXT_PUBLIC_BASE_URL: ${{ vars.NEXT_PUBLIC_BASE_URL_PRODUCTION || 'https://dk0.dev' }}
           MY_EMAIL: ${{ vars.MY_EMAIL }}
           MY_INFO_EMAIL: ${{ vars.MY_INFO_EMAIL }}
           MY_PASSWORD: ${{ secrets.MY_PASSWORD }}
diff --git a/GITEA_VARIABLES_SETUP.md b/GITEA_VARIABLES_SETUP.md
index ff25bcd..83104b4 100644
--- a/GITEA_VARIABLES_SETUP.md
+++ b/GITEA_VARIABLES_SETUP.md
@@ -10,12 +10,12 @@ In Gitea kannst du **Variables** (öffentlich) und **Secrets** (verschlüsselt)
 2. Klicke auf **Settings** (Einstellungen)
 3. Klicke auf **Variables** oder **Secrets** im linken Menü
 
-## 🔑 Variablen für Production Branch
+## 🔑 Variablen für Production Branch (`production` → `dk0.dev`)
 
 Für den `production` Branch brauchst du:
 
 ### Variables (öffentlich sichtbar):
-- `NEXT_PUBLIC_BASE_URL` = `https://dk0.dev`
+- `NEXT_PUBLIC_BASE_URL_PRODUCTION` = `https://dk0.dev`
 - `MY_EMAIL` = `contact@dk0.dev` (oder deine Email)
 - `MY_INFO_EMAIL` = `info@dk0.dev` (oder deine Info-Email)
 - `LOG_LEVEL` = `info`
@@ -29,10 +29,10 @@ Für den `production` Branch brauchst du:
 
 ## 🧪 Variablen für Dev Branch
 
-Für den `dev` Branch brauchst du die **gleichen** Variablen, aber mit anderen Werten:
+Für den `testing` Branch brauchst du die **gleichen** Variablen, aber mit anderen Werten:
 
 ### Variables:
-- `NEXT_PUBLIC_BASE_URL` = `https://dev.dk0.dev` ⚠️ **WICHTIG: Andere URL!**
+- `NEXT_PUBLIC_BASE_URL_TESTING` = `https://testing.dk0.dev` ⚠️ **WICHTIG: Andere URL!**
 - `MY_EMAIL` = `contact@dk0.dev` (kann gleich sein)
 - `MY_INFO_EMAIL` = `info@dk0.dev` (kann gleich sein)
 - `LOG_LEVEL` = `debug` (für Dev mehr Logging)
@@ -41,7 +41,7 @@ Für den `dev` Branch brauchst du die **gleichen** Variablen, aber mit anderen W
 ### Secrets:
 - `MY_PASSWORD` = Dein Email-Passwort (kann gleich sein)
 - `MY_INFO_PASSWORD` = Dein Info-Email-Passwort (kann gleich sein)
-- `ADMIN_BASIC_AUTH` = `admin:staging_password` (kann anders sein)
+- `ADMIN_BASIC_AUTH` = `admin:testing_password` (kann anders sein)
 - `N8N_SECRET_TOKEN` = Dein n8n Secret Token (optional)
 
 ## ✅ Lösung: Automatische Branch-Erkennung
@@ -54,38 +54,27 @@ Die Workflows triggern auf unterschiedlichen Branches und verwenden automatisch
 
 **Production Workflow** (`.gitea/workflows/production-deploy.yml`):
 - Triggert nur auf `production` Branch
-- Verwendet: `NEXT_PUBLIC_BASE_URL` (wenn gesetzt) oder Default: `https://dk0.dev`
+- Verwendet: `NEXT_PUBLIC_BASE_URL_PRODUCTION` (wenn gesetzt) oder Default: `https://dk0.dev`
 
-**Dev Workflow** (`.gitea/workflows/dev-deploy.yml`):
-- Triggert nur auf `dev` Branch  
-- Verwendet: `NEXT_PUBLIC_BASE_URL` (wenn gesetzt) oder Default: `https://dev.dk0.dev`
+**Testing Workflow** (`.gitea/workflows/dev-deploy.yml`):
+- Triggert nur auf `testing` Branch  
+- Verwendet: `NEXT_PUBLIC_BASE_URL_TESTING` (wenn gesetzt) oder Default: `https://testing.dk0.dev`
 
 **Das bedeutet:**
-- Du setzt **eine** Variable `NEXT_PUBLIC_BASE_URL` in Gitea
-- **Production Branch** → verwendet diese Variable (oder Default `https://dk0.dev`)
-- **Dev Branch** → verwendet diese Variable (oder Default `https://dev.dk0.dev`)
+- Du setzt **zwei** Variablen in Gitea (empfohlen, weil Gitea nicht branch-spezifisch scoped):
+  - `NEXT_PUBLIC_BASE_URL_PRODUCTION`
+  - `NEXT_PUBLIC_BASE_URL_TESTING`
 
 ### ⚠️ WICHTIG:
-
-Da beide Workflows die **gleiche Variable** verwenden, aber unterschiedliche Defaults haben:
-
-**Option 1: Variable NICHT setzen (Empfohlen)**
-- Production verwendet automatisch: `https://dk0.dev`
-- Dev verwendet automatisch: `https://dev.dk0.dev`
-- ✅ Funktioniert perfekt ohne Konfiguration!
-
-**Option 2: Variable setzen**
-- Wenn du `NEXT_PUBLIC_BASE_URL` = `https://dk0.dev` setzt
-- Dann verwendet **beide** Branches diese URL (nicht ideal für Dev)
-- ⚠️ Nicht empfohlen, da Dev dann die Production-URL verwendet
+Gitea kann Variablen/Secrets nicht pro Branch trennen. Darum nutzen wir **separate Variablennamen** für Production und Testing.
 
 ## ✅ Empfohlene Konfiguration
 
-### ⭐ Einfachste Lösung: NICHTS setzen!
+### ⭐ Einfachste Lösung: nur URLs setzen (optional)
 
 Die Workflows haben bereits die richtigen Defaults:
 - **Production Branch** → automatisch `https://dk0.dev`
-- **Dev Branch** → automatisch `https://dev.dk0.dev`
+- **Testing Branch** → automatisch `https://testing.dk0.dev`
 
 Du musst **NICHTS** in Gitea setzen, es funktioniert automatisch!
 
@@ -102,8 +91,9 @@ Du musst **NICHTS** in Gitea setzen, es funktioniert automatisch!
 - `ADMIN_BASIC_AUTH` = `admin:dein_passwort`
 - `N8N_SECRET_TOKEN` = Dein n8n Token (optional)
 
-**⚠️ NICHT setzen:**
-- `NEXT_PUBLIC_BASE_URL` - Lass diese Variable leer, damit jeder Branch seinen eigenen Default verwendet!
+**Optional setzen:**
+- `NEXT_PUBLIC_BASE_URL_PRODUCTION` = `https://dk0.dev`
+- `NEXT_PUBLIC_BASE_URL_TESTING` = `https://testing.dk0.dev`
 
 ## 📝 Schritt-für-Schritt Anleitung
 
@@ -116,11 +106,17 @@ https://git.dk0.dev/denshooter/portfolio/settings
 
 ### 3. Für Variables (öffentlich):
 - Klicke auf **"New Variable"**
-- **Name:** `NEXT_PUBLIC_BASE_URL`
-- **Value:** `https://dk0.dev` (für Production)
+- **Name:** `NEXT_PUBLIC_BASE_URL_PRODUCTION`
+- **Value:** `https://dk0.dev`
 - **Protect:** ✅ (optional, schützt vor Änderungen)
 - Klicke **"Add Variable"**
 
+- Klicke auf **"New Variable"**
+- **Name:** `NEXT_PUBLIC_BASE_URL_TESTING`
+- **Value:** `https://testing.dk0.dev`
+- **Protect:** ✅ (optional)
+- Klicke **"Add Variable"**
+
 ### 4. Für Secrets (verschlüsselt):
 - Klicke auf **"New Secret"**
 - **Name:** `MY_PASSWORD`
@@ -133,53 +129,22 @@ Die Workflows verwenden diese einfache Logik:
 
 ```yaml
 # Production Workflow (triggert nur auf production branch)
-NEXT_PUBLIC_BASE_URL: ${{ vars.NEXT_PUBLIC_BASE_URL || 'https://dk0.dev' }}
+NEXT_PUBLIC_BASE_URL: ${{ vars.NEXT_PUBLIC_BASE_URL_PRODUCTION || 'https://dk0.dev' }}
 
-# Dev Workflow (triggert nur auf dev branch)
-NEXT_PUBLIC_BASE_URL: ${{ vars.NEXT_PUBLIC_BASE_URL || 'https://dev.dk0.dev' }}
+# Testing Workflow (triggert nur auf testing branch)
+NEXT_PUBLIC_BASE_URL: ${{ vars.NEXT_PUBLIC_BASE_URL_TESTING || 'https://testing.dk0.dev' }}
 ```
 
 **Das bedeutet:**
 - Jeder Workflow hat seinen **eigenen Default**
-- Wenn `NEXT_PUBLIC_BASE_URL` in Gitea gesetzt ist, wird diese verwendet
+- Wenn die jeweilige Variable (`NEXT_PUBLIC_BASE_URL_PRODUCTION` / `NEXT_PUBLIC_BASE_URL_TESTING`) in Gitea gesetzt ist, wird diese verwendet
 - Wenn **nicht** gesetzt, verwendet jeder Branch seinen eigenen Default
 
 **⭐ Beste Lösung:**
-- **NICHT** `NEXT_PUBLIC_BASE_URL` in Gitea setzen
-- Dann verwendet Production automatisch `https://dk0.dev`
-- Und Dev verwendet automatisch `https://dev.dk0.dev`
-- ✅ Perfekt getrennt, ohne Konfiguration!
+- Setze `NEXT_PUBLIC_BASE_URL_PRODUCTION` und `NEXT_PUBLIC_BASE_URL_TESTING` (oder lass beide weg und nutze Defaults).
 
 ## 🎯 Best Practice
 
-1. **Production:** Setze alle Variablen explizit in Gitea
-2. **Dev:** Nutze die Defaults im Workflow (oder setze separate Variablen)
-3. **Secrets:** Immer in Gitea Secrets setzen, nie in Code!
-
-## 🔍 Prüfen ob Variablen gesetzt sind
-
-In den Workflow-Logs siehst du:
-```
-📝 Using Gitea Variables and Secrets:
-  - NEXT_PUBLIC_BASE_URL: https://dk0.dev
-```
-
-Wenn eine Variable fehlt, wird der Default verwendet.
-
-## ⚙️ Alternative: Environment-spezifische Variablen
-
-Falls du separate Variablen für Dev und Production willst, können wir die Workflows anpassen:
-
-```yaml
-# Production
-NEXT_PUBLIC_BASE_URL: ${{ vars.NEXT_PUBLIC_BASE_URL_PRODUCTION || 'https://dk0.dev' }}
-
-# Dev  
-NEXT_PUBLIC_BASE_URL: ${{ vars.NEXT_PUBLIC_BASE_URL_DEV || 'https://dev.dk0.dev' }}
-```
-
-Dann könntest du setzen:
-- `NEXT_PUBLIC_BASE_URL_PRODUCTION` = `https://dk0.dev`
-- `NEXT_PUBLIC_BASE_URL_DEV` = `https://dev.dk0.dev`
-
-Soll ich die Workflows entsprechend anpassen?
+1. **Production (`production`)**: `docker-compose.production.yml` → Port 3000 → NPM Host `dk0.dev`
+2. **Testing (`testing`)**: `docker-compose.testing.yml` → Port 3002 → NPM Host `testing.dk0.dev`
+3. **Secrets**: immer als Gitea Secrets, nie im Code
diff --git a/README.md b/README.md
index 17babc9..2e9a1cd 100644
--- a/README.md
+++ b/README.md
@@ -48,8 +48,10 @@ npm run start        # Production Server
 ## 📖 Dokumentation
 
 - [Development Setup](DEV-SETUP.md) - Detaillierte Setup-Anleitung
-- [Deployment Guide](DEPLOYMENT.md) - Production Deployment
+- [Deployment Setup](DEPLOYMENT_SETUP.md) - Production Deployment
 - [Analytics](ANALYTICS.md) - Analytics und Performance
+- [CMS Guide](docs/CMS_GUIDE.md) - Inhalte/Sprachen pflegen (Rich Text)
+- [Testing & Deployment](docs/TESTING_AND_DEPLOYMENT.md) - Branches → Container → Domains
 
 ## 🔗 Links
 
diff --git a/app/api/projects/export/route.ts b/app/api/projects/export/route.ts
index 510b921..6645b4e 100644
--- a/app/api/projects/export/route.ts
+++ b/app/api/projects/export/route.ts
@@ -1,5 +1,5 @@
 import { NextRequest, NextResponse } from 'next/server';
-import { projectService } from '@/lib/prisma';
+import { prisma, projectService } from '@/lib/prisma';
 import { requireSessionAuth } from '@/lib/auth';
 
 export async function GET(request: NextRequest) {
@@ -9,16 +9,39 @@ export async function GET(request: NextRequest) {
     const authError = requireSessionAuth(request);
     if (authError) return authError;
 
-    // Get all projects with full data
-    const projectsResult = await projectService.getAllProjects();
+    // Projects (with translations)
+    const projectsResult = await projectService.getAllProjects({ limit: 10000 });
     const projects = projectsResult.projects || projectsResult;
+    const projectIds = projects.map((p: { id: number }) => p.id);
+
+    const projectTranslations = await prisma.projectTranslation.findMany({
+      where: { projectId: { in: projectIds } },
+      orderBy: [{ projectId: 'asc' }, { locale: 'asc' }],
+    });
+
+    // CMS content pages (with translations)
+    const contentPages = await prisma.contentPage.findMany({
+      orderBy: { key: 'asc' },
+      include: {
+        translations: {
+          orderBy: { locale: 'asc' },
+        },
+      },
+    });
+
+    const siteSettings = await prisma.siteSettings.findUnique({ where: { id: 1 } });
     
     // Format for export
     const exportData = {
-      version: '1.0',
+      version: '2.0',
       exportDate: new Date().toISOString(),
+      siteSettings,
+      contentPages,
+      projectTranslations,
       projects: projects.map(project => ({
         id: project.id,
+        slug: (project as unknown as { slug?: string }).slug,
+        defaultLocale: (project as unknown as { defaultLocale?: string }).defaultLocale,
         title: project.title,
         description: project.description,
         content: project.content,
diff --git a/app/api/projects/import/route.ts b/app/api/projects/import/route.ts
index 08f2859..33dfef6 100644
--- a/app/api/projects/import/route.ts
+++ b/app/api/projects/import/route.ts
@@ -1,5 +1,5 @@
 import { NextRequest, NextResponse } from 'next/server';
-import { projectService } from '@/lib/prisma';
+import { prisma, projectService } from '@/lib/prisma';
 import { requireSessionAuth } from '@/lib/auth';
 
 export async function POST(request: NextRequest) {
@@ -25,10 +25,65 @@ export async function POST(request: NextRequest) {
       errors: [] as string[]
     };
 
+    // Import SiteSettings (optional)
+    if (body.siteSettings && typeof body.siteSettings === 'object') {
+      try {
+        await prisma.siteSettings.upsert({
+          where: { id: 1 },
+          create: { id: 1, ...(body.siteSettings as Record<string, unknown>) } as any,
+          update: { ...(body.siteSettings as Record<string, unknown>) } as any,
+        });
+      } catch {
+        // non-blocking
+      }
+    }
+
+    // Import CMS content pages (optional)
+    if (Array.isArray(body.contentPages)) {
+      for (const page of body.contentPages) {
+        try {
+          if (!page?.key) continue;
+          const upserted = await prisma.contentPage.upsert({
+            where: { key: page.key },
+            create: { key: page.key, status: page.status || 'PUBLISHED' },
+            update: { status: page.status || 'PUBLISHED' },
+          });
+
+          if (Array.isArray(page.translations)) {
+            for (const tr of page.translations) {
+              if (!tr?.locale || !tr?.content) continue;
+              await prisma.contentPageTranslation.upsert({
+                where: { pageId_locale: { pageId: upserted.id, locale: tr.locale } },
+                create: {
+                  pageId: upserted.id,
+                  locale: tr.locale,
+                  title: tr.title || null,
+                  slug: tr.slug || null,
+                  content: tr.content,
+                  metaDescription: tr.metaDescription || null,
+                  keywords: tr.keywords || null,
+                } as any,
+                update: {
+                  title: tr.title || null,
+                  slug: tr.slug || null,
+                  content: tr.content,
+                  metaDescription: tr.metaDescription || null,
+                  keywords: tr.keywords || null,
+                } as any,
+              });
+            }
+          }
+        } catch (error) {
+          results.errors.push(`Failed to import content page "${page?.key}": ${error instanceof Error ? error.message : 'Unknown error'}`);
+        }
+      }
+    }
+
     // Preload existing titles once (avoid O(n^2) DB reads during import)
     const existingProjectsResult = await projectService.getAllProjects({ limit: 10000 });
     const existingProjects = existingProjectsResult.projects || existingProjectsResult;
     const existingTitles = new Set(existingProjects.map(p => p.title));
+    const existingSlugs = new Set(existingProjects.map(p => (p as unknown as { slug?: string }).slug).filter(Boolean));
 
     // Process each project
     for (const projectData of body.projects) {
@@ -43,7 +98,9 @@ export async function POST(request: NextRequest) {
         }
 
         // Create new project
-        await projectService.createProject({
+        const created = await projectService.createProject({
+          slug: projectData.slug,
+          defaultLocale: projectData.defaultLocale || 'en',
           title: projectData.title,
           description: projectData.description,
           content: projectData.content,
@@ -76,8 +133,49 @@ export async function POST(request: NextRequest) {
           }
         });
 
+        // Import translations (optional, from export v2)
+        if (Array.isArray(body.projectTranslations)) {
+          for (const tr of body.projectTranslations) {
+            if (!tr?.projectId || !tr?.locale) continue;
+            // Map translation to created project by original slug/title when possible.
+            // We match by slug if available in exported project list; otherwise by title.
+            const exportedProject = body.projects.find((p: any) => p.id === tr.projectId);
+            const exportedSlug = exportedProject?.slug;
+            const matches =
+              (exportedSlug && (created as any).slug === exportedSlug) ||
+              (!!exportedProject?.title && (created as any).title === exportedProject.title);
+            if (!matches) continue;
+
+            if (!tr.title || !tr.description) continue;
+            await prisma.projectTranslation.upsert({
+              where: { projectId_locale: { projectId: (created as any).id, locale: tr.locale } },
+              create: {
+                projectId: (created as any).id,
+                locale: tr.locale,
+                title: tr.title,
+                description: tr.description,
+                content: tr.content || null,
+                metaDescription: tr.metaDescription || null,
+                keywords: tr.keywords || null,
+                ogImage: tr.ogImage || null,
+                schema: tr.schema || null,
+              } as any,
+              update: {
+                title: tr.title,
+                description: tr.description,
+                content: tr.content || null,
+                metaDescription: tr.metaDescription || null,
+                keywords: tr.keywords || null,
+                ogImage: tr.ogImage || null,
+                schema: tr.schema || null,
+              } as any,
+            });
+          }
+        }
+
         results.imported++;
         existingTitles.add(projectData.title);
+        if (projectData.slug) existingSlugs.add(projectData.slug);
       } catch (error) {
         results.skipped++;
         results.errors.push(`Failed to import "${projectData.title}": ${error instanceof Error ? error.message : 'Unknown error'}`);
diff --git a/components/ImportExport.tsx b/components/ImportExport.tsx
index d31e5fb..f354a4f 100644
--- a/components/ImportExport.tsx
+++ b/components/ImportExport.tsx
@@ -36,7 +36,7 @@ export default function ImportExport() {
       const url = window.URL.createObjectURL(blob);
       const a = document.createElement('a');
       a.href = url;
-      a.download = `portfolio-projects-${new Date().toISOString().split('T')[0]}.json`;
+      a.download = `portfolio-backup-${new Date().toISOString().split('T')[0]}.json`;
       document.body.appendChild(a);
       a.click();
       window.URL.revokeObjectURL(url);
@@ -119,9 +119,9 @@ export default function ImportExport() {
       <div className="space-y-4">
         {/* Export Section */}
         <div className="bg-stone-50 border border-stone-200 rounded-xl p-4">
-          <h4 className="font-medium text-stone-900 mb-2">Export Projekte</h4>
+          <h4 className="font-medium text-stone-900 mb-2">Backup Export (Projekte + CMS)</h4>
           <p className="text-sm text-stone-600 mb-3">
-            Alle Projekte als JSON-Datei herunterladen
+            Vollständiges Backup als JSON herunterladen (inkl. CMS Inhalte und Übersetzungen)
           </p>
           <button
             onClick={handleExport}
@@ -135,9 +135,9 @@ export default function ImportExport() {
 
         {/* Import Section */}
         <div className="bg-stone-50 border border-stone-200 rounded-xl p-4">
-          <h4 className="font-medium text-stone-900 mb-2">Import Projekte</h4>
+          <h4 className="font-medium text-stone-900 mb-2">Backup Import</h4>
           <p className="text-sm text-stone-600 mb-3">
-            JSON-Datei mit Projekten hochladen
+            JSON-Datei mit Backup hochladen (Projekte + CMS + Übersetzungen)
           </p>
           <label className="flex items-center px-4 py-2 bg-stone-900 text-white rounded-lg hover:bg-stone-800 transition-colors cursor-pointer w-fit">
             <Upload className="w-4 h-4 mr-2" />
diff --git a/docker-compose.testing.yml b/docker-compose.testing.yml
new file mode 100644
index 0000000..7f22afc
--- /dev/null
+++ b/docker-compose.testing.yml
@@ -0,0 +1,95 @@
+# Testing Docker Compose configuration for testing.dk0.dev
+# Runs alongside production with isolated DB/Redis and different ports.
+
+services:
+  portfolio-testing:
+    image: portfolio-app:testing
+    container_name: portfolio-app-testing
+    restart: unless-stopped
+    ports:
+      - "3002:3000" # Nginx Proxy Manager -> http://HOST:3002
+    environment:
+      - NODE_ENV=production
+      - DATABASE_URL=postgresql://portfolio_user:portfolio_testing_pass@postgres-testing:5432/portfolio_testing_db?schema=public
+      - REDIS_URL=redis://redis-testing:6379
+      - NEXT_PUBLIC_BASE_URL=${NEXT_PUBLIC_BASE_URL:-https://testing.dk0.dev}
+      - MY_EMAIL=${MY_EMAIL:-contact@dk0.dev}
+      - MY_INFO_EMAIL=${MY_INFO_EMAIL:-info@dk0.dev}
+      - MY_PASSWORD=${MY_PASSWORD}
+      - MY_INFO_PASSWORD=${MY_INFO_PASSWORD}
+      - ADMIN_BASIC_AUTH=${ADMIN_BASIC_AUTH:-admin:testing_password}
+      - LOG_LEVEL=info
+      - N8N_WEBHOOK_URL=${N8N_WEBHOOK_URL:-}
+      - N8N_SECRET_TOKEN=${N8N_SECRET_TOKEN:-}
+      - N8N_API_KEY=${N8N_API_KEY:-}
+    volumes:
+      - portfolio_testing_data:/app/.next/cache
+    networks:
+      - portfolio_testing_net
+      - proxy
+    depends_on:
+      postgres-testing:
+        condition: service_healthy
+      redis-testing:
+        condition: service_healthy
+    healthcheck:
+      test: ["CMD", "curl", "-f", "http://localhost:3000/api/health"]
+      interval: 30s
+      timeout: 10s
+      retries: 3
+      start_period: 40s
+
+  postgres-testing:
+    image: postgres:16-alpine
+    container_name: portfolio-postgres-testing
+    restart: unless-stopped
+    environment:
+      - POSTGRES_DB=portfolio_testing_db
+      - POSTGRES_USER=portfolio_user
+      - POSTGRES_PASSWORD=portfolio_testing_pass
+    volumes:
+      - postgres_testing_data:/var/lib/postgresql/data
+      - ./scripts/init-db.sql:/docker-entrypoint-initdb.d/init-db.sql:ro
+    networks:
+      - portfolio_testing_net
+    ports:
+      - "5435:5432"
+    healthcheck:
+      test: ["CMD-SHELL", "pg_isready -U portfolio_user -d portfolio_testing_db"]
+      interval: 10s
+      timeout: 5s
+      retries: 5
+      start_period: 30s
+
+  redis-testing:
+    image: redis:7-alpine
+    container_name: portfolio-redis-testing
+    restart: unless-stopped
+    command: redis-server --appendonly yes --maxmemory 256mb --maxmemory-policy allkeys-lru
+    volumes:
+      - redis_testing_data:/data
+    networks:
+      - portfolio_testing_net
+    ports:
+      - "6382:6379"
+    healthcheck:
+      test: ["CMD", "redis-cli", "ping"]
+      interval: 10s
+      timeout: 5s
+      retries: 5
+      start_period: 30s
+
+volumes:
+  portfolio_testing_data:
+    driver: local
+  postgres_testing_data:
+    driver: local
+  redis_testing_data:
+    driver: local
+
+networks:
+  portfolio_testing_net:
+    driver: bridge
+  proxy:
+    external: true
+
diff --git a/docs/CMS_GUIDE.md b/docs/CMS_GUIDE.md
new file mode 100644
index 0000000..3632fec
--- /dev/null
+++ b/docs/CMS_GUIDE.md
@@ -0,0 +1,20 @@
+# CMS Guide (ohne extra Software)
+
+Du brauchst **kein externes CMS**: das Projekt hat ein eingebautes, self-hosted CMS (Postgres + Admin UI).
+
+## Wo ist das CMS?
+
+- Öffne: `/manage`
+- Login (Admin)
+- Tab: **Content**
+
+## Wie bearbeite ich Texte?
+
+Im Content Tab kannst du auswählen:
+- **Page key** (z.B. `home-hero`, `home-about`, `home-contact`, `privacy-policy`, `legal-notice`)
+- **Locale** (`en` oder `de`)
+
+Dann:
+- Text bearbeiten (Rich Text)
+- **Save**
+
diff --git a/docs/TESTING_AND_DEPLOYMENT.md b/docs/TESTING_AND_DEPLOYMENT.md
new file mode 100644
index 0000000..9b3f2b1
--- /dev/null
+++ b/docs/TESTING_AND_DEPLOYMENT.md
@@ -0,0 +1,52 @@
+# Testing & Deployment (Gitea → Docker → Nginx Proxy Manager)
+
+## Ziel
+
+- **Production**: Branch `production` → Container `portfolio-app` → `dk0.dev` (Port `3000`)
+- **Testing**: Branch `testing` → Container `portfolio-app-testing` → `testing.dk0.dev` (Port `3002`)
+
+Beide Stacks laufen parallel und sind komplett getrennt (eigene Postgres/Redis/Volumes).
+
+## DNS / Nginx Proxy Manager
+
+### DNS
+- Setze `A` (oder `CNAME`) Records:
+  - `dk0.dev` → dein Server
+  - `testing.dk0.dev` → dein Server
+
+### Nginx Proxy Manager
+Lege zwei Proxy Hosts an:
+
+- **`dk0.dev`**
+  - Forward Hostname/IP: `127.0.0.1` (oder Server-IP)
+  - Forward Port: `3000`
+
+- **`testing.dk0.dev`**
+  - Forward Hostname/IP: `127.0.0.1` (oder Server-IP)
+  - Forward Port: `3002`
+
+Dann SSL Zertifikate (Let’s Encrypt) aktivieren.
+
+## Gitea Workflows
+
+- `production` push → `.gitea/workflows/production-deploy.yml`
+- `testing` push → `.gitea/workflows/dev-deploy.yml` (umbenannt im Namen, Inhalt ist Testing)
+
+### Benötigte Variables (Gitea)
+- `NEXT_PUBLIC_BASE_URL_PRODUCTION` = `https://dk0.dev`
+- `NEXT_PUBLIC_BASE_URL_TESTING` = `https://testing.dk0.dev`
+- optional: `MY_EMAIL`, `MY_INFO_EMAIL`, `LOG_LEVEL`, `N8N_WEBHOOK_URL`, `N8N_API_KEY`
+
+### Benötigte Secrets (Gitea)
+- `MY_PASSWORD`
+- `MY_INFO_PASSWORD`
+- `ADMIN_BASIC_AUTH` (z.B. `admin:<starkes_passwort>`)
+- optional: `N8N_SECRET_TOKEN`
+
+## Docker Compose Files
+
+- Production: `docker-compose.production.yml` (Port 3000)
+- Testing: `docker-compose.testing.yml` (Port 3002)
+
+Wenn du “dev” nicht mehr brauchst, kannst du den Branch einfach nicht mehr benutzen.
+

From 80f57184c76382714752569b4aae8f42bfebff91 Mon Sep 17 00:00:00 2001
From: Cursor Agent <cursoragent@cursor.com>
Date: Mon, 12 Jan 2026 14:51:56 +0000
Subject: [PATCH 03/12] Disable aggressive static asset caching in development
 to fix HMR.

Co-authored-by: dennis <dennis@konkol.net>
---
 next.config.ts | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/next.config.ts b/next.config.ts
index 7218a2d..a7bfbf2 100644
--- a/next.config.ts
+++ b/next.config.ts
@@ -133,7 +133,11 @@ const nextConfig: NextConfig = {
         headers: [
           {
             key: "Cache-Control",
-            value: "public, max-age=31536000, immutable",
+            // In dev, aggressive caching breaks HMR and can brick a tab with stale chunks.
+            value:
+              process.env.NODE_ENV === "production"
+                ? "public, max-age=31536000, immutable"
+                : "no-store",
           },
         ],
       },

From f1cc39824809f6773a7ee569891378f2db211cff Mon Sep 17 00:00:00 2001
From: Cursor Agent <cursoragent@cursor.com>
Date: Mon, 12 Jan 2026 15:08:23 +0000
Subject: [PATCH 04/12] Refactor Docker entrypoint to run Prisma migrations;
 update schema

Co-authored-by: dennis <dennis@konkol.net>
---
 Dockerfile                                    |   5 +-
 .../20260112150721_init/migration.sql         | 246 ++++++++++++++++++
 prisma/migrations/README.md                   | 127 ---------
 prisma/migrations/create_activity_status.sql  |  49 ----
 prisma/migrations/migration_lock.toml         |   1 +
 prisma/migrations/quick-fix.sh                |  73 ------
 scripts/start-with-migrate.js                 |  40 +++
 7 files changed, 291 insertions(+), 250 deletions(-)
 create mode 100644 prisma/migrations/20260112150721_init/migration.sql
 delete mode 100644 prisma/migrations/README.md
 delete mode 100644 prisma/migrations/create_activity_status.sql
 create mode 100644 prisma/migrations/migration_lock.toml
 delete mode 100755 prisma/migrations/quick-fix.sh
 create mode 100644 scripts/start-with-migrate.js

diff --git a/Dockerfile b/Dockerfile
index 2d1f28e..820f9de 100644
--- a/Dockerfile
+++ b/Dockerfile
@@ -66,6 +66,7 @@ RUN adduser --system --uid 1001 nextjs
 
 # Copy the built application
 COPY --from=builder /app/public ./public
+COPY --from=builder /app/scripts ./scripts
 
 # Set the correct permission for prerender cache
 RUN mkdir .next
@@ -82,6 +83,8 @@ COPY --from=builder --chown=nextjs:nodejs /app/.next/static ./.next/static
 # Copy Prisma files
 COPY --from=builder /app/prisma ./prisma
 COPY --from=builder /app/node_modules/.prisma ./node_modules/.prisma
+COPY --from=builder /app/node_modules/prisma ./node_modules/prisma
+COPY --from=builder /app/node_modules/@prisma ./node_modules/@prisma
 
 # Note: Environment variables should be passed via docker-compose or runtime environment
 # DO NOT copy .env files into the image for security reasons
@@ -97,4 +100,4 @@ ENV HOSTNAME="0.0.0.0"
 HEALTHCHECK --interval=30s --timeout=3s --start-period=5s --retries=3 \
   CMD curl -f http://localhost:3000/api/health || exit 1
 
-CMD ["node", "server.js"]
\ No newline at end of file
+CMD ["node", "scripts/start-with-migrate.js"]
\ No newline at end of file
diff --git a/prisma/migrations/20260112150721_init/migration.sql b/prisma/migrations/20260112150721_init/migration.sql
new file mode 100644
index 0000000..1733e62
--- /dev/null
+++ b/prisma/migrations/20260112150721_init/migration.sql
@@ -0,0 +1,246 @@
+-- CreateEnum
+CREATE TYPE "ContentStatus" AS ENUM ('DRAFT', 'PUBLISHED');
+
+-- CreateEnum
+CREATE TYPE "Difficulty" AS ENUM ('BEGINNER', 'INTERMEDIATE', 'ADVANCED', 'EXPERT');
+
+-- CreateEnum
+CREATE TYPE "InteractionType" AS ENUM ('LIKE', 'SHARE', 'BOOKMARK', 'COMMENT');
+
+-- CreateTable
+CREATE TABLE "Project" (
+    "id" SERIAL NOT NULL,
+    "slug" VARCHAR(255) NOT NULL,
+    "defaultLocale" VARCHAR(10) NOT NULL DEFAULT 'en',
+    "title" VARCHAR(255) NOT NULL,
+    "description" TEXT NOT NULL,
+    "content" TEXT NOT NULL,
+    "tags" TEXT[] DEFAULT ARRAY[]::TEXT[],
+    "featured" BOOLEAN NOT NULL DEFAULT false,
+    "category" VARCHAR(100) NOT NULL,
+    "date" VARCHAR(10) NOT NULL,
+    "github" VARCHAR(500),
+    "live" VARCHAR(500),
+    "published" BOOLEAN NOT NULL DEFAULT true,
+    "imageUrl" VARCHAR(500),
+    "metaDescription" TEXT,
+    "keywords" TEXT,
+    "ogImage" VARCHAR(500),
+    "schema" JSONB,
+    "difficulty" "Difficulty" NOT NULL DEFAULT 'INTERMEDIATE',
+    "timeToComplete" VARCHAR(100),
+    "technologies" TEXT[] DEFAULT ARRAY[]::TEXT[],
+    "challenges" TEXT[] DEFAULT ARRAY[]::TEXT[],
+    "lessonsLearned" TEXT[] DEFAULT ARRAY[]::TEXT[],
+    "futureImprovements" TEXT[] DEFAULT ARRAY[]::TEXT[],
+    "demoVideo" VARCHAR(500),
+    "screenshots" TEXT[] DEFAULT ARRAY[]::TEXT[],
+    "colorScheme" VARCHAR(100) NOT NULL DEFAULT 'Dark',
+    "accessibility" BOOLEAN NOT NULL DEFAULT true,
+    "performance" JSONB NOT NULL DEFAULT '{"loadTime": "1.5s", "bundleSize": "50KB", "lighthouse": 90}',
+    "analytics" JSONB NOT NULL DEFAULT '{"likes": 0, "views": 0, "shares": 0}',
+    "created_at" TIMESTAMP(3) NOT NULL DEFAULT CURRENT_TIMESTAMP,
+    "updated_at" TIMESTAMP(3) NOT NULL,
+
+    CONSTRAINT "Project_pkey" PRIMARY KEY ("id")
+);
+
+-- CreateTable
+CREATE TABLE "project_translations" (
+    "id" SERIAL NOT NULL,
+    "project_id" INTEGER NOT NULL,
+    "locale" VARCHAR(10) NOT NULL,
+    "title" VARCHAR(255) NOT NULL,
+    "description" TEXT NOT NULL,
+    "content" JSONB,
+    "metaDescription" TEXT,
+    "keywords" TEXT,
+    "ogImage" VARCHAR(500),
+    "schema" JSONB,
+    "created_at" TIMESTAMP(3) NOT NULL DEFAULT CURRENT_TIMESTAMP,
+    "updated_at" TIMESTAMP(3) NOT NULL,
+
+    CONSTRAINT "project_translations_pkey" PRIMARY KEY ("id")
+);
+
+-- CreateTable
+CREATE TABLE "content_pages" (
+    "id" SERIAL NOT NULL,
+    "key" VARCHAR(100) NOT NULL,
+    "status" "ContentStatus" NOT NULL DEFAULT 'PUBLISHED',
+    "created_at" TIMESTAMP(3) NOT NULL DEFAULT CURRENT_TIMESTAMP,
+    "updated_at" TIMESTAMP(3) NOT NULL,
+
+    CONSTRAINT "content_pages_pkey" PRIMARY KEY ("id")
+);
+
+-- CreateTable
+CREATE TABLE "content_page_translations" (
+    "id" SERIAL NOT NULL,
+    "page_id" INTEGER NOT NULL,
+    "locale" VARCHAR(10) NOT NULL,
+    "title" TEXT,
+    "slug" VARCHAR(255),
+    "content" JSONB NOT NULL,
+    "metaDescription" TEXT,
+    "keywords" TEXT,
+    "updated_at" TIMESTAMP(3) NOT NULL,
+    "created_at" TIMESTAMP(3) NOT NULL DEFAULT CURRENT_TIMESTAMP,
+
+    CONSTRAINT "content_page_translations_pkey" PRIMARY KEY ("id")
+);
+
+-- CreateTable
+CREATE TABLE "site_settings" (
+    "id" INTEGER NOT NULL DEFAULT 1,
+    "defaultLocale" VARCHAR(10) NOT NULL DEFAULT 'en',
+    "locales" TEXT[] DEFAULT ARRAY['en', 'de']::TEXT[],
+    "theme" JSONB,
+    "updated_at" TIMESTAMP(3) NOT NULL,
+
+    CONSTRAINT "site_settings_pkey" PRIMARY KEY ("id")
+);
+
+-- CreateTable
+CREATE TABLE "PageView" (
+    "id" SERIAL NOT NULL,
+    "project_id" INTEGER,
+    "page" VARCHAR(100) NOT NULL,
+    "ip" VARCHAR(45),
+    "user_agent" TEXT,
+    "referrer" VARCHAR(500),
+    "timestamp" TIMESTAMP(3) NOT NULL DEFAULT CURRENT_TIMESTAMP,
+
+    CONSTRAINT "PageView_pkey" PRIMARY KEY ("id")
+);
+
+-- CreateTable
+CREATE TABLE "UserInteraction" (
+    "id" SERIAL NOT NULL,
+    "project_id" INTEGER NOT NULL,
+    "type" "InteractionType" NOT NULL,
+    "ip" VARCHAR(45),
+    "user_agent" TEXT,
+    "timestamp" TIMESTAMP(3) NOT NULL DEFAULT CURRENT_TIMESTAMP,
+
+    CONSTRAINT "UserInteraction_pkey" PRIMARY KEY ("id")
+);
+
+-- CreateTable
+CREATE TABLE "Contact" (
+    "id" SERIAL NOT NULL,
+    "name" VARCHAR(255) NOT NULL,
+    "email" VARCHAR(255) NOT NULL,
+    "subject" VARCHAR(500) NOT NULL,
+    "message" TEXT NOT NULL,
+    "responded" BOOLEAN NOT NULL DEFAULT false,
+    "response_template" VARCHAR(50),
+    "created_at" TIMESTAMP(3) NOT NULL DEFAULT CURRENT_TIMESTAMP,
+    "updated_at" TIMESTAMP(3) NOT NULL,
+
+    CONSTRAINT "Contact_pkey" PRIMARY KEY ("id")
+);
+
+-- CreateTable
+CREATE TABLE "activity_status" (
+    "id" INTEGER NOT NULL DEFAULT 1,
+    "activity_type" VARCHAR(50),
+    "activity_details" VARCHAR(255),
+    "activity_project" VARCHAR(255),
+    "activity_language" VARCHAR(50),
+    "activity_repo" VARCHAR(500),
+    "music_playing" BOOLEAN NOT NULL DEFAULT false,
+    "music_track" VARCHAR(255),
+    "music_artist" VARCHAR(255),
+    "music_album" VARCHAR(255),
+    "music_platform" VARCHAR(50),
+    "music_progress" INTEGER,
+    "music_album_art" VARCHAR(500),
+    "watching_title" VARCHAR(255),
+    "watching_platform" VARCHAR(50),
+    "watching_type" VARCHAR(50),
+    "gaming_game" VARCHAR(255),
+    "gaming_platform" VARCHAR(50),
+    "gaming_status" VARCHAR(50),
+    "status_mood" VARCHAR(50),
+    "status_message" VARCHAR(500),
+    "updated_at" TIMESTAMP(3) NOT NULL DEFAULT CURRENT_TIMESTAMP,
+
+    CONSTRAINT "activity_status_pkey" PRIMARY KEY ("id")
+);
+
+-- CreateIndex
+CREATE UNIQUE INDEX "Project_slug_key" ON "Project"("slug");
+
+-- CreateIndex
+CREATE INDEX "Project_category_idx" ON "Project"("category");
+
+-- CreateIndex
+CREATE INDEX "Project_featured_idx" ON "Project"("featured");
+
+-- CreateIndex
+CREATE INDEX "Project_published_idx" ON "Project"("published");
+
+-- CreateIndex
+CREATE INDEX "Project_difficulty_idx" ON "Project"("difficulty");
+
+-- CreateIndex
+CREATE INDEX "Project_created_at_idx" ON "Project"("created_at");
+
+-- CreateIndex
+CREATE INDEX "Project_tags_idx" ON "Project"("tags");
+
+-- CreateIndex
+CREATE INDEX "project_translations_locale_idx" ON "project_translations"("locale");
+
+-- CreateIndex
+CREATE INDEX "project_translations_project_id_idx" ON "project_translations"("project_id");
+
+-- CreateIndex
+CREATE UNIQUE INDEX "project_translations_project_id_locale_key" ON "project_translations"("project_id", "locale");
+
+-- CreateIndex
+CREATE UNIQUE INDEX "content_pages_key_key" ON "content_pages"("key");
+
+-- CreateIndex
+CREATE INDEX "content_page_translations_locale_idx" ON "content_page_translations"("locale");
+
+-- CreateIndex
+CREATE INDEX "content_page_translations_slug_idx" ON "content_page_translations"("slug");
+
+-- CreateIndex
+CREATE UNIQUE INDEX "content_page_translations_page_id_locale_key" ON "content_page_translations"("page_id", "locale");
+
+-- CreateIndex
+CREATE INDEX "PageView_project_id_idx" ON "PageView"("project_id");
+
+-- CreateIndex
+CREATE INDEX "PageView_timestamp_idx" ON "PageView"("timestamp");
+
+-- CreateIndex
+CREATE INDEX "PageView_page_idx" ON "PageView"("page");
+
+-- CreateIndex
+CREATE INDEX "UserInteraction_project_id_idx" ON "UserInteraction"("project_id");
+
+-- CreateIndex
+CREATE INDEX "UserInteraction_type_idx" ON "UserInteraction"("type");
+
+-- CreateIndex
+CREATE INDEX "UserInteraction_timestamp_idx" ON "UserInteraction"("timestamp");
+
+-- CreateIndex
+CREATE INDEX "Contact_email_idx" ON "Contact"("email");
+
+-- CreateIndex
+CREATE INDEX "Contact_responded_idx" ON "Contact"("responded");
+
+-- CreateIndex
+CREATE INDEX "Contact_created_at_idx" ON "Contact"("created_at");
+
+-- AddForeignKey
+ALTER TABLE "project_translations" ADD CONSTRAINT "project_translations_project_id_fkey" FOREIGN KEY ("project_id") REFERENCES "Project"("id") ON DELETE CASCADE ON UPDATE CASCADE;
+
+-- AddForeignKey
+ALTER TABLE "content_page_translations" ADD CONSTRAINT "content_page_translations_page_id_fkey" FOREIGN KEY ("page_id") REFERENCES "content_pages"("id") ON DELETE CASCADE ON UPDATE CASCADE;
+
diff --git a/prisma/migrations/README.md b/prisma/migrations/README.md
deleted file mode 100644
index b43642a..0000000
--- a/prisma/migrations/README.md
+++ /dev/null
@@ -1,127 +0,0 @@
-# Database Migrations
-
-This directory contains SQL migration scripts for manual database updates.
-
-## Running Migrations
-
-### Method 1: Using psql (Recommended)
-
-```bash
-# Connect to your database
-psql -d portfolio -f prisma/migrations/create_activity_status.sql
-
-# Or with connection string
-psql "postgresql://user:password@localhost:5432/portfolio" -f prisma/migrations/create_activity_status.sql
-```
-
-### Method 2: Using Docker
-
-```bash
-# If your database is in Docker
-docker exec -i postgres_container psql -U username -d portfolio < prisma/migrations/create_activity_status.sql
-```
-
-### Method 3: Using pgAdmin or Database GUI
-
-1. Open pgAdmin or your database GUI
-2. Connect to your `portfolio` database
-3. Open Query Tool
-4. Copy and paste the contents of `create_activity_status.sql`
-5. Execute the query
-
-## Verifying Migration
-
-After running the migration, verify it was successful:
-
-```bash
-# Check if table exists
-psql -d portfolio -c "\dt activity_status"
-
-# View table structure
-psql -d portfolio -c "\d activity_status"
-
-# Check if default row was inserted
-psql -d portfolio -c "SELECT * FROM activity_status;"
-```
-
-Expected output:
-```
- id | activity_type | ... | updated_at
-----+---------------+-----+---------------------------
-  1 |               | ... | 2024-01-15 10:30:00+00
-```
-
-## Migration: create_activity_status.sql
-
-**Purpose**: Creates the `activity_status` table for n8n activity feed integration.
-
-**What it does**:
-- Creates `activity_status` table with all necessary columns
-- Inserts a default row with `id = 1`
-- Sets up automatic `updated_at` timestamp trigger
-- Adds table comment for documentation
-
-**Required by**:
-- `/api/n8n/status` endpoint
-- `ActivityFeed` component
-- n8n workflows for status updates
-
-**Safe to run multiple times**: Yes (uses `IF NOT EXISTS` and `ON CONFLICT`)
-
-## Troubleshooting
-
-### "relation already exists"
-Table already exists - migration is already applied. Safe to ignore.
-
-### "permission denied"
-Your database user needs CREATE TABLE permissions:
-```sql
-GRANT CREATE ON DATABASE portfolio TO your_user;
-```
-
-### "database does not exist"
-Create the database first:
-```bash
-createdb portfolio
-# Or
-psql -c "CREATE DATABASE portfolio;"
-```
-
-### "connection refused"
-Ensure PostgreSQL is running:
-```bash
-# Check status
-pg_isready
-
-# Start PostgreSQL (macOS)
-brew services start postgresql
-
-# Start PostgreSQL (Linux)
-sudo systemctl start postgresql
-```
-
-## Rolling Back
-
-To remove the activity_status table:
-
-```sql
-DROP TRIGGER IF EXISTS activity_status_updated_at ON activity_status;
-DROP FUNCTION IF EXISTS update_activity_status_updated_at();
-DROP TABLE IF EXISTS activity_status;
-```
-
-Save this as `rollback_activity_status.sql` and run if needed.
-
-## Future Migrations
-
-When adding new migrations:
-1. Create a new `.sql` file with descriptive name
-2. Use timestamps in filename: `YYYYMMDD_description.sql`
-3. Document what it does in this README
-4. Test on local database first
-5. Mark as safe/unsafe for production
-
----
-
-**Last Updated**: 2024-01-15
-**Status**: Required for n8n integration
\ No newline at end of file
diff --git a/prisma/migrations/create_activity_status.sql b/prisma/migrations/create_activity_status.sql
deleted file mode 100644
index c435677..0000000
--- a/prisma/migrations/create_activity_status.sql
+++ /dev/null
@@ -1,49 +0,0 @@
--- Create activity_status table for n8n integration
-CREATE TABLE IF NOT EXISTS activity_status (
-  id INTEGER PRIMARY KEY DEFAULT 1,
-  activity_type VARCHAR(50),
-  activity_details VARCHAR(255),
-  activity_project VARCHAR(255),
-  activity_language VARCHAR(50),
-  activity_repo VARCHAR(500),
-  music_playing BOOLEAN DEFAULT FALSE,
-  music_track VARCHAR(255),
-  music_artist VARCHAR(255),
-  music_album VARCHAR(255),
-  music_platform VARCHAR(50),
-  music_progress INTEGER,
-  music_album_art VARCHAR(500),
-  watching_title VARCHAR(255),
-  watching_platform VARCHAR(50),
-  watching_type VARCHAR(50),
-  gaming_game VARCHAR(255),
-  gaming_platform VARCHAR(50),
-  gaming_status VARCHAR(50),
-  status_mood VARCHAR(50),
-  status_message VARCHAR(500),
-  updated_at TIMESTAMP WITH TIME ZONE DEFAULT NOW()
-);
-
--- Insert default row
-INSERT INTO activity_status (id, updated_at)
-VALUES (1, NOW())
-ON CONFLICT (id) DO NOTHING;
-
--- Create function to automatically update updated_at
-CREATE OR REPLACE FUNCTION update_activity_status_updated_at()
-RETURNS TRIGGER AS $$
-BEGIN
-  NEW.updated_at = NOW();
-  RETURN NEW;
-END;
-$$ LANGUAGE plpgsql;
-
--- Create trigger for automatic timestamp updates
-DROP TRIGGER IF EXISTS activity_status_updated_at ON activity_status;
-CREATE TRIGGER activity_status_updated_at
-  BEFORE UPDATE ON activity_status
-  FOR EACH ROW
-  EXECUTE FUNCTION update_activity_status_updated_at();
-
--- Add helpful comment
-COMMENT ON TABLE activity_status IS 'Stores real-time activity status from n8n workflows (coding, music, gaming, etc.)';
diff --git a/prisma/migrations/migration_lock.toml b/prisma/migrations/migration_lock.toml
new file mode 100644
index 0000000..2fe25d8
--- /dev/null
+++ b/prisma/migrations/migration_lock.toml
@@ -0,0 +1 @@
+provider = "postgresql"
diff --git a/prisma/migrations/quick-fix.sh b/prisma/migrations/quick-fix.sh
deleted file mode 100755
index 70d5f09..0000000
--- a/prisma/migrations/quick-fix.sh
+++ /dev/null
@@ -1,73 +0,0 @@
-#!/bin/bash
-
-# Quick Fix Script for Portfolio Database
-# This script creates the activity_status table needed for n8n integration
-
-set -e
-
-echo "🔧 Portfolio Database Quick Fix"
-echo "================================"
-echo ""
-
-# Colors for output
-RED='\033[0;31m'
-GREEN='\033[0;32m'
-YELLOW='\033[1;33m'
-NC='\033[0m' # No Color
-
-# Check if .env.local exists
-if [ ! -f .env.local ]; then
-    echo -e "${RED}❌ Error: .env.local not found${NC}"
-    echo "Please create .env.local with DATABASE_URL"
-    exit 1
-fi
-
-# Load DATABASE_URL from .env.local
-export $(grep -v '^#' .env.local | xargs)
-
-if [ -z "$DATABASE_URL" ]; then
-    echo -e "${RED}❌ Error: DATABASE_URL not found in .env.local${NC}"
-    exit 1
-fi
-
-echo -e "${GREEN}✓ Found DATABASE_URL${NC}"
-echo ""
-
-# Extract database name from DATABASE_URL
-DB_NAME=$(echo $DATABASE_URL | sed -n 's/.*\/\([^?]*\).*/\1/p')
-echo "📦 Database: $DB_NAME"
-echo ""
-
-# Run the migration
-echo "🚀 Creating activity_status table..."
-echo ""
-
-psql "$DATABASE_URL" -f prisma/migrations/create_activity_status.sql
-
-if [ $? -eq 0 ]; then
-    echo ""
-    echo -e "${GREEN}✅ SUCCESS! Migration completed${NC}"
-    echo ""
-    echo "Verifying table..."
-    psql "$DATABASE_URL" -c "\d activity_status" | head -20
-    echo ""
-    echo "Checking default row..."
-    psql "$DATABASE_URL" -c "SELECT id, updated_at FROM activity_status LIMIT 1;"
-    echo ""
-    echo -e "${GREEN}🎉 All done! Your database is ready.${NC}"
-    echo ""
-    echo "Next steps:"
-    echo "  1. Restart your Next.js dev server: npm run dev"
-    echo "  2. Visit http://localhost:3000"
-    echo "  3. The activity feed should now work without errors"
-else
-    echo ""
-    echo -e "${RED}❌ Migration failed${NC}"
-    echo ""
-    echo "Troubleshooting:"
-    echo "  1. Ensure PostgreSQL is running: pg_isready"
-    echo "  2. Check your DATABASE_URL in .env.local"
-    echo "  3. Verify database exists: psql -l | grep $DB_NAME"
-    echo "  4. Try manual migration: psql $DB_NAME -f prisma/migrations/create_activity_status.sql"
-    exit 1
-fi
diff --git a/scripts/start-with-migrate.js b/scripts/start-with-migrate.js
new file mode 100644
index 0000000..1a31f69
--- /dev/null
+++ b/scripts/start-with-migrate.js
@@ -0,0 +1,40 @@
+/**
+ * Container entrypoint: apply Prisma migrations, then start Next server.
+ *
+ * Why:
+ * - In real deployments you want schema changes applied automatically per deploy.
+ * - `prisma migrate deploy` is safe to run multiple times (idempotent).
+ *
+ * Controls:
+ * - Set `SKIP_PRISMA_MIGRATE=true` to skip migrations (emergency / debugging).
+ */
+const { spawnSync } = require("node:child_process");
+
+function run(cmd, args, opts = {}) {
+  const res = spawnSync(cmd, args, {
+    stdio: "inherit",
+    env: process.env,
+    ...opts,
+  });
+
+  if (res.error) {
+    throw res.error;
+  }
+  if (typeof res.status === "number" && res.status !== 0) {
+    // propagate exit code
+    process.exit(res.status);
+  }
+}
+
+const skip = String(process.env.SKIP_PRISMA_MIGRATE || "").toLowerCase() === "true";
+if (!skip) {
+  // Avoid relying on `npx` resolution in minimal runtimes.
+  // We copy `node_modules/prisma` into the runtime image.
+  run("node", ["node_modules/prisma/build/index.js", "migrate", "deploy"]);
+} else {
+  // eslint-disable-next-line no-console
+  console.log("SKIP_PRISMA_MIGRATE=true -> skipping prisma migrate deploy");
+}
+
+run("node", ["server.js"]);
+

From 423a2af938070d12f7afa206c4ab0349d722bda2 Mon Sep 17 00:00:00 2001
From: Cursor Agent <cursoragent@cursor.com>
Date: Mon, 12 Jan 2026 15:27:35 +0000
Subject: [PATCH 05/12] Integrate Prisma for content; enhance SEO, i18n, and
 deployment workflows

Co-authored-by: dennis <dennis@konkol.net>
---
 .gitea/workflows/dev-deploy.yml             |   1 +
 .gitea/workflows/production-deploy.yml      |   2 +
 GITEA_VARIABLES_SETUP.md                    |   3 +
 app/[locale]/legal-notice/page.tsx          |  17 ++
 app/[locale]/page.tsx                       |  23 +-
 app/[locale]/privacy-policy/page.tsx        |  17 ++
 app/[locale]/projects/[slug]/page.tsx       |  17 ++
 app/[locale]/projects/page.tsx              |  17 ++
 app/__tests__/api/fetchAllProjects.test.tsx |  70 ++---
 app/__tests__/api/fetchProject.test.tsx     |  49 ++-
 app/__tests__/api/sitemap.test.tsx          |  95 ++----
 app/__tests__/sitemap.xml/page.test.tsx     |  64 +---
 app/api/fetchAllProjects/route.tsx          |  68 ++---
 app/api/fetchProject/route.tsx              |  80 ++---
 app/api/projects/import/route.ts            | 319 ++++++++++++++------
 app/api/sitemap/route.tsx                   | 162 +---------
 app/components/ConsentBanner.tsx            |   6 +-
 app/not-found.tsx                           |  18 +-
 app/robots.txt/route.ts                     |  25 ++
 app/sitemap.xml/route.tsx                   |  63 +---
 docker-compose.production.yml               |   3 +
 docker-compose.testing.yml                  |   2 +
 docs/TESTING_AND_DEPLOYMENT.md              |  17 ++
 e2e/consent.spec.ts                         |  27 ++
 e2e/critical-paths.spec.ts                  |   6 +-
 e2e/hydration.spec.ts                       |  12 +-
 e2e/i18n.spec.ts                            |  17 ++
 e2e/seo.spec.ts                             |  22 ++
 env.example                                 |   8 +
 i18n/locales.ts                             |   3 +
 i18n/request.ts                             |   7 +-
 lib/content.ts                              |   5 +-
 lib/seo.ts                                  |  30 ++
 lib/sitemap.ts                              |  70 +++++
 public/robots.txt                           |   5 -
 push-to-dev.sh                              |   2 +-
 scripts/start-with-migrate.js               |  30 +-
 test-results/.last-run.json                 |   4 -
 38 files changed, 757 insertions(+), 629 deletions(-)
 create mode 100644 app/robots.txt/route.ts
 create mode 100644 e2e/consent.spec.ts
 create mode 100644 e2e/i18n.spec.ts
 create mode 100644 e2e/seo.spec.ts
 create mode 100644 i18n/locales.ts
 create mode 100644 lib/seo.ts
 create mode 100644 lib/sitemap.ts
 delete mode 100644 public/robots.txt
 delete mode 100644 test-results/.last-run.json

diff --git a/.gitea/workflows/dev-deploy.yml b/.gitea/workflows/dev-deploy.yml
index 25e7efc..640885c 100644
--- a/.gitea/workflows/dev-deploy.yml
+++ b/.gitea/workflows/dev-deploy.yml
@@ -108,6 +108,7 @@ jobs:
           MY_PASSWORD: ${{ secrets.MY_PASSWORD }}
           MY_INFO_PASSWORD: ${{ secrets.MY_INFO_PASSWORD }}
           ADMIN_BASIC_AUTH: ${{ secrets.ADMIN_BASIC_AUTH }}
+          ADMIN_SESSION_SECRET: ${{ secrets.ADMIN_SESSION_SECRET }}
           N8N_WEBHOOK_URL: ${{ vars.N8N_WEBHOOK_URL || '' }}
           N8N_SECRET_TOKEN: ${{ secrets.N8N_SECRET_TOKEN || '' }}
 
diff --git a/.gitea/workflows/production-deploy.yml b/.gitea/workflows/production-deploy.yml
index f3b4d40..a2eb0ba 100644
--- a/.gitea/workflows/production-deploy.yml
+++ b/.gitea/workflows/production-deploy.yml
@@ -69,6 +69,7 @@ jobs:
           export MY_PASSWORD="${{ secrets.MY_PASSWORD }}"
           export MY_INFO_PASSWORD="${{ secrets.MY_INFO_PASSWORD }}"
           export ADMIN_BASIC_AUTH="${{ secrets.ADMIN_BASIC_AUTH }}"
+          export ADMIN_SESSION_SECRET="${{ secrets.ADMIN_SESSION_SECRET }}"
           
           # Start new container with updated image (docker-compose will handle this)
           echo "🆕 Starting new production container..."
@@ -202,6 +203,7 @@ jobs:
           MY_PASSWORD: ${{ secrets.MY_PASSWORD }}
           MY_INFO_PASSWORD: ${{ secrets.MY_INFO_PASSWORD }}
           ADMIN_BASIC_AUTH: ${{ secrets.ADMIN_BASIC_AUTH }}
+          ADMIN_SESSION_SECRET: ${{ secrets.ADMIN_SESSION_SECRET }}
           N8N_WEBHOOK_URL: ${{ vars.N8N_WEBHOOK_URL || '' }}
           N8N_SECRET_TOKEN: ${{ secrets.N8N_SECRET_TOKEN || '' }}
           N8N_API_KEY: ${{ vars.N8N_API_KEY || '' }}
diff --git a/GITEA_VARIABLES_SETUP.md b/GITEA_VARIABLES_SETUP.md
index 83104b4..1c12127 100644
--- a/GITEA_VARIABLES_SETUP.md
+++ b/GITEA_VARIABLES_SETUP.md
@@ -25,6 +25,7 @@ Für den `production` Branch brauchst du:
 - `MY_PASSWORD` = Dein Email-Passwort
 - `MY_INFO_PASSWORD` = Dein Info-Email-Passwort
 - `ADMIN_BASIC_AUTH` = `admin:dein_sicheres_passwort`
+- `ADMIN_SESSION_SECRET` = zufälliger Secret (mind. 32 Zeichen)
 - `N8N_SECRET_TOKEN` = Dein n8n Secret Token (optional)
 
 ## 🧪 Variablen für Dev Branch
@@ -42,6 +43,7 @@ Für den `testing` Branch brauchst du die **gleichen** Variablen, aber mit ander
 - `MY_PASSWORD` = Dein Email-Passwort (kann gleich sein)
 - `MY_INFO_PASSWORD` = Dein Info-Email-Passwort (kann gleich sein)
 - `ADMIN_BASIC_AUTH` = `admin:testing_password` (kann anders sein)
+- `ADMIN_SESSION_SECRET` = zufälliger Secret (mind. 32 Zeichen; kann gleich sein)
 - `N8N_SECRET_TOKEN` = Dein n8n Secret Token (optional)
 
 ## ✅ Lösung: Automatische Branch-Erkennung
@@ -89,6 +91,7 @@ Du musst **NICHTS** in Gitea setzen, es funktioniert automatisch!
 - `MY_PASSWORD` = Dein Email-Passwort
 - `MY_INFO_PASSWORD` = Dein Info-Email-Passwort
 - `ADMIN_BASIC_AUTH` = `admin:dein_passwort`
+- `ADMIN_SESSION_SECRET` = zufälliger Secret (mind. 32 Zeichen)
 - `N8N_SECRET_TOKEN` = Dein n8n Token (optional)
 
 **Optional setzen:**
diff --git a/app/[locale]/legal-notice/page.tsx b/app/[locale]/legal-notice/page.tsx
index c4963d3..4ab1de6 100644
--- a/app/[locale]/legal-notice/page.tsx
+++ b/app/[locale]/legal-notice/page.tsx
@@ -1,2 +1,19 @@
+import type { Metadata } from "next";
+import { getLanguageAlternates, toAbsoluteUrl } from "@/lib/seo";
 export { default } from "../../legal-notice/page";
 
+export async function generateMetadata({
+  params,
+}: {
+  params: Promise<{ locale: string }>;
+}): Promise<Metadata> {
+  const { locale } = await params;
+  const languages = getLanguageAlternates({ pathWithoutLocale: "legal-notice" });
+  return {
+    alternates: {
+      canonical: toAbsoluteUrl(`/${locale}/legal-notice`),
+      languages,
+    },
+  };
+}
+
diff --git a/app/[locale]/page.tsx b/app/[locale]/page.tsx
index f93682d..4068978 100644
--- a/app/[locale]/page.tsx
+++ b/app/[locale]/page.tsx
@@ -1,2 +1,23 @@
-export { default } from "../_ui/HomePage";
+import type { Metadata } from "next";
+import HomePage from "../_ui/HomePage";
+import { getLanguageAlternates, toAbsoluteUrl } from "@/lib/seo";
+
+export async function generateMetadata({
+  params,
+}: {
+  params: Promise<{ locale: string }>;
+}): Promise<Metadata> {
+  const { locale } = await params;
+  const languages = getLanguageAlternates({ pathWithoutLocale: "" });
+  return {
+    alternates: {
+      canonical: toAbsoluteUrl(`/${locale}`),
+      languages,
+    },
+  };
+}
+
+export default function Page() {
+  return <HomePage />;
+}
 
diff --git a/app/[locale]/privacy-policy/page.tsx b/app/[locale]/privacy-policy/page.tsx
index 67cb9e3..1f5b0cd 100644
--- a/app/[locale]/privacy-policy/page.tsx
+++ b/app/[locale]/privacy-policy/page.tsx
@@ -1,2 +1,19 @@
+import type { Metadata } from "next";
+import { getLanguageAlternates, toAbsoluteUrl } from "@/lib/seo";
 export { default } from "../../privacy-policy/page";
 
+export async function generateMetadata({
+  params,
+}: {
+  params: Promise<{ locale: string }>;
+}): Promise<Metadata> {
+  const { locale } = await params;
+  const languages = getLanguageAlternates({ pathWithoutLocale: "privacy-policy" });
+  return {
+    alternates: {
+      canonical: toAbsoluteUrl(`/${locale}/privacy-policy`),
+      languages,
+    },
+  };
+}
+
diff --git a/app/[locale]/projects/[slug]/page.tsx b/app/[locale]/projects/[slug]/page.tsx
index 06de5e9..b5571e5 100644
--- a/app/[locale]/projects/[slug]/page.tsx
+++ b/app/[locale]/projects/[slug]/page.tsx
@@ -1,9 +1,26 @@
 import { prisma } from "@/lib/prisma";
 import ProjectDetailClient from "@/app/_ui/ProjectDetailClient";
 import { notFound } from "next/navigation";
+import type { Metadata } from "next";
+import { getLanguageAlternates, toAbsoluteUrl } from "@/lib/seo";
 
 export const revalidate = 300;
 
+export async function generateMetadata({
+  params,
+}: {
+  params: Promise<{ locale: string; slug: string }>;
+}): Promise<Metadata> {
+  const { locale, slug } = await params;
+  const languages = getLanguageAlternates({ pathWithoutLocale: `projects/${slug}` });
+  return {
+    alternates: {
+      canonical: toAbsoluteUrl(`/${locale}/projects/${slug}`),
+      languages,
+    },
+  };
+}
+
 export default async function ProjectPage({
   params,
 }: {
diff --git a/app/[locale]/projects/page.tsx b/app/[locale]/projects/page.tsx
index 5e4a9cd..0dffa8d 100644
--- a/app/[locale]/projects/page.tsx
+++ b/app/[locale]/projects/page.tsx
@@ -1,8 +1,25 @@
 import { prisma } from "@/lib/prisma";
 import ProjectsPageClient from "@/app/_ui/ProjectsPageClient";
+import type { Metadata } from "next";
+import { getLanguageAlternates, toAbsoluteUrl } from "@/lib/seo";
 
 export const revalidate = 300;
 
+export async function generateMetadata({
+  params,
+}: {
+  params: Promise<{ locale: string }>;
+}): Promise<Metadata> {
+  const { locale } = await params;
+  const languages = getLanguageAlternates({ pathWithoutLocale: "projects" });
+  return {
+    alternates: {
+      canonical: toAbsoluteUrl(`/${locale}/projects`),
+      languages,
+    },
+  };
+}
+
 export default async function ProjectsPage({
   params,
 }: {
diff --git a/app/__tests__/api/fetchAllProjects.test.tsx b/app/__tests__/api/fetchAllProjects.test.tsx
index 1ffba9f..3375c14 100644
--- a/app/__tests__/api/fetchAllProjects.test.tsx
+++ b/app/__tests__/api/fetchAllProjects.test.tsx
@@ -1,43 +1,27 @@
-import { GET } from '@/app/api/fetchAllProjects/route';
 import { NextResponse } from 'next/server';
 
-// Wir mocken node-fetch direkt
-jest.mock('node-fetch', () => ({
-  __esModule: true,
-  default: jest.fn(() =>
-    Promise.resolve({
-      json: () =>
-        Promise.resolve({
-          posts: [
-            {
-              id: '67ac8dfa709c60000117d312',
-              title: 'Just Doing Some Testing',
-              meta_description: 'Hello bla bla bla bla',
-              slug: 'just-doing-some-testing',
-              updated_at: '2025-02-13T14:25:38.000+00:00',
-            },
-            {
-              id: '67aaffc3709c60000117d2d9',
-              title: 'Blockchain Based Voting System',
-              meta_description:
-                'This project aims to revolutionize voting systems by leveraging blockchain to ensure security, transparency, and immutability.',
-              slug: 'blockchain-based-voting-system',
-              updated_at: '2025-02-13T16:54:42.000+00:00',
-            },
-          ],
-          meta: {
-            pagination: {
-              limit: 'all',
-              next: null,
-              page: 1,
-              pages: 1,
-              prev: null,
-              total: 2,
-            },
-          },
-        }),
-    })
-  ),
+jest.mock('@/lib/prisma', () => ({
+  prisma: {
+    project: {
+      findMany: jest.fn(async () => [
+        {
+          id: 1,
+          slug: 'just-doing-some-testing',
+          title: 'Just Doing Some Testing',
+          updatedAt: new Date('2025-02-13T14:25:38.000Z'),
+          metaDescription: 'Hello bla bla bla bla',
+        },
+        {
+          id: 2,
+          slug: 'blockchain-based-voting-system',
+          title: 'Blockchain Based Voting System',
+          updatedAt: new Date('2025-02-13T16:54:42.000Z'),
+          metaDescription:
+            'This project aims to revolutionize voting systems by leveraging blockchain to ensure security, transparency, and immutability.',
+        },
+      ]),
+    },
+  },
 }));
 
 jest.mock('next/server', () => ({
@@ -47,12 +31,8 @@ jest.mock('next/server', () => ({
 }));
 
 describe('GET /api/fetchAllProjects', () => {
-  beforeAll(() => {
-    process.env.GHOST_API_URL = 'http://localhost:2368';
-    process.env.GHOST_API_KEY = 'some-key';
-  });
-
   it('should return a list of projects (partial match)', async () => {
+    const { GET } = await import('@/app/api/fetchAllProjects/route');
     await GET();
 
     // Den tatsächlichen Argumentwert extrahieren
@@ -61,11 +41,11 @@ describe('GET /api/fetchAllProjects', () => {
     expect(responseArg).toMatchObject({
       posts: expect.arrayContaining([
         expect.objectContaining({
-          id: '67ac8dfa709c60000117d312',
+          id: '1',
           title: 'Just Doing Some Testing',
         }),
         expect.objectContaining({
-          id: '67aaffc3709c60000117d2d9',
+          id: '2',
           title: 'Blockchain Based Voting System',
         }),
       ]),
diff --git a/app/__tests__/api/fetchProject.test.tsx b/app/__tests__/api/fetchProject.test.tsx
index 85e443c..c53a5c9 100644
--- a/app/__tests__/api/fetchProject.test.tsx
+++ b/app/__tests__/api/fetchProject.test.tsx
@@ -1,26 +1,23 @@
-import { GET } from '@/app/api/fetchProject/route';
 import { NextRequest, NextResponse } from 'next/server';
 
-// Mock node-fetch so the route uses it as a reliable fallback
-jest.mock('node-fetch', () => ({
-  __esModule: true,
-  default: jest.fn(() =>
-    Promise.resolve({
-      ok: true,
-      json: () =>
-        Promise.resolve({
-          posts: [
-            {
-              id: '67aaffc3709c60000117d2d9',
-              title: 'Blockchain Based Voting System',
-              meta_description: 'This project aims to revolutionize voting systems by leveraging blockchain to ensure security, transparency, and immutability.',
-              slug: 'blockchain-based-voting-system',
-              updated_at: '2025-02-13T16:54:42.000+00:00',
-            },
-          ],
-        }),
-    })
-  ),
+jest.mock('@/lib/prisma', () => ({
+  prisma: {
+    project: {
+      findUnique: jest.fn(async ({ where }: { where: { slug: string } }) => {
+        if (where.slug !== 'blockchain-based-voting-system') return null;
+        return {
+          id: 2,
+          title: 'Blockchain Based Voting System',
+          metaDescription:
+            'This project aims to revolutionize voting systems by leveraging blockchain to ensure security, transparency, and immutability.',
+          slug: 'blockchain-based-voting-system',
+          updatedAt: new Date('2025-02-13T16:54:42.000Z'),
+          description: null,
+          content: null,
+        };
+      }),
+    },
+  },
 }));
 
 jest.mock('next/server', () => ({
@@ -29,12 +26,8 @@ jest.mock('next/server', () => ({
   },
 }));
 describe('GET /api/fetchProject', () => {
-  beforeAll(() => {
-    process.env.GHOST_API_URL = 'http://localhost:2368';
-    process.env.GHOST_API_KEY = 'some-key';
-  });
-
   it('should fetch a project by slug', async () => {
+    const { GET } = await import('@/app/api/fetchProject/route');
     const mockRequest = {
       url: 'http://localhost/api/fetchProject?slug=blockchain-based-voting-system',
     } as unknown as NextRequest;
@@ -44,11 +37,11 @@ describe('GET /api/fetchProject', () => {
     expect(NextResponse.json).toHaveBeenCalledWith({
       posts: [
         {
-          id: '67aaffc3709c60000117d2d9',
+          id: '2',
           title: 'Blockchain Based Voting System',
           meta_description: 'This project aims to revolutionize voting systems by leveraging blockchain to ensure security, transparency, and immutability.',
           slug: 'blockchain-based-voting-system',
-          updated_at: '2025-02-13T16:54:42.000+00:00',
+          updated_at: '2025-02-13T16:54:42.000Z',
         },
       ],
     });
diff --git a/app/__tests__/api/sitemap.test.tsx b/app/__tests__/api/sitemap.test.tsx
index 0a17e68..91e1e9e 100644
--- a/app/__tests__/api/sitemap.test.tsx
+++ b/app/__tests__/api/sitemap.test.tsx
@@ -34,77 +34,38 @@ jest.mock("next/server", () => {
   };
 });
 
-import { GET } from "@/app/api/sitemap/route";
-
-// Mock node-fetch so we don't perform real network requests in tests
-jest.mock("node-fetch", () => ({
-  __esModule: true,
-  default: jest.fn(() =>
-    Promise.resolve({
-      ok: true,
-      json: () =>
-        Promise.resolve({
-          posts: [
-            {
-              id: "67ac8dfa709c60000117d312",
-              title: "Just Doing Some Testing",
-              meta_description: "Hello bla bla bla bla",
-              slug: "just-doing-some-testing",
-              updated_at: "2025-02-13T14:25:38.000+00:00",
-            },
-            {
-              id: "67aaffc3709c60000117d2d9",
-              title: "Blockchain Based Voting System",
-              meta_description:
-                "This project aims to revolutionize voting systems by leveraging blockchain to ensure security, transparency, and immutability.",
-              slug: "blockchain-based-voting-system",
-              updated_at: "2025-02-13T16:54:42.000+00:00",
-            },
-          ],
-          meta: {
-            pagination: {
-              limit: "all",
-              next: null,
-              page: 1,
-              pages: 1,
-              prev: null,
-              total: 2,
-            },
-          },
-        }),
-    }),
+jest.mock("@/lib/sitemap", () => ({
+  getSitemapEntries: jest.fn(async () => [
+    {
+      url: "https://dki.one/en",
+      lastModified: "2025-01-01T00:00:00.000Z",
+    },
+    {
+      url: "https://dki.one/de",
+      lastModified: "2025-01-01T00:00:00.000Z",
+    },
+    {
+      url: "https://dki.one/en/projects/blockchain-based-voting-system",
+      lastModified: "2025-02-13T16:54:42.000Z",
+    },
+    {
+      url: "https://dki.one/de/projects/blockchain-based-voting-system",
+      lastModified: "2025-02-13T16:54:42.000Z",
+    },
+  ]),
+  generateSitemapXml: jest.fn(
+    () =>
+      '<?xml version="1.0" encoding="UTF-8"?><urlset xmlns="https://www.sitemaps.org/schemas/sitemap/0.9"><url><loc>https://dki.one/en</loc></url></urlset>',
   ),
 }));
 
 describe("GET /api/sitemap", () => {
   beforeAll(() => {
-    process.env.GHOST_API_URL = "http://localhost:2368";
-    process.env.GHOST_API_KEY = "test-api-key";
     process.env.NEXT_PUBLIC_BASE_URL = "https://dki.one";
-
-    // Provide mock posts via env so route can use them without fetching
-    process.env.GHOST_MOCK_POSTS = JSON.stringify({
-      posts: [
-        {
-          id: "67ac8dfa709c60000117d312",
-          title: "Just Doing Some Testing",
-          meta_description: "Hello bla bla bla bla",
-          slug: "just-doing-some-testing",
-          updated_at: "2025-02-13T14:25:38.000+00:00",
-        },
-        {
-          id: "67aaffc3709c60000117d2d9",
-          title: "Blockchain Based Voting System",
-          meta_description:
-            "This project aims to revolutionize voting systems by leveraging blockchain to ensure security, transparency, and immutability.",
-          slug: "blockchain-based-voting-system",
-          updated_at: "2025-02-13T16:54:42.000+00:00",
-        },
-      ],
-    });
   });
 
   it("should return a sitemap", async () => {
+    const { GET } = await import("@/app/api/sitemap/route");
     const response = await GET();
 
     // Get the body text from the NextResponse
@@ -113,15 +74,7 @@ describe("GET /api/sitemap", () => {
     expect(body).toContain(
       '<urlset xmlns="https://www.sitemaps.org/schemas/sitemap/0.9">',
     );
-    expect(body).toContain("<loc>https://dki.one/</loc>");
-    expect(body).toContain("<loc>https://dki.one/legal-notice</loc>");
-    expect(body).toContain("<loc>https://dki.one/privacy-policy</loc>");
-    expect(body).toContain(
-      "<loc>https://dki.one/projects/just-doing-some-testing</loc>",
-    );
-    expect(body).toContain(
-      "<loc>https://dki.one/projects/blockchain-based-voting-system</loc>",
-    );
+    expect(body).toContain("<loc>https://dki.one/en</loc>");
     // Note: Headers are not available in test environment
   });
 });
diff --git a/app/__tests__/sitemap.xml/page.test.tsx b/app/__tests__/sitemap.xml/page.test.tsx
index 7511683..e884fe0 100644
--- a/app/__tests__/sitemap.xml/page.test.tsx
+++ b/app/__tests__/sitemap.xml/page.test.tsx
@@ -1,5 +1,4 @@
 import "@testing-library/jest-dom";
-import { GET } from "@/app/sitemap.xml/route";
 
 jest.mock("next/server", () => ({
   NextResponse: jest.fn().mockImplementation((body: unknown, init?: ResponseInit) => {
@@ -11,71 +10,32 @@ jest.mock("next/server", () => ({
   }),
 }));
 
-// Sitemap XML used by node-fetch mock
-const sitemapXml = `
-  <urlset xmlns="https://www.sitemaps.org/schemas/sitemap/0.9">
-    <url>
-      <loc>https://dki.one/</loc>
-    </url>
-    <url>
-      <loc>https://dki.one/legal-notice</loc>
-    </url>
-    <url>
-      <loc>https://dki.one/privacy-policy</loc>
-    </url>
-    <url>
-      <loc>https://dki.one/projects/just-doing-some-testing</loc>
-    </url>
-    <url>
-      <loc>https://dki.one/projects/blockchain-based-voting-system</loc>
-    </url>
-  </urlset>
-`;
-
-// Mock node-fetch for sitemap endpoint (hoisted by Jest)
-jest.mock("node-fetch", () => ({
-  __esModule: true,
-  default: jest.fn((_url: string) =>
-    Promise.resolve({ ok: true, text: () => Promise.resolve(sitemapXml) }),
+jest.mock("@/lib/sitemap", () => ({
+  getSitemapEntries: jest.fn(async () => [
+    {
+      url: "https://dki.one/en",
+      lastModified: "2025-01-01T00:00:00.000Z",
+    },
+  ]),
+  generateSitemapXml: jest.fn(
+    () =>
+      '<?xml version="1.0" encoding="UTF-8"?><urlset xmlns="https://www.sitemaps.org/schemas/sitemap/0.9"><url><loc>https://dki.one/en</loc></url></urlset>',
   ),
 }));
 
 describe("Sitemap Component", () => {
   beforeAll(() => {
     process.env.NEXT_PUBLIC_BASE_URL = "https://dki.one";
-
-    // Provide sitemap XML directly so route uses it without fetching
-    process.env.GHOST_MOCK_SITEMAP = sitemapXml;
-
-    // Mock global.fetch too, to avoid any network calls
-    global.fetch = jest.fn().mockImplementation((url: string) => {
-      if (url.includes("/api/sitemap")) {
-        return Promise.resolve({
-          ok: true,
-          text: () => Promise.resolve(sitemapXml),
-        });
-      }
-      return Promise.reject(new Error(`Unknown URL: ${url}`));
-    });
   });
 
   it("should render the sitemap XML", async () => {
+    const { GET } = await import("@/app/sitemap.xml/route");
     const response = await GET();
 
     expect(response.body).toContain(
       '<urlset xmlns="https://www.sitemaps.org/schemas/sitemap/0.9">',
     );
-    expect(response.body).toContain("<loc>https://dki.one/</loc>");
-    expect(response.body).toContain("<loc>https://dki.one/legal-notice</loc>");
-    expect(response.body).toContain(
-      "<loc>https://dki.one/privacy-policy</loc>",
-    );
-    expect(response.body).toContain(
-      "<loc>https://dki.one/projects/just-doing-some-testing</loc>",
-    );
-    expect(response.body).toContain(
-      "<loc>https://dki.one/projects/blockchain-based-voting-system</loc>",
-    );
+    expect(response.body).toContain("<loc>https://dki.one/en</loc>");
     // Note: Headers are not available in test environment
   });
 });
diff --git a/app/api/fetchAllProjects/route.tsx b/app/api/fetchAllProjects/route.tsx
index a698325..05f0a7c 100644
--- a/app/api/fetchAllProjects/route.tsx
+++ b/app/api/fetchAllProjects/route.tsx
@@ -1,66 +1,58 @@
 import { NextResponse } from "next/server";
 import NodeCache from "node-cache";
-
-// Use a dynamic import for node-fetch so tests that mock it (via jest.mock) are respected
-async function getFetch() {
-  try {
-    const mod = await import("node-fetch");
-    // support both CJS and ESM interop
-    return (mod as { default: unknown }).default ?? mod;
-  } catch (_err) {
-    return globalThis.fetch;
-  }
-}
+import { prisma } from "@/lib/prisma";
 
 export const runtime = "nodejs"; // Force Node runtime
 
-const GHOST_API_URL = process.env.GHOST_API_URL;
-const GHOST_API_KEY = process.env.GHOST_API_KEY;
 const cache = new NodeCache({ stdTTL: 300 }); // Cache für 5 Minuten
 
-type GhostPost = {
+type LegacyPost = {
   slug: string;
   id: string;
   title: string;
-  feature_image: string;
-  visibility: string;
-  published_at: string;
+  meta_description: string | null;
   updated_at: string;
-  html: string;
-  reading_time: number;
-  meta_description: string;
 };
 
-type GhostPostsResponse = {
-  posts: Array<GhostPost>;
+type LegacyPostsResponse = {
+  posts: Array<LegacyPost>;
 };
 
 export async function GET() {
-  const cacheKey = "ghostPosts";
-  const cachedPosts = cache.get<GhostPostsResponse>(cacheKey);
+  const cacheKey = "projects:legacyPosts";
+  const cachedPosts = cache.get<LegacyPostsResponse>(cacheKey);
 
   if (cachedPosts) {
     return NextResponse.json(cachedPosts);
   }
 
   try {
-    const fetchFn = await getFetch();
-    const response = await (fetchFn as unknown as typeof fetch)(
-      `${GHOST_API_URL}/ghost/api/content/posts/?key=${GHOST_API_KEY}&limit=all`,
-    );
-    const posts: GhostPostsResponse =
-      (await response.json()) as GhostPostsResponse;
+    const projects = await prisma.project.findMany({
+      where: { published: true },
+      orderBy: { updatedAt: "desc" },
+      select: {
+        id: true,
+        slug: true,
+        title: true,
+        updatedAt: true,
+        metaDescription: true,
+      },
+    });
 
-    if (!posts || !posts.posts) {
-      console.error("Invalid posts data");
-      return NextResponse.json([]);
-    }
+    const payload: LegacyPostsResponse = {
+      posts: projects.map((p) => ({
+        id: String(p.id),
+        slug: p.slug,
+        title: p.title,
+        meta_description: p.metaDescription ?? null,
+        updated_at: (p.updatedAt ?? new Date()).toISOString(),
+      })),
+    };
 
-    cache.set(cacheKey, posts); // Daten im Cache speichern
-
-    return NextResponse.json(posts);
+    cache.set(cacheKey, payload);
+    return NextResponse.json(payload);
   } catch (error) {
-    console.error("Failed to fetch posts from Ghost:", error);
+    console.error("Failed to fetch projects:", error);
     return NextResponse.json(
       { error: "Failed to fetch projects" },
       { status: 500 },
diff --git a/app/api/fetchProject/route.tsx b/app/api/fetchProject/route.tsx
index b01a4bd..79a1a81 100644
--- a/app/api/fetchProject/route.tsx
+++ b/app/api/fetchProject/route.tsx
@@ -1,10 +1,8 @@
 import { NextResponse } from "next/server";
+import { prisma } from "@/lib/prisma";
 
 export const runtime = "nodejs"; // Force Node runtime
 
-const GHOST_API_URL = process.env.GHOST_API_URL;
-const GHOST_API_KEY = process.env.GHOST_API_KEY;
-
 export async function GET(request: Request) {
   const { searchParams } = new URL(request.url);
   const slug = searchParams.get("slug");
@@ -14,59 +12,37 @@ export async function GET(request: Request) {
   }
 
   try {
-    // Debug: show whether fetch is present/mocked
+    const project = await prisma.project.findUnique({
+      where: { slug },
+      select: {
+        id: true,
+        slug: true,
+        title: true,
+        updatedAt: true,
+        metaDescription: true,
+        description: true,
+        content: true,
+      },
+    });
 
-    /* eslint-disable @typescript-eslint/no-explicit-any */
-    console.log(
-      "DEBUG fetch in fetchProject:",
-      typeof (globalThis as any).fetch,
-      "globalIsMock:",
-      !!(globalThis as any).fetch?._isMockFunction,
-    );
-
-    // Try global fetch first (as tests often mock it). If it fails or returns undefined,
-    // fall back to dynamically importing node-fetch.
-    let response: any;
-
-    if (typeof (globalThis as any).fetch === "function") {
-      try {
-        response = await (globalThis as any).fetch(
-          `${GHOST_API_URL}/ghost/api/content/posts/slug/${slug}/?key=${GHOST_API_KEY}`,
-        );
-      } catch (_e) {
-        response = undefined;
-      }
+    if (!project) {
+      return NextResponse.json({ posts: [] }, { status: 200 });
     }
 
-    if (!response || typeof response.ok === "undefined") {
-      try {
-        const mod = await import("node-fetch");
-        const nodeFetch = (mod as any).default ?? mod;
-        response = await (nodeFetch as any)(
-          `${GHOST_API_URL}/ghost/api/content/posts/slug/${slug}/?key=${GHOST_API_KEY}`,
-        );
-      } catch (_err) {
-        response = undefined;
-      }
-    }
-    /* eslint-enable @typescript-eslint/no-explicit-any */
-
-    // Debug: inspect the response returned from the fetch
-
-    // Debug: inspect the response returned from the fetch
-
-    console.log("DEBUG fetch response:", response);
-
-    if (!response || !response.ok) {
-      throw new Error(
-        `Failed to fetch post: ${response?.statusText ?? "no response"}`,
-      );
-    }
-
-    const post = await response.json();
-    return NextResponse.json(post);
+    // Legacy shape (Ghost-like) for compatibility with older frontend/tests.
+    return NextResponse.json({
+      posts: [
+        {
+          id: String(project.id),
+          title: project.title,
+          meta_description: project.metaDescription ?? project.description ?? "",
+          slug: project.slug,
+          updated_at: (project.updatedAt ?? new Date()).toISOString(),
+        },
+      ],
+    });
   } catch (error) {
-    console.error("Failed to fetch post from Ghost:", error);
+    console.error("Failed to fetch project:", error);
     return NextResponse.json(
       { error: "Failed to fetch project" },
       { status: 500 },
diff --git a/app/api/projects/import/route.ts b/app/api/projects/import/route.ts
index 33dfef6..1bfed8f 100644
--- a/app/api/projects/import/route.ts
+++ b/app/api/projects/import/route.ts
@@ -1,37 +1,132 @@
-import { NextRequest, NextResponse } from 'next/server';
-import { prisma, projectService } from '@/lib/prisma';
-import { requireSessionAuth } from '@/lib/auth';
+import { NextRequest, NextResponse } from "next/server";
+import { prisma, projectService } from "@/lib/prisma";
+import { requireSessionAuth } from "@/lib/auth";
+import type { Prisma } from "@prisma/client";
+
+type ImportSiteSettings = {
+  defaultLocale?: unknown;
+  locales?: unknown;
+  theme?: unknown;
+};
+
+type ImportContentPageTranslation = {
+  locale?: unknown;
+  title?: unknown;
+  slug?: unknown;
+  content?: unknown;
+  metaDescription?: unknown;
+  keywords?: unknown;
+};
+
+type ImportContentPage = {
+  key?: unknown;
+  status?: unknown;
+  translations?: unknown;
+};
+
+type ImportProject = {
+  id?: unknown;
+  slug?: unknown;
+  defaultLocale?: unknown;
+  title?: unknown;
+  description?: unknown;
+  content?: unknown;
+  tags?: unknown;
+  category?: unknown;
+  featured?: unknown;
+  github?: unknown;
+  live?: unknown;
+  published?: unknown;
+  imageUrl?: unknown;
+  difficulty?: unknown;
+  timeToComplete?: unknown;
+  technologies?: unknown;
+  challenges?: unknown;
+  lessonsLearned?: unknown;
+  futureImprovements?: unknown;
+  demoVideo?: unknown;
+  screenshots?: unknown;
+  colorScheme?: unknown;
+  accessibility?: unknown;
+  performance?: unknown;
+  analytics?: unknown;
+};
+
+type ImportProjectTranslation = {
+  projectId?: unknown;
+  locale?: unknown;
+  title?: unknown;
+  description?: unknown;
+  content?: unknown;
+  metaDescription?: unknown;
+  keywords?: unknown;
+  ogImage?: unknown;
+  schema?: unknown;
+};
+
+type ImportPayload = {
+  projects?: unknown;
+  siteSettings?: unknown;
+  contentPages?: unknown;
+  projectTranslations?: unknown;
+};
+
+function asString(v: unknown): string | null {
+  return typeof v === "string" ? v : null;
+}
+
+function asStringArray(v: unknown): string[] | null {
+  if (!Array.isArray(v)) return null;
+  const allStrings = v.filter((x) => typeof x === "string") as string[];
+  return allStrings.length === v.length ? allStrings : null;
+}
 
 export async function POST(request: NextRequest) {
   try {
-    const isAdminRequest = request.headers.get('x-admin-request') === 'true';
-    if (!isAdminRequest) return NextResponse.json({ error: 'Admin access required' }, { status: 403 });
+    const isAdminRequest = request.headers.get("x-admin-request") === "true";
+    if (!isAdminRequest) {
+      return NextResponse.json({ error: "Admin access required" }, { status: 403 });
+    }
     const authError = requireSessionAuth(request);
     if (authError) return authError;
 
-    const body = await request.json();
+    const body = (await request.json()) as ImportPayload;
     
     // Validate import data structure
-    if (!body.projects || !Array.isArray(body.projects)) {
+    if (!Array.isArray(body.projects)) {
       return NextResponse.json(
-        { error: 'Invalid import data format' },
-        { status: 400 }
+        { error: "Invalid import data format" },
+        { status: 400 },
       );
     }
 
     const results = {
       imported: 0,
       skipped: 0,
-      errors: [] as string[]
+      errors: [] as string[],
     };
 
     // Import SiteSettings (optional)
-    if (body.siteSettings && typeof body.siteSettings === 'object') {
+    if (body.siteSettings && typeof body.siteSettings === "object") {
       try {
+        const ss = body.siteSettings as ImportSiteSettings;
+        const defaultLocale = asString(ss.defaultLocale);
+        const locales = asStringArray(ss.locales);
+        const theme = ss.theme as Prisma.InputJsonValue | undefined;
+
         await prisma.siteSettings.upsert({
           where: { id: 1 },
-          create: { id: 1, ...(body.siteSettings as Record<string, unknown>) } as any,
-          update: { ...(body.siteSettings as Record<string, unknown>) } as any,
+          create: {
+            id: 1,
+            ...(defaultLocale ? { defaultLocale } : {}),
+            ...(locales ? { locales } : {}),
+            ...(theme ? { theme } : {}),
+          },
+          update: {
+            ...(defaultLocale ? { defaultLocale } : {}),
+            ...(locales ? { locales } : {}),
+            ...(theme ? { theme } : {}),
+          },
         });
       } catch {
         // non-blocking
@@ -42,39 +137,47 @@ export async function POST(request: NextRequest) {
     if (Array.isArray(body.contentPages)) {
       for (const page of body.contentPages) {
         try {
-          if (!page?.key) continue;
+          const key = asString((page as ImportContentPage)?.key);
+          if (!key) continue;
+          const statusRaw = asString((page as ImportContentPage)?.status);
+          const status = statusRaw === "DRAFT" || statusRaw === "PUBLISHED" ? statusRaw : "PUBLISHED";
           const upserted = await prisma.contentPage.upsert({
-            where: { key: page.key },
-            create: { key: page.key, status: page.status || 'PUBLISHED' },
-            update: { status: page.status || 'PUBLISHED' },
+            where: { key },
+            create: { key, status },
+            update: { status },
           });
 
-          if (Array.isArray(page.translations)) {
-            for (const tr of page.translations) {
-              if (!tr?.locale || !tr?.content) continue;
+          const translations = (page as ImportContentPage)?.translations;
+          if (Array.isArray(translations)) {
+            for (const tr of translations as ImportContentPageTranslation[]) {
+              const locale = asString(tr?.locale);
+              if (!locale || typeof tr?.content === "undefined" || tr?.content === null) continue;
               await prisma.contentPageTranslation.upsert({
-                where: { pageId_locale: { pageId: upserted.id, locale: tr.locale } },
+                where: { pageId_locale: { pageId: upserted.id, locale } },
                 create: {
                   pageId: upserted.id,
-                  locale: tr.locale,
-                  title: tr.title || null,
-                  slug: tr.slug || null,
-                  content: tr.content,
-                  metaDescription: tr.metaDescription || null,
-                  keywords: tr.keywords || null,
-                } as any,
+                  locale,
+                  title: asString(tr.title),
+                  slug: asString(tr.slug),
+                  content: tr.content as Prisma.InputJsonValue,
+                  metaDescription: asString(tr.metaDescription),
+                  keywords: asString(tr.keywords),
+                },
                 update: {
-                  title: tr.title || null,
-                  slug: tr.slug || null,
-                  content: tr.content,
-                  metaDescription: tr.metaDescription || null,
-                  keywords: tr.keywords || null,
-                } as any,
+                  title: asString(tr.title),
+                  slug: asString(tr.slug),
+                  content: tr.content as Prisma.InputJsonValue,
+                  metaDescription: asString(tr.metaDescription),
+                  keywords: asString(tr.keywords),
+                },
               });
             }
           }
         } catch (error) {
-          results.errors.push(`Failed to import content page "${page?.key}": ${error instanceof Error ? error.message : 'Unknown error'}`);
+          const key = asString((page as ImportContentPage)?.key) ?? "unknown";
+          results.errors.push(
+            `Failed to import content page "${key}": ${error instanceof Error ? error.message : "Unknown error"}`,
+          );
         }
       }
     }
@@ -83,102 +186,124 @@ export async function POST(request: NextRequest) {
     const existingProjectsResult = await projectService.getAllProjects({ limit: 10000 });
     const existingProjects = existingProjectsResult.projects || existingProjectsResult;
     const existingTitles = new Set(existingProjects.map(p => p.title));
-    const existingSlugs = new Set(existingProjects.map(p => (p as unknown as { slug?: string }).slug).filter(Boolean));
+    const existingSlugs = new Set(
+      existingProjects
+        .map((p) => (p as unknown as { slug?: string }).slug)
+        .filter((s): s is string => typeof s === "string" && s.length > 0),
+    );
 
     // Process each project
-    for (const projectData of body.projects) {
+    for (const projectData of body.projects as ImportProject[]) {
       try {
         // Check if project already exists (by title)
-        const exists = existingTitles.has(projectData.title);
+        const title = asString(projectData.title);
+        if (!title) continue;
+        const exists = existingTitles.has(title);
         
         if (exists) {
           results.skipped++;
-          results.errors.push(`Project "${projectData.title}" already exists`);
+          results.errors.push(`Project "${title}" already exists`);
           continue;
         }
 
         // Create new project
         const created = await projectService.createProject({
-          slug: projectData.slug,
-          defaultLocale: projectData.defaultLocale || 'en',
-          title: projectData.title,
-          description: projectData.description,
-          content: projectData.content,
-          tags: projectData.tags || [],
-          category: projectData.category,
-          featured: projectData.featured || false,
-          github: projectData.github,
-          live: projectData.live,
+          slug: asString(projectData.slug) ?? undefined,
+          defaultLocale: asString(projectData.defaultLocale) ?? "en",
+          title,
+          description: asString(projectData.description) ?? "",
+          content: projectData.content as Prisma.InputJsonValue | undefined,
+          tags: (asStringArray(projectData.tags) ?? []) as string[],
+          category: asString(projectData.category) ?? "General",
+          featured: projectData.featured === true,
+          github: asString(projectData.github) ?? undefined,
+          live: asString(projectData.live) ?? undefined,
           published: projectData.published !== false, // Default to true
-          imageUrl: projectData.imageUrl,
-          difficulty: projectData.difficulty || 'Intermediate',
-          timeToComplete: projectData.timeToComplete,
-          technologies: projectData.technologies || [],
-          challenges: projectData.challenges || [],
-          lessonsLearned: projectData.lessonsLearned || [],
-          futureImprovements: projectData.futureImprovements || [],
-          demoVideo: projectData.demoVideo,
-          screenshots: projectData.screenshots || [],
-          colorScheme: projectData.colorScheme || 'Dark',
+          imageUrl: asString(projectData.imageUrl) ?? undefined,
+          difficulty: asString(projectData.difficulty) ?? "Intermediate",
+          timeToComplete: asString(projectData.timeToComplete) ?? undefined,
+          technologies: (asStringArray(projectData.technologies) ?? []) as string[],
+          challenges: (asStringArray(projectData.challenges) ?? []) as string[],
+          lessonsLearned: (asStringArray(projectData.lessonsLearned) ?? []) as string[],
+          futureImprovements: (asStringArray(projectData.futureImprovements) ?? []) as string[],
+          demoVideo: asString(projectData.demoVideo) ?? undefined,
+          screenshots: (asStringArray(projectData.screenshots) ?? []) as string[],
+          colorScheme: asString(projectData.colorScheme) ?? "Dark",
           accessibility: projectData.accessibility !== false, // Default to true
-          performance: projectData.performance || {
+          performance: (projectData.performance as Record<string, unknown> | null) || {
             lighthouse: 0,
-            bundleSize: '0KB',
-            loadTime: '0s'
+            bundleSize: "0KB",
+            loadTime: "0s",
           },
-          analytics: projectData.analytics || {
+          analytics: (projectData.analytics as Record<string, unknown> | null) || {
             views: 0,
             likes: 0,
-            shares: 0
-          }
+            shares: 0,
+          },
         });
 
         // Import translations (optional, from export v2)
         if (Array.isArray(body.projectTranslations)) {
-          for (const tr of body.projectTranslations) {
-            if (!tr?.projectId || !tr?.locale) continue;
+          for (const tr of body.projectTranslations as ImportProjectTranslation[]) {
+            const projectId = typeof tr?.projectId === "number" ? tr.projectId : null;
+            const locale = asString(tr?.locale);
+            if (!projectId || !locale) continue;
             // Map translation to created project by original slug/title when possible.
             // We match by slug if available in exported project list; otherwise by title.
-            const exportedProject = body.projects.find((p: any) => p.id === tr.projectId);
-            const exportedSlug = exportedProject?.slug;
+            const exportedProject = (body.projects as ImportProject[]).find(
+              (p) => typeof p.id === "number" && p.id === projectId,
+            );
+            const exportedSlug = asString(exportedProject?.slug);
             const matches =
-              (exportedSlug && (created as any).slug === exportedSlug) ||
-              (!!exportedProject?.title && (created as any).title === exportedProject.title);
+              (exportedSlug && (created as unknown as { slug?: string }).slug === exportedSlug) ||
+              (!!asString(exportedProject?.title) &&
+                (created as unknown as { title?: string }).title === asString(exportedProject?.title));
             if (!matches) continue;
 
-            if (!tr.title || !tr.description) continue;
+            const trTitle = asString(tr.title);
+            const trDescription = asString(tr.description);
+            if (!trTitle || !trDescription) continue;
             await prisma.projectTranslation.upsert({
-              where: { projectId_locale: { projectId: (created as any).id, locale: tr.locale } },
+              where: {
+                projectId_locale: {
+                  projectId: (created as unknown as { id: number }).id,
+                  locale,
+                },
+              },
               create: {
-                projectId: (created as any).id,
-                locale: tr.locale,
-                title: tr.title,
-                description: tr.description,
-                content: tr.content || null,
-                metaDescription: tr.metaDescription || null,
-                keywords: tr.keywords || null,
-                ogImage: tr.ogImage || null,
-                schema: tr.schema || null,
-              } as any,
+                projectId: (created as unknown as { id: number }).id,
+                locale,
+                title: trTitle,
+                description: trDescription,
+                content: (tr.content as Prisma.InputJsonValue) ?? null,
+                metaDescription: asString(tr.metaDescription),
+                keywords: asString(tr.keywords),
+                ogImage: asString(tr.ogImage),
+                schema: (tr.schema as Prisma.InputJsonValue) ?? null,
+              },
               update: {
-                title: tr.title,
-                description: tr.description,
-                content: tr.content || null,
-                metaDescription: tr.metaDescription || null,
-                keywords: tr.keywords || null,
-                ogImage: tr.ogImage || null,
-                schema: tr.schema || null,
-              } as any,
+                title: trTitle,
+                description: trDescription,
+                content: (tr.content as Prisma.InputJsonValue) ?? null,
+                metaDescription: asString(tr.metaDescription),
+                keywords: asString(tr.keywords),
+                ogImage: asString(tr.ogImage),
+                schema: (tr.schema as Prisma.InputJsonValue) ?? null,
+              },
             });
           }
         }
 
         results.imported++;
-        existingTitles.add(projectData.title);
-        if (projectData.slug) existingSlugs.add(projectData.slug);
+        existingTitles.add(title);
+        const slug = asString(projectData.slug);
+        if (slug) existingSlugs.add(slug);
       } catch (error) {
         results.skipped++;
-        results.errors.push(`Failed to import "${projectData.title}": ${error instanceof Error ? error.message : 'Unknown error'}`);
+        const title = asString(projectData.title) ?? "unknown";
+        results.errors.push(
+          `Failed to import "${title}": ${error instanceof Error ? error.message : "Unknown error"}`,
+        );
       }
     }
 
@@ -188,10 +313,10 @@ export async function POST(request: NextRequest) {
       results
     });
   } catch (error) {
-    console.error('Import error:', error);
+    console.error("Import error:", error);
     return NextResponse.json(
-      { error: 'Failed to import projects' },
-      { status: 500 }
+      { error: "Failed to import projects" },
+      { status: 500 },
     );
   }
 }
diff --git a/app/api/sitemap/route.tsx b/app/api/sitemap/route.tsx
index b8c56f3..1c74d26 100644
--- a/app/api/sitemap/route.tsx
+++ b/app/api/sitemap/route.tsx
@@ -1,164 +1,22 @@
 import { NextResponse } from "next/server";
-
-interface Project {
-  slug: string;
-  updated_at?: string; // Optional timestamp for last modification
-}
-
-interface ProjectsData {
-  posts: Project[];
-}
+import { generateSitemapXml, getSitemapEntries } from "@/lib/sitemap";
 
 export const dynamic = "force-dynamic";
-export const runtime = "nodejs"; // Force Node runtime
-
-// Read Ghost API config at runtime, tests may set env vars in beforeAll
-
-// Funktion, um die XML für die Sitemap zu generieren
-function generateXml(sitemapRoutes: { url: string; lastModified: string }[]) {
-  const xmlHeader = '<?xml version="1.0" encoding="UTF-8"?>';
-  const urlsetOpen =
-    '<urlset xmlns="https://www.sitemaps.org/schemas/sitemap/0.9">';
-  const urlsetClose = "</urlset>";
-
-  const urlEntries = sitemapRoutes
-    .map(
-      (route) => `
-    <url>
-      <loc>${route.url}</loc>
-      <lastmod>${route.lastModified}</lastmod>
-      <changefreq>monthly</changefreq>
-      <priority>0.8</priority>
-    </url>`,
-    )
-    .join("");
-
-  return `${xmlHeader}${urlsetOpen}${urlEntries}${urlsetClose}`;
-}
+export const runtime = "nodejs";
 
 export async function GET() {
-  const baseUrl = process.env.NEXT_PUBLIC_BASE_URL;
-
-  // Statische Routen
-  const staticRoutes = [
-    {
-      url: `${baseUrl}/`,
-      lastModified: new Date().toISOString(),
-      priority: 1,
-      changeFreq: "weekly",
-    },
-    {
-      url: `${baseUrl}/legal-notice`,
-      lastModified: new Date().toISOString(),
-      priority: 0.5,
-      changeFreq: "yearly",
-    },
-    {
-      url: `${baseUrl}/privacy-policy`,
-      lastModified: new Date().toISOString(),
-      priority: 0.5,
-      changeFreq: "yearly",
-    },
-  ];
-
-  // In test environment we can short-circuit and use a mocked posts payload
-  if (process.env.NODE_ENV === "test" && process.env.GHOST_MOCK_POSTS) {
-    const mockData = JSON.parse(process.env.GHOST_MOCK_POSTS);
-    const projects = (mockData as ProjectsData).posts || [];
-
-    const sitemapRoutes = projects.map((project) => {
-      const lastModified = project.updated_at || new Date().toISOString();
-      return {
-        url: `${baseUrl}/projects/${project.slug}`,
-        lastModified,
-        priority: 0.8,
-        changeFreq: "monthly",
-      };
-    });
-
-    const allRoutes = [...staticRoutes, ...sitemapRoutes];
-    const xml = generateXml(allRoutes);
-
-    // For tests return a plain object so tests can inspect `.body` easily
-    if (process.env.NODE_ENV === "test") {
-      return new NextResponse(xml, {
-        headers: { "Content-Type": "application/xml" },
-      });
-    }
-
+  try {
+    const entries = await getSitemapEntries();
+    const xml = generateSitemapXml(entries);
     return new NextResponse(xml, {
       headers: { "Content-Type": "application/xml" },
     });
-  }
-
-  try {
-    // Debug: show whether fetch is present/mocked
-
-    // Try global fetch first (tests may mock global.fetch)
-    let response: Response | undefined;
-
-    try {
-      if (typeof globalThis.fetch === "function") {
-        response = await globalThis.fetch(
-          `${process.env.GHOST_API_URL}/ghost/api/content/posts/?key=${process.env.GHOST_API_KEY}&limit=all`,
-        );
-        // Debug: inspect the result
-
-        console.log("DEBUG sitemap global fetch returned:", response);
-      }
-    } catch (_e) {
-      response = undefined;
-    }
-
-    if (!response || typeof response.ok === "undefined" || !response.ok) {
-      try {
-        const mod = await import("node-fetch");
-        const nodeFetch = mod.default ?? mod;
-        response = await (nodeFetch as unknown as typeof fetch)(
-          `${process.env.GHOST_API_URL}/ghost/api/content/posts/?key=${process.env.GHOST_API_KEY}&limit=all`,
-        );
-      } catch (err) {
-        console.log("Failed to fetch posts from Ghost:", err);
-        return new NextResponse(generateXml(staticRoutes), {
-          headers: { "Content-Type": "application/xml" },
-        });
-      }
-    }
-
-    if (!response || !response.ok) {
-      console.error(
-        `Failed to fetch posts: ${response?.statusText ?? "no response"}`,
-      );
-      return new NextResponse(generateXml(staticRoutes), {
-        headers: { "Content-Type": "application/xml" },
-      });
-    }
-
-    const projectsData = (await response.json()) as ProjectsData;
-
-    const projects = projectsData.posts;
-
-    // Dynamische Projekt-Routen generieren
-    const sitemapRoutes = projects.map((project) => {
-      const lastModified = project.updated_at || new Date().toISOString();
-      return {
-        url: `${baseUrl}/projects/${project.slug}`,
-        lastModified,
-        priority: 0.8,
-        changeFreq: "monthly",
-      };
-    });
-
-    const allRoutes = [...staticRoutes, ...sitemapRoutes];
-
-    // Rückgabe der Sitemap im XML-Format
-    return new NextResponse(generateXml(allRoutes), {
-      headers: { "Content-Type": "application/xml" },
-    });
   } catch (error) {
-    console.log("Failed to fetch posts from Ghost:", error);
-    // Rückgabe der statischen Routen, falls Fehler auftritt
-    return new NextResponse(generateXml(staticRoutes), {
+    console.error("Failed to generate sitemap:", error);
+    // Fail closed: return minimal sitemap
+    const xml = generateSitemapXml([]);
+    return new NextResponse(xml, {
+      status: 500,
       headers: { "Content-Type": "application/xml" },
     });
   }
diff --git a/app/components/ConsentBanner.tsx b/app/components/ConsentBanner.tsx
index 94b8423..d23b575 100644
--- a/app/components/ConsentBanner.tsx
+++ b/app/components/ConsentBanner.tsx
@@ -7,9 +7,6 @@ export default function ConsentBanner() {
   const { consent, setConsent } = useConsent();
   const [draft, setDraft] = useState<ConsentState>({ analytics: false, chat: false });
 
-  const shouldShow = useMemo(() => consent === null, [consent]);
-  if (!shouldShow) return null;
-
   const locale = useMemo(() => {
     if (typeof document === "undefined") return "en";
     const match = document.cookie
@@ -20,6 +17,9 @@ export default function ConsentBanner() {
     return decodeURIComponent(match.split("=").slice(1).join("=")) || "en";
   }, []);
 
+  const shouldShow = consent === null;
+  if (!shouldShow) return null;
+
   const s = locale === "de"
     ? {
         title: "Datenschutz-Einstellungen",
diff --git a/app/not-found.tsx b/app/not-found.tsx
index b331c8b..57d1631 100644
--- a/app/not-found.tsx
+++ b/app/not-found.tsx
@@ -26,21 +26,21 @@ const KernelPanic404 = dynamic(() => import("./components/KernelPanic404Wrapper"
 });
 
 export default function NotFound() {
-  // In tests, avoid next/dynamic loadable timing and render a stable fallback
-  if (process.env.NODE_ENV === "test") {
-    return (
-      <div>
-        Oops! The page you're looking for doesn't exist.
-      </div>
-    );
-  }
-
   const [mounted, setMounted] = useState(false);
 
   useEffect(() => {
     setMounted(true);
   }, []);
 
+  // In tests, avoid next/dynamic loadable timing and render a stable fallback
+  if (process.env.NODE_ENV === "test") {
+    return (
+      <div>
+        Oops! The page you&apos;re looking for doesn&apos;t exist.
+      </div>
+    );
+  }
+
   if (!mounted) {
     return (
       <div style={{ 
diff --git a/app/robots.txt/route.ts b/app/robots.txt/route.ts
new file mode 100644
index 0000000..7c25572
--- /dev/null
+++ b/app/robots.txt/route.ts
@@ -0,0 +1,25 @@
+import { NextResponse } from "next/server";
+import { getBaseUrl } from "@/lib/seo";
+
+export const dynamic = "force-dynamic";
+
+export async function GET() {
+  const base = getBaseUrl();
+  const body = [
+    "User-agent: *",
+    "Allow: /",
+    "Disallow: /api/",
+    "Disallow: /manage",
+    "Disallow: /editor",
+    `Sitemap: ${base}/sitemap.xml`,
+    "",
+  ].join("\n");
+
+  return new NextResponse(body, {
+    headers: {
+      "Content-Type": "text/plain; charset=utf-8",
+      "Cache-Control": "public, max-age=3600",
+    },
+  });
+}
+
diff --git a/app/sitemap.xml/route.tsx b/app/sitemap.xml/route.tsx
index 7a1abd4..2294402 100644
--- a/app/sitemap.xml/route.tsx
+++ b/app/sitemap.xml/route.tsx
@@ -1,67 +1,20 @@
 import { NextResponse } from "next/server";
+import { generateSitemapXml, getSitemapEntries } from "@/lib/sitemap";
 
 export const dynamic = "force-dynamic";
 
 export async function GET() {
-  const baseUrl = process.env.NEXT_PUBLIC_BASE_URL;
-  const apiUrl = `${baseUrl}/api/sitemap`; // Verwende die vollständige URL zur API
-
-  // In test runs, allow returning a mocked sitemap explicitly
-  if (process.env.NODE_ENV === "test" && process.env.GHOST_MOCK_SITEMAP) {
-    // For tests return a simple object so tests can inspect `.body`
-    if (process.env.NODE_ENV === "test") {
-      /* eslint-disable @typescript-eslint/no-explicit-any */
-      return {
-        body: process.env.GHOST_MOCK_SITEMAP,
-        headers: { "Content-Type": "application/xml" },
-      } as any;
-      /* eslint-enable @typescript-eslint/no-explicit-any */
-    }
-    return new NextResponse(process.env.GHOST_MOCK_SITEMAP, {
-      headers: { "Content-Type": "application/xml" },
-    });
-  }
-
   try {
-    // Holt die Sitemap-Daten von der API
-    // Try global fetch first, then fall back to node-fetch
-    /* eslint-disable @typescript-eslint/no-explicit-any */
-    let res: any;
-    try {
-      if (typeof (globalThis as any).fetch === "function") {
-        res = await (globalThis as any).fetch(apiUrl);
-      }
-    } catch (_e) {
-      res = undefined;
-    }
-
-    if (!res || typeof res.ok === "undefined" || !res.ok) {
-      try {
-        const mod = await import("node-fetch");
-        const nodeFetch = (mod as any).default ?? mod;
-        res = await (nodeFetch as any)(apiUrl);
-      } catch (err) {
-        console.error("Error fetching sitemap:", err);
-        return new NextResponse("Error fetching sitemap", { status: 500 });
-      }
-    }
-    /* eslint-enable @typescript-eslint/no-explicit-any */
-
-    if (!res || !res.ok) {
-      console.error(
-        `Failed to fetch sitemap: ${res?.statusText ?? "no response"}`,
-      );
-      return new NextResponse("Failed to fetch sitemap", { status: 500 });
-    }
-
-    const xml = await res.text();
-
-    // Gibt die XML mit dem richtigen Content-Type zurück
+    const entries = await getSitemapEntries();
+    const xml = generateSitemapXml(entries);
     return new NextResponse(xml, {
       headers: { "Content-Type": "application/xml" },
     });
   } catch (error) {
-    console.error("Error fetching sitemap:", error);
-    return new NextResponse("Error fetching sitemap", { status: 500 });
+    console.error("Error generating sitemap.xml:", error);
+    return new NextResponse(generateSitemapXml([]), {
+      status: 500,
+      headers: { "Content-Type": "application/xml" },
+    });
   }
 }
diff --git a/docker-compose.production.yml b/docker-compose.production.yml
index 63165fb..6ab4a32 100644
--- a/docker-compose.production.yml
+++ b/docker-compose.production.yml
@@ -18,6 +18,9 @@ services:
       - MY_PASSWORD=${MY_PASSWORD}
       - MY_INFO_PASSWORD=${MY_INFO_PASSWORD}
       - ADMIN_BASIC_AUTH=${ADMIN_BASIC_AUTH:-admin:your_secure_password_here}
+      - ADMIN_SESSION_SECRET=${ADMIN_SESSION_SECRET}
+      # If you already have an existing DB (pre-migrations), set this to true ONCE to baseline.
+      - PRISMA_AUTO_BASELINE=${PRISMA_AUTO_BASELINE:-false}
       - LOG_LEVEL=info
       - N8N_WEBHOOK_URL=${N8N_WEBHOOK_URL:-}
       - N8N_SECRET_TOKEN=${N8N_SECRET_TOKEN:-}
diff --git a/docker-compose.testing.yml b/docker-compose.testing.yml
index 7f22afc..882ee66 100644
--- a/docker-compose.testing.yml
+++ b/docker-compose.testing.yml
@@ -18,6 +18,8 @@ services:
       - MY_PASSWORD=${MY_PASSWORD}
       - MY_INFO_PASSWORD=${MY_INFO_PASSWORD}
       - ADMIN_BASIC_AUTH=${ADMIN_BASIC_AUTH:-admin:testing_password}
+      - ADMIN_SESSION_SECRET=${ADMIN_SESSION_SECRET}
+      - PRISMA_AUTO_BASELINE=${PRISMA_AUTO_BASELINE:-false}
       - LOG_LEVEL=info
       - N8N_WEBHOOK_URL=${N8N_WEBHOOK_URL:-}
       - N8N_SECRET_TOKEN=${N8N_SECRET_TOKEN:-}
diff --git a/docs/TESTING_AND_DEPLOYMENT.md b/docs/TESTING_AND_DEPLOYMENT.md
index 9b3f2b1..93fdcdc 100644
--- a/docs/TESTING_AND_DEPLOYMENT.md
+++ b/docs/TESTING_AND_DEPLOYMENT.md
@@ -41,6 +41,7 @@ Dann SSL Zertifikate (Let’s Encrypt) aktivieren.
 - `MY_PASSWORD`
 - `MY_INFO_PASSWORD`
 - `ADMIN_BASIC_AUTH` (z.B. `admin:<starkes_passwort>`)
+- `ADMIN_SESSION_SECRET` (mind. 32 Zeichen, zufällig; für Session-Login im Admin)
 - optional: `N8N_SECRET_TOKEN`
 
 ## Docker Compose Files
@@ -50,3 +51,19 @@ Dann SSL Zertifikate (Let’s Encrypt) aktivieren.
 
 Wenn du “dev” nicht mehr brauchst, kannst du den Branch einfach nicht mehr benutzen.
 
+## Prisma Migrations (Auto-Deploy)
+
+Der App-Container führt beim Start automatisch aus:
+- `prisma migrate deploy`
+
+### Wichtig: bestehende Datenbank (Baseline)
+Wenn deine DB bereits existiert (vor Einführung von Prisma Migrations), dann würde die initiale Migration sonst mit “table already exists” scheitern.
+
+**Einmalig beim ersten Deploy**:
+- Setze `PRISMA_AUTO_BASELINE=true` (z.B. als Compose env oder Gitea Variable/Secret)
+- Deploy ausführen
+- Danach wieder auf `false` setzen
+
+Alternative (manuell/sauber):
+- Baseline per `prisma migrate resolve --applied <init_migration_name>` ausführen (z.B. lokal gegen die Prod-DB)
+
diff --git a/e2e/consent.spec.ts b/e2e/consent.spec.ts
new file mode 100644
index 0000000..f3adc4f
--- /dev/null
+++ b/e2e/consent.spec.ts
@@ -0,0 +1,27 @@
+import { test, expect } from "@playwright/test";
+
+test.describe("Consent banner", () => {
+  test("banner shows and can be accepted", async ({ page, context }) => {
+    // Start clean
+    await context.clearCookies();
+
+    await page.goto("/en", { waitUntil: "domcontentloaded" });
+
+    // Banner should appear on public pages when no consent is set yet
+    const bannerTitle = page.getByText(/Privacy settings|Datenschutz-Einstellungen/i);
+    await expect(bannerTitle).toBeVisible({ timeout: 10000 });
+
+    // Accept all
+    const acceptAll = page.getByRole("button", { name: /Accept all|Alles akzeptieren/i });
+    await acceptAll.click();
+
+    // Banner disappears
+    await expect(bannerTitle).toBeHidden({ timeout: 10000 });
+
+    // Cookie is written
+    const cookies = await context.cookies();
+    const consentCookie = cookies.find((c) => c.name === "dk0_consent_v1");
+    expect(consentCookie).toBeTruthy();
+  });
+});
+
diff --git a/e2e/critical-paths.spec.ts b/e2e/critical-paths.spec.ts
index 9fdee8c..ead8788 100644
--- a/e2e/critical-paths.spec.ts
+++ b/e2e/critical-paths.spec.ts
@@ -6,7 +6,7 @@ import { test, expect } from '@playwright/test';
  */
 test.describe('Critical Paths', () => {
   test('Home page loads and displays correctly', async ({ page }) => {
-    await page.goto('/', { waitUntil: 'networkidle' });
+    await page.goto('/en', { waitUntil: 'networkidle' });
     
     // Wait for page to be fully loaded
     await page.waitForLoadState('domcontentloaded');
@@ -25,7 +25,7 @@ test.describe('Critical Paths', () => {
   });
 
   test('Projects page loads and displays projects', async ({ page }) => {
-    await page.goto('/projects', { waitUntil: 'networkidle' });
+    await page.goto('/en/projects', { waitUntil: 'networkidle' });
     
     // Wait for projects to load
     await page.waitForLoadState('domcontentloaded');
@@ -45,7 +45,7 @@ test.describe('Critical Paths', () => {
 
   test('Individual project page loads', async ({ page }) => {
     // First, get a project slug from the projects page
-    await page.goto('/projects', { waitUntil: 'networkidle' });
+    await page.goto('/en/projects', { waitUntil: 'networkidle' });
     await page.waitForLoadState('domcontentloaded');
     
     // Try to find a project link
diff --git a/e2e/hydration.spec.ts b/e2e/hydration.spec.ts
index 5221054..3522bfb 100644
--- a/e2e/hydration.spec.ts
+++ b/e2e/hydration.spec.ts
@@ -20,7 +20,7 @@ test.describe('Hydration Tests', () => {
     });
     
     // Navigate to home page
-    await page.goto('/', { waitUntil: 'networkidle' });
+    await page.goto('/en', { waitUntil: 'networkidle' });
     await page.waitForLoadState('domcontentloaded');
     
     // Check for hydration errors
@@ -51,7 +51,7 @@ test.describe('Hydration Tests', () => {
       }
     });
     
-    await page.goto('/');
+    await page.goto('/en');
     await page.waitForLoadState('networkidle');
     
     // Check for duplicate key warnings
@@ -71,11 +71,11 @@ test.describe('Hydration Tests', () => {
       }
     });
     
-    await page.goto('/', { waitUntil: 'networkidle' });
+    await page.goto('/en', { waitUntil: 'networkidle' });
     await page.waitForLoadState('domcontentloaded');
     
     // Navigate to projects page via link
-    const projectsLink = page.locator('a[href="/projects"], a[href*="projects"]').first();
+    const projectsLink = page.locator('a[href*="/projects"]').first();
     if (await projectsLink.count() > 0) {
       await projectsLink.click();
       await page.waitForLoadState('domcontentloaded');
@@ -90,7 +90,7 @@ test.describe('Hydration Tests', () => {
   });
 
   test('Server and client HTML match', async ({ page }) => {
-    await page.goto('/');
+    await page.goto('/en');
     
     // Get initial HTML
     const initialHTML = await page.content();
@@ -108,7 +108,7 @@ test.describe('Hydration Tests', () => {
   });
 
   test('Interactive elements work after hydration', async ({ page }) => {
-    await page.goto('/');
+    await page.goto('/en');
     await page.waitForLoadState('networkidle');
     
     // Try to find and click interactive elements
diff --git a/e2e/i18n.spec.ts b/e2e/i18n.spec.ts
new file mode 100644
index 0000000..54b9f49
--- /dev/null
+++ b/e2e/i18n.spec.ts
@@ -0,0 +1,17 @@
+import { test, expect } from "@playwright/test";
+
+test.describe("i18n routing", () => {
+  test("language switcher navigates between locales", async ({ page }) => {
+    await page.goto("/en", { waitUntil: "domcontentloaded" });
+
+    // Buttons are "EN"/"DE" in the header
+    const deButton = page.getByRole("button", { name: "DE" });
+    if (await deButton.count()) {
+      await deButton.click();
+      await expect(page).toHaveURL(/\/de(\/|$)/);
+    } else {
+      test.skip();
+    }
+  });
+});
+
diff --git a/e2e/seo.spec.ts b/e2e/seo.spec.ts
new file mode 100644
index 0000000..d1b85e3
--- /dev/null
+++ b/e2e/seo.spec.ts
@@ -0,0 +1,22 @@
+import { test, expect } from "@playwright/test";
+
+test.describe("SEO endpoints", () => {
+  test("robots.txt is served and contains sitemap", async ({ request }) => {
+    const res = await request.get("/robots.txt");
+    expect(res.ok()).toBeTruthy();
+    const txt = await res.text();
+    expect(txt).toContain("User-agent:");
+    expect(txt).toContain("Sitemap:");
+  });
+
+  test("sitemap.xml is served and contains locale routes", async ({ request }) => {
+    const res = await request.get("/sitemap.xml");
+    expect(res.ok()).toBeTruthy();
+    const xml = await res.text();
+    expect(xml).toContain('<urlset xmlns="https://www.sitemaps.org/schemas/sitemap/0.9">');
+    // At least the localized home routes should exist
+    expect(xml).toMatch(/\/en<\/loc>/);
+    expect(xml).toMatch(/\/de<\/loc>/);
+  });
+});
+
diff --git a/env.example b/env.example
index cec1add..6a3efd5 100644
--- a/env.example
+++ b/env.example
@@ -34,6 +34,14 @@ N8N_API_KEY=your-n8n-api-key
 # JWT_SECRET=your-jwt-secret
 # ENCRYPTION_KEY=your-encryption-key
 ADMIN_BASIC_AUTH=admin:your_secure_password_here
+ADMIN_SESSION_SECRET=change_me_to_a_long_random_string_at_least_32_chars
+
+# Prisma migrations at container startup
+# - default: migrations are executed (`prisma migrate deploy`)
+# - set to true ONCE if you already have an existing DB that was created before migrations existed
+PRISMA_AUTO_BASELINE=false
+# emergency switch (not recommended for normal operation)
+# SKIP_PRISMA_MIGRATE=true
 
 # Monitoring (optional)
 # SENTRY_DSN=your-sentry-dsn
diff --git a/i18n/locales.ts b/i18n/locales.ts
new file mode 100644
index 0000000..c2abae3
--- /dev/null
+++ b/i18n/locales.ts
@@ -0,0 +1,3 @@
+export const locales = ["en", "de"] as const;
+export type AppLocale = (typeof locales)[number];
+
diff --git a/i18n/request.ts b/i18n/request.ts
index 7d6a3c7..cf82189 100644
--- a/i18n/request.ts
+++ b/i18n/request.ts
@@ -1,7 +1,6 @@
-import { getRequestConfig } from 'next-intl/server';
-
-export const locales = ['en', 'de'] as const;
-export type AppLocale = (typeof locales)[number];
+import { getRequestConfig } from "next-intl/server";
+import { locales } from "./locales";
+export { locales, type AppLocale } from "./locales";
 
 export default getRequestConfig(async ({ locale }) => {
   // next-intl can call us with unknown/undefined locales; fall back safely
diff --git a/lib/content.ts b/lib/content.ts
index 12ce851..68888ed 100644
--- a/lib/content.ts
+++ b/lib/content.ts
@@ -1,4 +1,5 @@
 import { prisma } from "@/lib/prisma";
+import type { Prisma } from "@prisma/client";
 
 export async function getSiteSettings() {
   return prisma.siteSettings.findUnique({ where: { id: 1 } });
@@ -55,14 +56,14 @@ export async function upsertContentByKey(opts: {
       locale,
       title: title ?? undefined,
       slug: slug ?? undefined,
-      content: content as any, // JSON
+      content: content as Prisma.InputJsonValue, // JSON
       metaDescription: metaDescription ?? undefined,
       keywords: keywords ?? undefined,
     },
     update: {
       title: title ?? undefined,
       slug: slug ?? undefined,
-      content: content as any, // JSON
+      content: content as Prisma.InputJsonValue, // JSON
       metaDescription: metaDescription ?? undefined,
       keywords: keywords ?? undefined,
     },
diff --git a/lib/seo.ts b/lib/seo.ts
new file mode 100644
index 0000000..d153ec4
--- /dev/null
+++ b/lib/seo.ts
@@ -0,0 +1,30 @@
+import { locales, type AppLocale } from "@/i18n/locales";
+
+export function getBaseUrl(): string {
+  const raw =
+    process.env.NEXT_PUBLIC_BASE_URL ||
+    process.env.NEXTAUTH_URL || // fallback if ever added
+    "http://localhost:3000";
+  return raw.replace(/\/+$/, "");
+}
+
+export function toAbsoluteUrl(path: string): string {
+  const base = getBaseUrl();
+  const normalized = path.startsWith("/") ? path : `/${path}`;
+  return `${base}${normalized}`;
+}
+
+export function getLanguageAlternates(opts: {
+  /** Path without locale prefix, e.g. "/projects" or "/projects/my-slug" or "" */
+  pathWithoutLocale: string;
+}): Record<AppLocale, string> {
+  const path = opts.pathWithoutLocale === "" ? "" : `/${opts.pathWithoutLocale}`.replace(/\/{2,}/g, "/");
+  const normalizedPath = path === "/" ? "" : path;
+
+  return locales.reduce((acc, l) => {
+    const url = toAbsoluteUrl(`/${l}${normalizedPath}`);
+    acc[l] = url;
+    return acc;
+  }, {} as Record<AppLocale, string>);
+}
+
diff --git a/lib/sitemap.ts b/lib/sitemap.ts
new file mode 100644
index 0000000..4405283
--- /dev/null
+++ b/lib/sitemap.ts
@@ -0,0 +1,70 @@
+import { prisma } from "@/lib/prisma";
+import { locales } from "@/i18n/locales";
+import { getBaseUrl } from "@/lib/seo";
+
+export type SitemapEntry = {
+  url: string;
+  lastModified: string;
+  changefreq?: "daily" | "weekly" | "monthly" | "yearly";
+  priority?: number;
+};
+
+export function generateSitemapXml(entries: SitemapEntry[]): string {
+  const xmlHeader = '<?xml version="1.0" encoding="UTF-8"?>';
+  const urlsetOpen = '<urlset xmlns="https://www.sitemaps.org/schemas/sitemap/0.9">';
+  const urlsetClose = "</urlset>";
+
+  const urlEntries = entries
+    .map((e) => {
+      const changefreq = e.changefreq ?? "monthly";
+      const priority = typeof e.priority === "number" ? e.priority : 0.8;
+      return `
+    <url>
+      <loc>${e.url}</loc>
+      <lastmod>${e.lastModified}</lastmod>
+      <changefreq>${changefreq}</changefreq>
+      <priority>${priority.toFixed(1)}</priority>
+    </url>`;
+    })
+    .join("");
+
+  return `${xmlHeader}${urlsetOpen}${urlEntries}${urlsetClose}`;
+}
+
+export async function getSitemapEntries(): Promise<SitemapEntry[]> {
+  const baseUrl = getBaseUrl();
+  const nowIso = new Date().toISOString();
+
+  const staticPaths = ["", "/projects", "/legal-notice", "/privacy-policy"];
+  const staticEntries: SitemapEntry[] = locales.flatMap((locale) =>
+    staticPaths.map((p) => {
+      const path = p === "" ? `/${locale}` : `/${locale}${p}`;
+      return {
+        url: `${baseUrl}${path}`,
+        lastModified: nowIso,
+        changefreq: p === "" ? "weekly" : p === "/projects" ? "weekly" : "yearly",
+        priority: p === "" ? 1.0 : p === "/projects" ? 0.8 : 0.5,
+      };
+    }),
+  );
+
+  // Projects: for each project slug we publish per locale (same slug)
+  const projects = await prisma.project.findMany({
+    where: { published: true },
+    select: { slug: true, updatedAt: true },
+    orderBy: { updatedAt: "desc" },
+  });
+
+  const projectEntries: SitemapEntry[] = projects.flatMap((p) => {
+    const lastModified = (p.updatedAt ?? new Date()).toISOString();
+    return locales.map((locale) => ({
+      url: `${baseUrl}/${locale}/projects/${p.slug}`,
+      lastModified,
+      changefreq: "monthly",
+      priority: 0.7,
+    }));
+  });
+
+  return [...staticEntries, ...projectEntries];
+}
+
diff --git a/public/robots.txt b/public/robots.txt
deleted file mode 100644
index 69da470..0000000
--- a/public/robots.txt
+++ /dev/null
@@ -1,5 +0,0 @@
-User-agent: *
-Allow: /
-Disallow: /legal-notice
-Disallow: /privacy-policy
-Sitemap: https://dki.one/sitemap.xml
diff --git a/push-to-dev.sh b/push-to-dev.sh
index ffdb42f..f98dd2b 100755
--- a/push-to-dev.sh
+++ b/push-to-dev.sh
@@ -80,7 +80,7 @@ echo -e "${YELLOW}[4/5] Verifying critical files...${NC}"
 REQUIRED_FILES=(
     "CHANGELOG_DEV.md"
     "AFTER_PUSH_SETUP.md"
-    "prisma/migrations/create_activity_status.sql"
+    "prisma/migrations/migration_lock.toml"
     "docs/ai-image-generation/README.md"
 )
 MISSING=0
diff --git a/scripts/start-with-migrate.js b/scripts/start-with-migrate.js
index 1a31f69..bc3c2bf 100644
--- a/scripts/start-with-migrate.js
+++ b/scripts/start-with-migrate.js
@@ -1,3 +1,4 @@
+/* eslint-disable @typescript-eslint/no-require-imports */
 /**
  * Container entrypoint: apply Prisma migrations, then start Next server.
  *
@@ -9,6 +10,8 @@
  * - Set `SKIP_PRISMA_MIGRATE=true` to skip migrations (emergency / debugging).
  */
 const { spawnSync } = require("node:child_process");
+const fs = require("node:fs");
+const path = require("node:path");
 
 function run(cmd, args, opts = {}) {
   const res = spawnSync(cmd, args, {
@@ -28,11 +31,36 @@ function run(cmd, args, opts = {}) {
 
 const skip = String(process.env.SKIP_PRISMA_MIGRATE || "").toLowerCase() === "true";
 if (!skip) {
+  const autoBaseline =
+    String(process.env.PRISMA_AUTO_BASELINE || "").toLowerCase() === "true";
+
   // Avoid relying on `npx` resolution in minimal runtimes.
   // We copy `node_modules/prisma` into the runtime image.
+  if (autoBaseline) {
+    try {
+      const migrationsDir = path.join(process.cwd(), "prisma", "migrations");
+      const entries = fs
+        .readdirSync(migrationsDir, { withFileTypes: true })
+        .filter((d) => d.isDirectory())
+        .map((d) => d.name);
+      const initMigration = entries.find((n) => n.endsWith("_init"));
+      if (initMigration) {
+        // This is the documented "baseline" flow for existing databases:
+        // mark the initial migration as already applied.
+        run("node", [
+          "node_modules/prisma/build/index.js",
+          "migrate",
+          "resolve",
+          "--applied",
+          initMigration,
+        ]);
+      }
+    } catch (_err) {
+      // If baseline fails we continue to migrate deploy, which will surface the real issue.
+    }
+  }
   run("node", ["node_modules/prisma/build/index.js", "migrate", "deploy"]);
 } else {
-  // eslint-disable-next-line no-console
   console.log("SKIP_PRISMA_MIGRATE=true -> skipping prisma migrate deploy");
 }
 
diff --git a/test-results/.last-run.json b/test-results/.last-run.json
deleted file mode 100644
index 344ea9e..0000000
--- a/test-results/.last-run.json
+++ /dev/null
@@ -1,4 +0,0 @@
-{
-  "status": "interrupted",
-  "failedTests": []
-}
\ No newline at end of file

From d7dcb17769faa979ef31f247225780296e11e673 Mon Sep 17 00:00:00 2001
From: Cursor Agent <cursoragent@cursor.com>
Date: Mon, 12 Jan 2026 15:37:22 +0000
Subject: [PATCH 06/12] Automate dev DB setup with migrations and relax API
 rate limits in development

Co-authored-by: dennis <dennis@konkol.net>
---
 app/api/projects/route.ts | 11 +++--
 scripts/dev-minimal.js    | 96 ++++++++++++++++++++++++++-------------
 scripts/setup-database.js |  4 +-
 3 files changed, 74 insertions(+), 37 deletions(-)

diff --git a/app/api/projects/route.ts b/app/api/projects/route.ts
index c26b533..89cea32 100644
--- a/app/api/projects/route.ts
+++ b/app/api/projects/route.ts
@@ -1,22 +1,25 @@
 import { NextRequest, NextResponse } from 'next/server';
 import { prisma } from '@/lib/prisma';
 import { apiCache } from '@/lib/cache';
-import { requireSessionAuth, checkRateLimit, getRateLimitHeaders } from '@/lib/auth';
+import { requireSessionAuth, checkRateLimit, getRateLimitHeaders, getClientIp } from '@/lib/auth';
 import { PrismaClientKnownRequestError } from '@prisma/client/runtime/library';
 import { generateUniqueSlug } from '@/lib/slug';
 
 export async function GET(request: NextRequest) {
   try {
     // Rate limiting
-    const ip = request.headers.get('x-forwarded-for') || request.headers.get('x-real-ip') || 'unknown';
-    if (!checkRateLimit(ip, 10, 60000)) { // 10 requests per minute
+    const ip = getClientIp(request);
+    const rlKey = ip !== "unknown" ? ip : `dev_unknown:${request.headers.get("user-agent") || "ua"}`;
+    // In development we keep this very high to avoid breaking local navigation/HMR.
+    const max = process.env.NODE_ENV === "development" ? 300 : 60;
+    if (!checkRateLimit(rlKey, max, 60000)) {
       return new NextResponse(
         JSON.stringify({ error: 'Rate limit exceeded' }), 
         { 
           status: 429, 
           headers: { 
             'Content-Type': 'application/json',
-            ...getRateLimitHeaders(ip, 10, 60000)
+            ...getRateLimitHeaders(rlKey, max, 60000)
           } 
         }
       );
diff --git a/scripts/dev-minimal.js b/scripts/dev-minimal.js
index ef78e2e..a597203 100644
--- a/scripts/dev-minimal.js
+++ b/scripts/dev-minimal.js
@@ -1,7 +1,7 @@
 #!/usr/bin/env node
 
 /* eslint-disable @typescript-eslint/no-require-imports */
-const { spawn, exec } = require('child_process');
+const { spawn, exec } = require("child_process");
 const os = require('os');
 const isWindows = process.platform === 'win32';
 
@@ -15,9 +15,23 @@ console.log(`🖥️  Detected architecture: ${arch}`);
 console.log(`🍎 Apple Silicon: ${isAppleSilicon ? 'Yes' : 'No'}`);
 
 // Use minimal compose file (only PostgreSQL and Redis)
-const composeFile = 'docker-compose.dev.minimal.yml';
+const composeFile = "docker-compose.dev.minimal.yml";
 console.log(`📦 Using minimal Docker Compose file: ${composeFile}`);
 
+function runCommand(command, env) {
+  return new Promise((resolve, reject) => {
+    exec(command, { env: env ?? process.env }, (error, stdout, stderr) => {
+      if (stdout) process.stdout.write(stdout);
+      if (stderr) process.stderr.write(stderr);
+      if (error) {
+        reject(error);
+        return;
+      }
+      resolve(undefined);
+    });
+  });
+}
+
 // Check if docker-compose is available
 exec('docker-compose --version', (error) => {
   if (error) {
@@ -43,40 +57,60 @@ exec('docker-compose --version', (error) => {
       
       // Wait a bit for services to be ready
       setTimeout(() => {
-        console.log('🚀 Starting Next.js development server...');
-        
-        // Start Next.js dev server
-        const nextProcess = spawn('npm', ['run', 'dev:next'], {
-          stdio: 'inherit',
-          shell: isWindows,
-          env: {
-            ...process.env,
-            DATABASE_URL: process.env.DATABASE_URL || 'postgresql://portfolio_user:portfolio_dev_pass@localhost:5432/portfolio_dev?schema=public',
-            REDIS_URL: 'redis://localhost:6379',
-            NODE_ENV: 'development'
+        const devEnv = {
+          ...process.env,
+          DATABASE_URL:
+            process.env.DATABASE_URL ||
+            "postgresql://portfolio_user:portfolio_dev_pass@localhost:5432/portfolio_dev?schema=public",
+          REDIS_URL: "redis://localhost:6379",
+          NODE_ENV: "development",
+        };
+
+        // Ensure DB schema exists before starting Next dev server.
+        // This prevents "table does not exist" errors for Projects/CMS/Analytics.
+        (async () => {
+          try {
+            console.log("🗄️  Applying Prisma migrations (dev)...");
+            await runCommand("npx prisma generate", devEnv);
+            await runCommand("npx prisma migrate deploy", devEnv);
+            // seeding is optional; keep it non-blocking
+            await runCommand("npx prisma db seed", devEnv).catch(() => {});
+            console.log("✅ Database is ready");
+          } catch (_e) {
+            console.warn("⚠️  Could not run Prisma migrations automatically.");
+            console.warn("   You can run: npm run db:setup");
           }
-        });
 
-        nextProcess.on('close', (code) => {
-          console.log(`Next.js dev server exited with code ${code}`);
-        });
+          console.log("🚀 Starting Next.js development server...");
+        
+          // Start Next.js dev server
+          const nextProcess = spawn("npm", ["run", "dev:next"], {
+            stdio: "inherit",
+            shell: isWindows,
+            env: devEnv,
+          });
 
-        // Handle process signals
-        process.on('SIGINT', () => {
-          console.log('\n🛑 Stopping development environment...');
-          nextProcess.kill('SIGTERM');
-          
-          // Stop Docker services
-          const stopProcess = spawn('docker-compose', ['-f', composeFile, 'down'], {
-            stdio: 'inherit',
-            shell: isWindows
+          nextProcess.on("close", (code) => {
+            console.log(`Next.js dev server exited with code ${code}`);
           });
-          
-          stopProcess.on('close', () => {
-            console.log('✅ Development environment stopped');
-            process.exit(0);
+
+          // Handle process signals
+          process.on("SIGINT", () => {
+            console.log("\n🛑 Stopping development environment...");
+            nextProcess.kill("SIGTERM");
+
+            // Stop Docker services
+            const stopProcess = spawn("docker-compose", ["-f", composeFile, "down"], {
+              stdio: "inherit",
+              shell: isWindows,
+            });
+
+            stopProcess.on("close", () => {
+              console.log("✅ Development environment stopped");
+              process.exit(0);
+            });
           });
-        });
+        })();
 
       }, 5000); // Wait 5 seconds for services to be ready
       
diff --git a/scripts/setup-database.js b/scripts/setup-database.js
index 3588f7f..fae6da7 100644
--- a/scripts/setup-database.js
+++ b/scripts/setup-database.js
@@ -32,8 +32,8 @@ async function setupDatabase() {
     console.log('📦 Generating Prisma client...');
     await runCommand('npx prisma generate');
     
-    console.log('🔄 Pushing database schema...');
-    await runCommand('npx prisma db push');
+    console.log('🔄 Applying database migrations...');
+    await runCommand('npx prisma migrate deploy');
     
     console.log('🌱 Seeding database...');
     await runCommand('npx prisma db seed');

From 6a4055500b5ec1795fe8a0e28a44182745ea66d5 Mon Sep 17 00:00:00 2001
From: Cursor Agent <cursoragent@cursor.com>
Date: Mon, 12 Jan 2026 15:47:53 +0000
Subject: [PATCH 07/12] Exclude static assets (paths with dots) from middleware
 matcher.

Co-authored-by: dennis <dennis@konkol.net>
---
 middleware.ts | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/middleware.ts b/middleware.ts
index 9e89679..e760e81 100644
--- a/middleware.ts
+++ b/middleware.ts
@@ -107,7 +107,8 @@ export const config = {
      * - _next/static (static files)
      * - _next/image (image optimization files)
      * - favicon.ico (favicon file)
+     * - any path containing a dot (public assets like /images/*.jpg, /robots.txt, /sitemap.xml, etc.)
      */
-    "/((?!api|_next/static|_next/image|favicon.ico).*)",
+    "/((?!api|_next/static|_next/image|favicon.ico|.*\\..*).*)",
   ],
 };

From 683735cc63af31b8ce9207b71f9bb084be15c43c Mon Sep 17 00:00:00 2001
From: Cursor Agent <cursoragent@cursor.com>
Date: Mon, 12 Jan 2026 15:57:28 +0000
Subject: [PATCH 08/12] Add i18n to home sections, improve consent management
 and middleware asset handling

Co-authored-by: dennis <dennis@konkol.net>
---
 app/components/About.tsx           | 34 +++++++----------------------
 app/components/ActivityFeed.tsx    | 21 +++++++++++++++++-
 app/components/ConsentProvider.tsx | 13 ++++++++++-
 app/components/Contact.tsx         | 23 +++++---------------
 app/components/Footer.tsx          | 16 +++++++++-----
 app/components/Header.tsx          | 13 ++---------
 app/components/Hero.tsx            | 29 +++++++------------------
 jest.setup.ts                      | 35 ++++++++++++++++++++++++++++++
 messages/de.json                   | 27 +++++++++++++++++++++++
 messages/en.json                   | 27 +++++++++++++++++++++++
 middleware.ts                      | 20 +++++++++++++++--
 11 files changed, 173 insertions(+), 85 deletions(-)

diff --git a/app/components/About.tsx b/app/components/About.tsx
index f0a69ef..faf2279 100644
--- a/app/components/About.tsx
+++ b/app/components/About.tsx
@@ -3,7 +3,7 @@
 import { motion, Variants } from "framer-motion";
 import { Globe, Server, Wrench, Shield, Gamepad2, Code, Activity, Lightbulb } from "lucide-react";
 import { useEffect, useState } from "react";
-import { useLocale } from "next-intl";
+import { useLocale, useTranslations } from "next-intl";
 import type { JSONContent } from "@tiptap/react";
 import RichTextClient from "./RichTextClient";
 
@@ -32,6 +32,7 @@ const fadeInUp: Variants = {
 
 const About = () => {
   const locale = useLocale();
+  const t = useTranslations("home.about");
   const [cmsDoc, setCmsDoc] = useState<JSONContent | null>(null);
 
   useEffect(() => {
@@ -99,7 +100,7 @@ const About = () => {
               variants={fadeInUp}
               className="text-4xl md:text-5xl font-bold text-stone-900"
             >
-              About Me
+              {t("title")}
             </motion.h2>
             <motion.div
               variants={fadeInUp}
@@ -109,26 +110,9 @@ const About = () => {
                 <RichTextClient doc={cmsDoc} className="prose prose-stone max-w-none" />
               ) : (
                 <>
-                  <p>
-                    Hi, I&apos;m Dennis – a student and passionate self-hoster based
-                    in Osnabrück, Germany.
-                  </p>
-                  <p>
-                    I love building full-stack web applications with{" "}
-                    <strong>Next.js</strong> and mobile apps with{" "}
-                    <strong>Flutter</strong>. But what really excites me is{" "}
-                    <strong>DevOps</strong>: I run my own infrastructure on{" "}
-                    <strong>IONOS</strong> and <strong>OVHcloud</strong>, managing
-                    everything with <strong>Docker Swarm</strong>,{" "}
-                    <strong>Traefik</strong>, and automated CI/CD pipelines with my
-                    own runners.
-                  </p>
-                  <p>
-                    When I&apos;m not coding or tinkering with servers, you&apos;ll
-                    find me <strong>gaming</strong>, <strong>jogging</strong>, or
-                    experimenting with new tech like game servers or automation
-                    workflows with <strong>n8n</strong>.
-                  </p>
+                  <p>{t("p1")}</p>
+                  <p>{t("p2")}</p>
+                  <p>{t("p3")}</p>
                 </>
               )}
               <motion.div
@@ -139,12 +123,10 @@ const About = () => {
                   <Lightbulb size={20} className="text-stone-600 flex-shrink-0 mt-0.5" />
                   <div>
                     <p className="text-sm font-semibold text-stone-800 mb-1">
-                      Fun Fact
+                      {t("funFactTitle")}
                     </p>
                     <p className="text-sm text-stone-700 leading-relaxed">
-                      Even though I automate a lot, I still use pen and paper
-                      for my calendar and notes – it helps me clear my head and
-                      stay focused.
+                      {t("funFactBody")}
                     </p>
                   </div>
                 </div>
diff --git a/app/components/ActivityFeed.tsx b/app/components/ActivityFeed.tsx
index a8653b3..335e6ab 100644
--- a/app/components/ActivityFeed.tsx
+++ b/app/components/ActivityFeed.tsx
@@ -1457,7 +1457,26 @@ export default function ActivityFeed() {
   };
 
   // Don't render if tracking is disabled and no data
-  if (!isTrackingEnabled && !data) return null;
+  if (!isTrackingEnabled && !data) {
+    return (
+      <div className="fixed bottom-4 right-4 md:bottom-6 md:right-6 z-40 pointer-events-auto">
+        <motion.div
+          initial={{ scale: 0, opacity: 0 }}
+          animate={{ scale: 1, opacity: 1 }}
+          className="bg-black/80 backdrop-blur-xl border border-white/10 rounded-xl p-3 shadow-2xl"
+        >
+          <button
+            onClick={toggleTracking}
+            className="flex items-center gap-2 text-white/60 hover:text-white transition-colors"
+            title="Activity tracking is disabled. Click to enable."
+          >
+            <Activity size={16} />
+            <span className="text-xs">Tracking disabled</span>
+          </button>
+        </motion.div>
+      </div>
+    );
+  }
 
   // If tracking disabled but we have data, show a disabled state
   if (!isTrackingEnabled && data) {
diff --git a/app/components/ConsentProvider.tsx b/app/components/ConsentProvider.tsx
index 69e3c8d..7a3cea0 100644
--- a/app/components/ConsentProvider.tsx
+++ b/app/components/ConsentProvider.tsx
@@ -38,9 +38,11 @@ function writeConsentCookie(value: ConsentState) {
 const ConsentContext = createContext<{
   consent: ConsentState | null;
   setConsent: (next: ConsentState) => void;
+  resetConsent: () => void;
 }>({
   consent: null,
   setConsent: () => {},
+  resetConsent: () => {},
 });
 
 export function ConsentProvider({ children }: { children: React.ReactNode }) {
@@ -55,7 +57,16 @@ export function ConsentProvider({ children }: { children: React.ReactNode }) {
     writeConsentCookie(next);
   }, []);
 
-  const value = useMemo(() => ({ consent, setConsent }), [consent, setConsent]);
+  const resetConsent = useCallback(() => {
+    setConsentState(null);
+    // expire cookie
+    document.cookie = `${COOKIE_NAME}=; path=/; max-age=0; samesite=lax`;
+  }, []);
+
+  const value = useMemo(
+    () => ({ consent, setConsent, resetConsent }),
+    [consent, setConsent, resetConsent],
+  );
 
   return <ConsentContext.Provider value={value}>{children}</ConsentContext.Provider>;
 }
diff --git a/app/components/Contact.tsx b/app/components/Contact.tsx
index bd01ded..fb26a7e 100644
--- a/app/components/Contact.tsx
+++ b/app/components/Contact.tsx
@@ -4,20 +4,16 @@ import { useState, useEffect } from "react";
 import { motion } from "framer-motion";
 import { Mail, MapPin, Send } from "lucide-react";
 import { useToast } from "@/components/Toast";
-import { useLocale } from "next-intl";
+import { useLocale, useTranslations } from "next-intl";
 import type { JSONContent } from "@tiptap/react";
 import RichTextClient from "./RichTextClient";
 
 const Contact = () => {
-  const [mounted, setMounted] = useState(false);
   const { showEmailSent, showEmailError } = useToast();
   const locale = useLocale();
+  const t = useTranslations("home.contact");
   const [cmsDoc, setCmsDoc] = useState<JSONContent | null>(null);
 
-  useEffect(() => {
-    setMounted(true);
-  }, []);
-
   useEffect(() => {
     (async () => {
       try {
@@ -164,10 +160,6 @@ const Contact = () => {
     },
   ];
 
-  if (!mounted) {
-    return null;
-  }
-
   return (
     <section
       id="contact"
@@ -183,14 +175,13 @@ const Contact = () => {
           className="text-center mb-16"
         >
           <h2 className="text-4xl md:text-5xl font-bold mb-6 text-stone-900">
-            Contact Me
+            {t("title")}
           </h2>
           {cmsDoc ? (
             <RichTextClient doc={cmsDoc} className="prose prose-stone max-w-2xl mx-auto mt-4 text-stone-700" />
           ) : (
             <p className="text-xl text-stone-700 max-w-2xl mx-auto mt-4">
-              Interested in working together or have questions about my projects?
-              Feel free to reach out!
+              {t("subtitle")}
             </p>
           )}
         </motion.div>
@@ -206,12 +197,10 @@ const Contact = () => {
           >
             <div>
               <h3 className="text-2xl font-bold text-stone-900 mb-6">
-                Get In Touch
+                {t("getInTouch")}
               </h3>
               <p className="text-stone-700 leading-relaxed">
-                I&apos;m always available to discuss new opportunities,
-                interesting projects, or simply chat about technology and
-                innovation.
+                {t("getInTouchBody")}
               </p>
             </div>
 
diff --git a/app/components/Footer.tsx b/app/components/Footer.tsx
index 83bd0c4..4fa4433 100644
--- a/app/components/Footer.tsx
+++ b/app/components/Footer.tsx
@@ -6,15 +6,15 @@ import { Heart, Code } from 'lucide-react';
 import { SiGithub, SiLinkedin } from 'react-icons/si';
 import Link from 'next/link';
 import { useLocale } from "next-intl";
+import { useConsent } from "./ConsentProvider";
 
 const Footer = () => {
   const [currentYear, setCurrentYear] = useState(2024);
-  const [mounted, setMounted] = useState(false);
   const locale = useLocale();
+  const { resetConsent } = useConsent();
 
   useEffect(() => {
     setCurrentYear(new Date().getFullYear());
-    setMounted(true);
   }, []);
 
   const socialLinks = [
@@ -22,10 +22,6 @@ const Footer = () => {
     { icon: SiLinkedin, href: 'https://linkedin.com/in/dkonkol', label: 'LinkedIn' }
   ];
 
-  if (!mounted) {
-    return null;
-  }
-
   return (
     <footer className="relative py-12 px-4 bg-white border-t border-stone-200">
       <div className="max-w-7xl mx-auto">
@@ -117,6 +113,14 @@ const Footer = () => {
             >
               Privacy Policy
             </Link>
+            <button
+              type="button"
+              onClick={() => resetConsent()}
+              className="text-stone-500 hover:text-stone-800 transition-colors duration-200"
+              title="Show privacy settings banner again"
+            >
+              Privacy settings
+            </button>
             <Link
               href="/404"
               className="text-stone-500 hover:text-stone-800 transition-colors duration-200 font-mono text-xs"
diff --git a/app/components/Header.tsx b/app/components/Header.tsx
index 1f64600..54604d1 100644
--- a/app/components/Header.tsx
+++ b/app/components/Header.tsx
@@ -11,7 +11,6 @@ import { usePathname, useRouter } from "next/navigation";
 const Header = () => {
   const [isOpen, setIsOpen] = useState(false);
   const [scrolled, setScrolled] = useState(false);
-  const [mounted, setMounted] = useState(false);
   const locale = useLocale();
   const pathname = usePathname();
   const router = useRouter();
@@ -19,13 +18,6 @@ const Header = () => {
 
   const isHome = pathname === `/${locale}` || pathname === `/${locale}/`;
 
-  useEffect(() => {
-    // Use requestAnimationFrame to ensure smooth transition
-    requestAnimationFrame(() => {
-      setMounted(true);
-    });
-  }, []);
-
   useEffect(() => {
     const handleScroll = () => {
       setScrolled(window.scrollY > 50);
@@ -69,10 +61,9 @@ const Header = () => {
     <>
       <motion.header
         initial={false}
-        animate={{ y: 0, opacity: mounted ? 1 : 0 }}
+        animate={{ y: 0, opacity: 1 }}
         transition={{ duration: 0.3, ease: "easeOut" }}
         className="fixed top-6 left-0 right-0 z-50 flex justify-center px-4 pointer-events-none"
-        style={{ opacity: mounted ? 1 : 0 }}
       >
         <div
           className={`pointer-events-auto transition-all duration-500 ease-out ${
@@ -81,7 +72,7 @@ const Header = () => {
         >
           <motion.div
             initial={false}
-            animate={{ opacity: mounted ? 1 : 0, y: 0 }}
+            animate={{ opacity: 1, y: 0 }}
             transition={{ duration: 0.3, ease: "easeOut" }}
             className={`
             backdrop-blur-xl transition-all duration-500
diff --git a/app/components/Hero.tsx b/app/components/Hero.tsx
index 1b03708..9284645 100644
--- a/app/components/Hero.tsx
+++ b/app/components/Hero.tsx
@@ -4,12 +4,13 @@ import { motion } from "framer-motion";
 import { ArrowDown, Code, Zap, Rocket } from "lucide-react";
 import Image from "next/image";
 import { useEffect, useState } from "react";
-import { useLocale } from "next-intl";
+import { useLocale, useTranslations } from "next-intl";
 import type { JSONContent } from "@tiptap/react";
 import RichTextClient from "./RichTextClient";
 
 const Hero = () => {
   const locale = useLocale();
+  const t = useTranslations("home.hero");
   const [cmsDoc, setCmsDoc] = useState<JSONContent | null>(null);
 
   useEffect(() => {
@@ -29,9 +30,9 @@ const Hero = () => {
   }, [locale]);
 
   const features = [
-    { icon: Code, text: "Next.js & Flutter" },
-    { icon: Zap, text: "Docker Swarm & CI/CD" },
-    { icon: Rocket, text: "Self-Hosted Infrastructure" },
+    { icon: Code, text: t("features.f1") },
+    { icon: Zap, text: t("features.f2") },
+    { icon: Rocket, text: t("features.f3") },
   ];
 
   return (
@@ -178,21 +179,7 @@ const Hero = () => {
           {cmsDoc ? (
             <RichTextClient doc={cmsDoc} className="prose prose-stone max-w-none" />
           ) : (
-            <p>
-              Student and passionate{" "}
-              <span className="text-stone-900 font-semibold decoration-liquid-mint decoration-2 underline underline-offset-4">
-                self-hoster
-              </span>{" "}
-              building full-stack web apps and mobile solutions. I run my own{" "}
-              <span className="text-stone-900 font-semibold decoration-liquid-lavender decoration-2 underline underline-offset-4">
-                infrastructure
-              </span>{" "}
-              and love exploring{" "}
-              <span className="text-stone-900 font-semibold decoration-liquid-rose decoration-2 underline underline-offset-4">
-                DevOps
-              </span>
-              .
-            </p>
+            <p>{t("description")}</p>
           )}
         </motion.div>
 
@@ -238,7 +225,7 @@ const Hero = () => {
             transition={{ duration: 0.3, ease: "easeOut" }}
             className="px-8 py-4 bg-stone-900 text-cream rounded-full shadow-lg hover:shadow-xl hover:bg-stone-950 transition-all duration-500 flex items-center gap-2"
           >
-            <span className="text-cream">View My Work</span>
+            <span className="text-cream">{t("ctaWork")}</span>
             <ArrowDown size={18} />
           </motion.a>
 
@@ -249,7 +236,7 @@ const Hero = () => {
             transition={{ duration: 0.3, ease: "easeOut" }}
             className="px-8 py-4 bg-white text-stone-900 border border-stone-200 rounded-full font-medium shadow-sm hover:shadow-md transition-all duration-500"
           >
-            <span>Contact Me</span>
+            <span>{t("ctaContact")}</span>
           </motion.a>
         </motion.div>
       </div>
diff --git a/jest.setup.ts b/jest.setup.ts
index d83519e..ddcec48 100644
--- a/jest.setup.ts
+++ b/jest.setup.ts
@@ -48,6 +48,41 @@ jest.mock("next-intl", () => ({
         };
         return map[key] || key;
       }
+      if (namespace === "home.hero") {
+        const map: Record<string, string> = {
+          "features.f1": "Next.js & Flutter",
+          "features.f2": "Docker Swarm & CI/CD",
+          "features.f3": "Self-Hosted Infrastructure",
+          description:
+            "Student and passionate self-hoster building full-stack web apps and mobile solutions. I run my own infrastructure and love exploring DevOps.",
+          ctaWork: "View My Work",
+          ctaContact: "Contact Me",
+        };
+        return map[key] || key;
+      }
+      if (namespace === "home.about") {
+        const map: Record<string, string> = {
+          title: "About Me",
+          p1: "Hi, I'm Dennis – a student and passionate self-hoster based in Osnabrück, Germany.",
+          p2: "I love building full-stack web applications with Next.js and mobile apps with Flutter. But what really excites me is DevOps: I run my own infrastructure and automate deployments with CI/CD.",
+          p3: "When I'm not coding or tinkering with servers, you'll find me gaming, jogging, or experimenting with automation workflows.",
+          funFactTitle: "Fun Fact",
+          funFactBody:
+            "Even though I automate a lot, I still use pen and paper for my calendar and notes – it helps me stay focused.",
+        };
+        return map[key] || key;
+      }
+      if (namespace === "home.contact") {
+        const map: Record<string, string> = {
+          title: "Contact Me",
+          subtitle:
+            "Interested in working together or have questions about my projects? Feel free to reach out!",
+          getInTouch: "Get In Touch",
+          getInTouchBody:
+            "I'm always available to discuss new opportunities, interesting projects, or simply chat about technology and innovation.",
+        };
+        return map[key] || key;
+      }
       return key;
     },
   NextIntlClientProvider: ({ children }: { children: React.ReactNode }) =>
diff --git a/messages/de.json b/messages/de.json
index 1779d3e..d02d101 100644
--- a/messages/de.json
+++ b/messages/de.json
@@ -21,5 +21,32 @@
     "acceptSelected": "Auswahl akzeptieren",
     "rejectAll": "Alles ablehnen"
   }
+  ,
+  "home": {
+    "hero": {
+      "features": {
+        "f1": "Next.js & Flutter",
+        "f2": "Docker Swarm & CI/CD",
+        "f3": "Self-Hosted Infrastruktur"
+      },
+      "description": "Student und leidenschaftlicher Self-Hoster: Ich baue Full-Stack Web-Apps und Mobile-Lösungen, betreibe meine eigene Infrastruktur und liebe DevOps.",
+      "ctaWork": "Meine Projekte",
+      "ctaContact": "Kontakt"
+    },
+    "about": {
+      "title": "Über mich",
+      "p1": "Hi, ich bin Dennis – Student und leidenschaftlicher Self-Hoster aus Osnabrück.",
+      "p2": "Ich entwickle Full-Stack Web-Apps mit Next.js und Mobile-Apps mit Flutter. Besonders spannend finde ich DevOps: eigene Infrastruktur, Automatisierung und CI/CD Deployments.",
+      "p3": "Wenn ich nicht code oder an Servern schraube, findest du mich beim Gaming, Joggen oder beim Experimentieren mit Automationen.",
+      "funFactTitle": "Fun Fact",
+      "funFactBody": "Auch wenn ich viel automatisiere, nutze ich für Kalender & Notizen noch Stift und Papier – das hilft mir beim Fokus."
+    },
+    "contact": {
+      "title": "Kontakt",
+      "subtitle": "Du willst zusammenarbeiten oder hast Fragen zu meinen Projekten? Schreib mir gerne!",
+      "getInTouch": "Melde dich",
+      "getInTouchBody": "Ich bin immer offen für neue Chancen, spannende Projekte oder einfach einen Tech-Talk."
+    }
+  }
 }
 
diff --git a/messages/en.json b/messages/en.json
index 51d1df4..ebe8db0 100644
--- a/messages/en.json
+++ b/messages/en.json
@@ -21,5 +21,32 @@
     "acceptSelected": "Accept selected",
     "rejectAll": "Reject all"
   }
+  ,
+  "home": {
+    "hero": {
+      "features": {
+        "f1": "Next.js & Flutter",
+        "f2": "Docker Swarm & CI/CD",
+        "f3": "Self-Hosted Infrastructure"
+      },
+      "description": "Student and passionate self-hoster building full-stack web apps and mobile solutions. I run my own infrastructure and love exploring DevOps.",
+      "ctaWork": "View My Work",
+      "ctaContact": "Contact Me"
+    },
+    "about": {
+      "title": "About Me",
+      "p1": "Hi, I'm Dennis – a student and passionate self-hoster based in Osnabrück, Germany.",
+      "p2": "I love building full-stack web applications with Next.js and mobile apps with Flutter. But what really excites me is DevOps: I run my own infrastructure and automate deployments with CI/CD.",
+      "p3": "When I'm not coding or tinkering with servers, you'll find me gaming, jogging, or experimenting with automation workflows.",
+      "funFactTitle": "Fun Fact",
+      "funFactBody": "Even though I automate a lot, I still use pen and paper for my calendar and notes – it helps me stay focused."
+    },
+    "contact": {
+      "title": "Contact Me",
+      "subtitle": "Interested in working together or have questions about my projects? Feel free to reach out!",
+      "getInTouch": "Get In Touch",
+      "getInTouchBody": "I'm always available to discuss new opportunities, interesting projects, or simply chat about technology and innovation."
+    }
+  }
 }
 
diff --git a/middleware.ts b/middleware.ts
index e760e81..e83b6a2 100644
--- a/middleware.ts
+++ b/middleware.ts
@@ -20,6 +20,23 @@ function hasLocalePrefix(pathname: string): boolean {
 export function middleware(request: NextRequest) {
   const { pathname, search } = request.nextUrl;
 
+  // If a locale-prefixed request hits a public asset path (e.g. /de/images/me.jpg),
+  // redirect to the non-prefixed asset path.
+  if (hasLocalePrefix(pathname)) {
+    const rest = pathname.replace(/^\/(en|de)/, "") || "/";
+    if (rest.includes(".")) {
+      const responseUrl = request.nextUrl.clone();
+      responseUrl.pathname = rest;
+      const res = NextResponse.redirect(responseUrl);
+      return addHeaders(request, res);
+    }
+  }
+
+  // Do not locale-route public assets (anything with a dot), robots, sitemap, etc.
+  if (pathname.includes(".")) {
+    return addHeaders(request, NextResponse.next());
+  }
+
   // Keep admin + APIs unlocalized for simplicity
   const isAdminOrApi =
     pathname.startsWith("/api/") ||
@@ -107,8 +124,7 @@ export const config = {
      * - _next/static (static files)
      * - _next/image (image optimization files)
      * - favicon.ico (favicon file)
-     * - any path containing a dot (public assets like /images/*.jpg, /robots.txt, /sitemap.xml, etc.)
      */
-    "/((?!api|_next/static|_next/image|favicon.ico|.*\\..*).*)",
+    "/((?!api|_next/static|_next/image|favicon.ico).*)",
   ],
 };

From 6f1ad8eb4db5297146ffd53a65d6c9825481dec2 Mon Sep 17 00:00:00 2001
From: Cursor Agent <cursoragent@cursor.com>
Date: Mon, 12 Jan 2026 16:10:22 +0000
Subject: [PATCH 09/12] Refine CMS i18n fallback, refresh UI, add consent
 minimize, seed i18n content

Co-authored-by: dennis <dennis@konkol.net>
---
 app/components/About.tsx         |   6 +-
 app/components/ActivityFeed.tsx  |  28 +++----
 app/components/ChatWidget.tsx    |  20 ++---
 app/components/ConsentBanner.tsx | 127 ++++++++++++++++++-------------
 app/components/Contact.tsx       |   6 +-
 app/components/Hero.tsx          |   8 +-
 app/legal-notice/page.tsx        |   8 +-
 app/privacy-policy/page.tsx      |   8 +-
 next.config.ts                   |   4 +-
 prisma/seed.ts                   | 110 ++++++++++++++++++++++++++
 10 files changed, 244 insertions(+), 81 deletions(-)

diff --git a/app/components/About.tsx b/app/components/About.tsx
index faf2279..000af7a 100644
--- a/app/components/About.tsx
+++ b/app/components/About.tsx
@@ -42,11 +42,15 @@ const About = () => {
           `/api/content/page?key=${encodeURIComponent("home-about")}&locale=${encodeURIComponent(locale)}`,
         );
         const data = await res.json();
-        if (data?.content?.content) {
+        // Only use CMS content if it exists for the active locale.
+        if (data?.content?.content && data?.content?.locale === locale) {
           setCmsDoc(data.content.content as JSONContent);
+        } else {
+          setCmsDoc(null);
         }
       } catch {
         // ignore; fallback to static
+        setCmsDoc(null);
       }
     })();
   }, [locale]);
diff --git a/app/components/ActivityFeed.tsx b/app/components/ActivityFeed.tsx
index 335e6ab..8405857 100644
--- a/app/components/ActivityFeed.tsx
+++ b/app/components/ActivityFeed.tsx
@@ -1463,15 +1463,15 @@ export default function ActivityFeed() {
         <motion.div
           initial={{ scale: 0, opacity: 0 }}
           animate={{ scale: 1, opacity: 1 }}
-          className="bg-black/80 backdrop-blur-xl border border-white/10 rounded-xl p-3 shadow-2xl"
+          className="bg-white/80 backdrop-blur-xl border border-white/60 rounded-2xl px-4 py-3 shadow-xl"
         >
           <button
             onClick={toggleTracking}
-            className="flex items-center gap-2 text-white/60 hover:text-white transition-colors"
+            className="flex items-center gap-2 text-stone-600 hover:text-stone-900 transition-colors"
             title="Activity tracking is disabled. Click to enable."
           >
             <Activity size={16} />
-            <span className="text-xs">Tracking disabled</span>
+            <span className="text-xs font-semibold">Tracking disabled</span>
           </button>
         </motion.div>
       </div>
@@ -1485,15 +1485,15 @@ export default function ActivityFeed() {
         <motion.div
           initial={{ scale: 0, opacity: 0 }}
           animate={{ scale: 1, opacity: 1 }}
-          className="bg-black/80 backdrop-blur-xl border border-white/10 rounded-xl p-3 shadow-2xl"
+          className="bg-white/80 backdrop-blur-xl border border-white/60 rounded-2xl px-4 py-3 shadow-xl"
         >
           <button
             onClick={toggleTracking}
-            className="flex items-center gap-2 text-white/60 hover:text-white transition-colors"
+            className="flex items-center gap-2 text-stone-600 hover:text-stone-900 transition-colors"
             title="Activity tracking is disabled. Click to enable."
           >
             <Activity size={16} />
-            <span className="text-xs">Tracking disabled</span>
+            <span className="text-xs font-semibold">Tracking disabled</span>
           </button>
         </motion.div>
       </div>
@@ -1508,16 +1508,16 @@ export default function ActivityFeed() {
         <motion.div
           initial={{ scale: 0, opacity: 0 }}
           animate={{ scale: 1, opacity: 1 }}
-          className="pointer-events-auto bg-black/90 backdrop-blur-2xl border border-white/10 rounded-2xl shadow-2xl overflow-hidden w-full"
+          className="pointer-events-auto bg-white/80 backdrop-blur-2xl border border-white/60 rounded-2xl shadow-xl overflow-hidden w-full"
         >
           <div className="w-full px-4 py-3 flex items-center justify-between">
             <div className="flex items-center gap-3">
               <div className="relative">
-                <Activity size={18} className="text-white" />
+                <Activity size={18} className="text-stone-900" />
               </div>
               <div className="text-left">
-                <h3 className="text-sm font-bold text-white">Live Activity</h3>
-                <p className="text-[10px] text-white/50">Loading...</p>
+                <h3 className="text-sm font-bold text-stone-900">Live Activity</h3>
+                <p className="text-[10px] text-stone-500">Loading...</p>
               </div>
             </div>
             <div className="flex items-center gap-2"></div>
@@ -1542,11 +1542,11 @@ export default function ActivityFeed() {
         initial={{ scale: 0 }}
         animate={{ scale: 1 }}
         onClick={() => setIsMinimized(false)}
-        className="fixed bottom-4 right-4 md:bottom-6 md:right-6 z-40 pointer-events-auto bg-black/80 backdrop-blur-xl border border-white/10 p-3 rounded-full shadow-2xl hover:scale-110 transition-transform"
+        className="fixed bottom-4 right-4 md:bottom-6 md:right-6 z-40 pointer-events-auto bg-white/80 backdrop-blur-xl border border-white/60 p-3 rounded-full shadow-xl hover:scale-110 transition-transform"
       >
-        <Activity size={20} className="text-white" />
+        <Activity size={20} className="text-stone-900" />
         {activeCount > 0 && (
-          <span className="absolute -top-1 -right-1 bg-green-500 text-white text-[10px] font-bold rounded-full w-5 h-5 flex items-center justify-center">
+          <span className="absolute -top-1 -right-1 bg-stone-900 text-white text-[10px] font-bold rounded-full w-5 h-5 flex items-center justify-center">
             {activeCount}
           </span>
         )}
@@ -1559,7 +1559,7 @@ export default function ActivityFeed() {
       {/* Main Container */}
       <motion.div
         layout
-        className="pointer-events-auto bg-black/90 backdrop-blur-2xl border border-white/10 rounded-2xl shadow-2xl w-full overflow-hidden [&_a]:text-inherit [&_a]:no-underline"
+        className="pointer-events-auto bg-black/95 backdrop-blur-2xl border border-white/10 rounded-2xl shadow-2xl w-full overflow-hidden [&_a]:text-inherit [&_a]:no-underline"
       >
         {/* Header - Always Visible - Changed from button to div to fix nesting error */}
         <div
diff --git a/app/components/ChatWidget.tsx b/app/components/ChatWidget.tsx
index 27722e2..bcecded 100644
--- a/app/components/ChatWidget.tsx
+++ b/app/components/ChatWidget.tsx
@@ -292,11 +292,11 @@ export default function ChatWidget() {
                 setIsOpen(true);
               }
             }}
-            className="fixed bottom-4 left-4 md:bottom-6 md:left-6 z-30 bg-[#292524] text-[#fdfcf8] p-3.5 rounded-full shadow-[0_8px_20px_rgba(41,37,36,0.25)] hover:bg-[#44403c] hover:scale-105 transition-all duration-300 group cursor-pointer border border-[#f3f1e7]/20 ring-1 ring-[#f3f1e7]/10"
+            className="fixed bottom-4 left-4 md:bottom-6 md:left-6 z-30 bg-white/80 backdrop-blur-xl text-stone-900 p-3.5 rounded-full shadow-[0_10px_26px_rgba(41,37,36,0.16)] hover:bg-white hover:scale-105 transition-all duration-300 group cursor-pointer border border-white/60 ring-1 ring-white/30"
             aria-label="Open chat"
           >
             <MessageCircle size={24} />
-            <span className="absolute top-0 right-0 w-3 h-3 bg-green-500 rounded-full animate-pulse shadow-sm border-2 border-[#292524]" />
+            <span className="absolute top-0 right-0 w-3 h-3 bg-green-500 rounded-full animate-pulse shadow-sm border-2 border-white" />
 
             {/* Tooltip */}
             <span className="absolute bottom-full left-1/2 -translate-x-1/2 mb-3 px-3 py-1.5 bg-stone-900/90 text-stone-50 text-xs font-medium rounded-lg opacity-0 group-hover:opacity-100 transition-opacity whitespace-nowrap pointer-events-none z-[100] shadow-xl backdrop-blur-sm">
@@ -315,16 +315,16 @@ export default function ChatWidget() {
             animate={{ opacity: 1, y: 0, scale: 1, filter: "blur(0px)" }}
             exit={{ opacity: 0, y: 20, scale: 0.95, filter: "blur(10px)" }}
             transition={{ type: "spring", damping: 30, stiffness: 400 }}
-            className="fixed bottom-20 left-4 right-4 md:bottom-24 md:left-6 md:right-auto z-30 md:w-[380px] h-[60vh] md:h-[550px] max-h-[600px] bg-[#fdfcf8]/95 backdrop-blur-xl saturate-100 rounded-2xl shadow-[0_12px_40px_rgba(41,37,36,0.2)] flex flex-col overflow-hidden border border-[#e7e5e4] ring-1 ring-[#f3f1e7]"
+            className="fixed bottom-20 left-4 right-4 md:bottom-24 md:left-6 md:right-auto z-30 md:w-[380px] h-[60vh] md:h-[550px] max-h-[600px] bg-white/80 backdrop-blur-xl saturate-100 rounded-2xl shadow-[0_12px_40px_rgba(41,37,36,0.16)] flex flex-col overflow-hidden border border-white/60 ring-1 ring-white/30"
           >
             {/* Header */}
-            <div className="bg-[#fdfcf8] text-[#292524] p-4 flex items-center justify-between border-b border-[#e7e5e4]">
+            <div className="bg-white/70 text-stone-900 p-4 flex items-center justify-between border-b border-white/50">
               <div className="flex items-center gap-3">
                 <div className="relative">
-                  <div className="w-10 h-10 rounded-full bg-gradient-to-br from-[#f3f1e7] to-[#fdfcf8] flex items-center justify-center ring-1 ring-[#e7e5e4] shadow-sm">
-                    <Sparkles size={18} className="text-[#57534e]" />
+                  <div className="w-10 h-10 rounded-full bg-gradient-to-br from-liquid-mint/50 via-liquid-lavender/40 to-liquid-rose/40 flex items-center justify-center ring-1 ring-white/50 shadow-sm">
+                    <Sparkles size={18} className="text-stone-800" />
                   </div>
-                  <span className="absolute bottom-0 right-0 w-2.5 h-2.5 bg-green-500 rounded-full border-2 border-[#fdfcf8] shadow-sm" />
+                  <span className="absolute bottom-0 right-0 w-2.5 h-2.5 bg-green-500 rounded-full border-2 border-white shadow-sm" />
                 </div>
                 <div className="min-w-0 flex-1">
                   <h3 className="font-bold text-sm truncate text-stone-900 tracking-tight">
@@ -366,12 +366,12 @@ export default function ChatWidget() {
                   <div
                     className={`max-w-[85%] rounded-2xl px-4 py-3 shadow-sm ${
                       message.sender === "user"
-                        ? "bg-[#292524] text-[#fdfcf8]"
-                        : "bg-[#f3f1e7] text-[#292524] border border-[#e7e5e4]"
+                        ? "bg-stone-900 text-white"
+                        : "bg-white/70 text-stone-900 border border-white/60"
                     }`}
                   >
                     <p className={`text-sm whitespace-pre-wrap break-words leading-relaxed ${
-                      message.sender === "user" ? "text-[#fdfcf8]/90 font-light" : "text-[#292524] font-medium"
+                      message.sender === "user" ? "text-white/90 font-normal" : "text-stone-900 font-medium"
                     }`}>
                       {message.text}
                     </p>
diff --git a/app/components/ConsentBanner.tsx b/app/components/ConsentBanner.tsx
index d23b575..9e04284 100644
--- a/app/components/ConsentBanner.tsx
+++ b/app/components/ConsentBanner.tsx
@@ -6,6 +6,7 @@ import { useConsent, type ConsentState } from "./ConsentProvider";
 export default function ConsentBanner() {
   const { consent, setConsent } = useConsent();
   const [draft, setDraft] = useState<ConsentState>({ analytics: false, chat: false });
+  const [minimized, setMinimized] = useState(false);
 
   const locale = useMemo(() => {
     if (typeof document === "undefined") return "en";
@@ -44,62 +45,86 @@ export default function ConsentBanner() {
         rejectAll: "Reject all",
       };
 
+  if (minimized) {
+    return (
+      <div className="fixed bottom-4 right-4 z-[60]">
+        <button
+          type="button"
+          onClick={() => setMinimized(false)}
+          className="px-4 py-2 rounded-full bg-white/80 backdrop-blur-xl border border-white/60 shadow-lg text-stone-800 font-semibold hover:bg-white transition-colors"
+          aria-label="Open privacy settings"
+        >
+          {s.title}
+        </button>
+      </div>
+    );
+  }
+
   return (
-    <div className="fixed bottom-4 left-4 right-4 z-[60]">
-      <div className="max-w-3xl mx-auto bg-white/95 backdrop-blur-xl border border-stone-200 rounded-2xl shadow-[0_12px_40px_rgba(41,37,36,0.18)] p-5">
-        <div className="flex flex-col md:flex-row md:items-start md:justify-between gap-4">
+    <div className="fixed bottom-4 right-4 z-[60] max-w-[calc(100vw-2rem)]">
+      <div className="w-[360px] max-w-full bg-white/85 backdrop-blur-xl border border-white/60 rounded-2xl shadow-[0_12px_40px_rgba(41,37,36,0.14)] p-4">
+        <div className="flex items-start justify-between gap-3">
           <div className="min-w-0">
-            <div className="text-lg font-bold text-stone-900">{s.title}</div>
-            <p className="text-sm text-stone-600 mt-1">{s.description}</p>
+            <div className="text-base font-bold text-stone-900">{s.title}</div>
+            <p className="text-xs text-stone-600 mt-1 leading-snug">{s.description}</p>
+          </div>
+          <button
+            type="button"
+            onClick={() => setMinimized(true)}
+            className="shrink-0 text-xs text-stone-500 hover:text-stone-900 transition-colors"
+            aria-label="Minimize privacy banner"
+            title="Minimize"
+          >
+            Hide
+          </button>
+        </div>
 
-            <div className="mt-4 space-y-2">
-              <div className="flex items-center justify-between gap-3">
-                <div className="text-sm font-medium text-stone-800">{s.essential}</div>
-                <div className="text-xs text-stone-500">Always on</div>
-              </div>
-
-              <label className="flex items-center justify-between gap-3 py-1">
-                <span className="text-sm font-medium text-stone-800">{s.analytics}</span>
-                <input
-                  type="checkbox"
-                  checked={draft.analytics}
-                  onChange={(e) => setDraft((p) => ({ ...p, analytics: e.target.checked }))}
-                  className="w-4 h-4 accent-stone-900"
-                />
-              </label>
-
-              <label className="flex items-center justify-between gap-3 py-1">
-                <span className="text-sm font-medium text-stone-800">{s.chat}</span>
-                <input
-                  type="checkbox"
-                  checked={draft.chat}
-                  onChange={(e) => setDraft((p) => ({ ...p, chat: e.target.checked }))}
-                  className="w-4 h-4 accent-stone-900"
-                />
-              </label>
-            </div>
+        <div className="mt-3 space-y-2">
+          <div className="flex items-center justify-between gap-3">
+            <div className="text-xs font-semibold text-stone-800">{s.essential}</div>
+            <div className="text-[11px] text-stone-500">Always on</div>
           </div>
 
-          <div className="flex flex-col gap-2 shrink-0">
-            <button
-              onClick={() => setConsent({ analytics: true, chat: true })}
-              className="px-4 py-2 rounded-xl bg-stone-900 text-stone-50 font-semibold hover:bg-stone-800 transition-colors"
-            >
-              {s.acceptAll}
-            </button>
-            <button
-              onClick={() => setConsent(draft)}
-              className="px-4 py-2 rounded-xl bg-white border border-stone-200 text-stone-800 font-semibold hover:bg-stone-50 transition-colors"
-            >
-              {s.acceptSelected}
-            </button>
-            <button
-              onClick={() => setConsent({ analytics: false, chat: false })}
-              className="px-4 py-2 rounded-xl bg-transparent text-stone-600 font-semibold hover:text-stone-900 transition-colors"
-            >
-              {s.rejectAll}
-            </button>
-          </div>
+          <label className="flex items-center justify-between gap-3 py-1">
+            <span className="text-sm font-semibold text-stone-800">{s.analytics}</span>
+            <input
+              type="checkbox"
+              checked={draft.analytics}
+              onChange={(e) => setDraft((p) => ({ ...p, analytics: e.target.checked }))}
+              className="w-4 h-4 accent-stone-900"
+            />
+          </label>
+
+          <label className="flex items-center justify-between gap-3 py-1">
+            <span className="text-sm font-semibold text-stone-800">{s.chat}</span>
+            <input
+              type="checkbox"
+              checked={draft.chat}
+              onChange={(e) => setDraft((p) => ({ ...p, chat: e.target.checked }))}
+              className="w-4 h-4 accent-stone-900"
+            />
+          </label>
+        </div>
+
+        <div className="mt-3 flex flex-col gap-2">
+          <button
+            onClick={() => setConsent({ analytics: true, chat: true })}
+            className="px-4 py-2 rounded-xl bg-stone-900 text-stone-50 font-semibold hover:bg-stone-800 transition-colors"
+          >
+            {s.acceptAll}
+          </button>
+          <button
+            onClick={() => setConsent(draft)}
+            className="px-4 py-2 rounded-xl bg-white border border-stone-200 text-stone-800 font-semibold hover:bg-stone-50 transition-colors"
+          >
+            {s.acceptSelected}
+          </button>
+          <button
+            onClick={() => setConsent({ analytics: false, chat: false })}
+            className="px-4 py-2 rounded-xl bg-transparent text-stone-600 font-semibold hover:text-stone-900 transition-colors"
+          >
+            {s.rejectAll}
+          </button>
         </div>
       </div>
     </div>
diff --git a/app/components/Contact.tsx b/app/components/Contact.tsx
index fb26a7e..df2612b 100644
--- a/app/components/Contact.tsx
+++ b/app/components/Contact.tsx
@@ -21,11 +21,15 @@ const Contact = () => {
           `/api/content/page?key=${encodeURIComponent("home-contact")}&locale=${encodeURIComponent(locale)}`,
         );
         const data = await res.json();
-        if (data?.content?.content) {
+        // Only use CMS content if it exists for the active locale.
+        if (data?.content?.content && data?.content?.locale === locale) {
           setCmsDoc(data.content.content as JSONContent);
+        } else {
+          setCmsDoc(null);
         }
       } catch {
         // ignore; fallback to static
+        setCmsDoc(null);
       }
     })();
   }, [locale]);
diff --git a/app/components/Hero.tsx b/app/components/Hero.tsx
index 9284645..89d12f6 100644
--- a/app/components/Hero.tsx
+++ b/app/components/Hero.tsx
@@ -20,11 +20,17 @@ const Hero = () => {
           `/api/content/page?key=${encodeURIComponent("home-hero")}&locale=${encodeURIComponent(locale)}`,
         );
         const data = await res.json();
-        if (data?.content?.content) {
+        // Only use CMS content if it exists for the active locale.
+        // If the API falls back to another locale, keep showing next-intl strings
+        // so the locale switch visibly changes the page.
+        if (data?.content?.content && data?.content?.locale === locale) {
           setCmsDoc(data.content.content as JSONContent);
+        } else {
+          setCmsDoc(null);
         }
       } catch {
         // ignore; fallback to static
+        setCmsDoc(null);
       }
     })();
   }, [locale]);
diff --git a/app/legal-notice/page.tsx b/app/legal-notice/page.tsx
index 02c11ae..877dce4 100644
--- a/app/legal-notice/page.tsx
+++ b/app/legal-notice/page.tsx
@@ -24,12 +24,18 @@ export default function LegalNotice() {
           `/api/content/page?key=${encodeURIComponent("legal-notice")}&locale=${encodeURIComponent(locale)}`,
         );
         const data = await res.json();
-        if (data?.content?.content) {
+        // Only use CMS content if it exists for the active locale.
+        if (data?.content?.content && data?.content?.locale === locale) {
           setCmsDoc(data.content.content as JSONContent);
           setCmsTitle((data.content.title as string | null) ?? null);
+        } else {
+          setCmsDoc(null);
+          setCmsTitle(null);
         }
       } catch {
         // ignore; fallback to static content
+        setCmsDoc(null);
+        setCmsTitle(null);
       }
     })();
   }, [locale]);
diff --git a/app/privacy-policy/page.tsx b/app/privacy-policy/page.tsx
index bc36637..e843b4f 100644
--- a/app/privacy-policy/page.tsx
+++ b/app/privacy-policy/page.tsx
@@ -24,12 +24,18 @@ export default function PrivacyPolicy() {
           `/api/content/page?key=${encodeURIComponent("privacy-policy")}&locale=${encodeURIComponent(locale)}`,
         );
         const data = await res.json();
-        if (data?.content?.content) {
+        // Only use CMS content if it exists for the active locale.
+        if (data?.content?.content && data?.content?.locale === locale) {
           setCmsDoc(data.content.content as JSONContent);
           setCmsTitle((data.content.title as string | null) ?? null);
+        } else {
+          setCmsDoc(null);
+          setCmsTitle(null);
         }
       } catch {
         // ignore; fallback to static content
+        setCmsDoc(null);
+        setCmsTitle(null);
       }
     })();
   }, [locale]);
diff --git a/next.config.ts b/next.config.ts
index a7bfbf2..4a20d7d 100644
--- a/next.config.ts
+++ b/next.config.ts
@@ -17,7 +17,9 @@ const nextConfig: NextConfig = {
   poweredByHeader: false,
 
   // React Strict Mode
-  reactStrictMode: true,
+  // In dev, React StrictMode double-mount can cause visible animation flicker
+  // (Framer Motion "fade starts, disappears, then pops").
+  reactStrictMode: process.env.NODE_ENV === "production",
 
   // Disable ESLint during build for Docker
   eslint: {
diff --git a/prisma/seed.ts b/prisma/seed.ts
index fa8a4f2..7087fee 100644
--- a/prisma/seed.ts
+++ b/prisma/seed.ts
@@ -3,6 +3,18 @@ import { slugify } from "../lib/slug";
 
 const prisma = new PrismaClient();
 
+function tiptapParagraph(text: string) {
+  return {
+    type: "doc",
+    content: [
+      {
+        type: "paragraph",
+        content: [{ type: "text", text }],
+      },
+    ],
+  };
+}
+
 async function main() {
   console.log("🌱 Seeding database...");
 
@@ -11,6 +23,104 @@ async function main() {
   await prisma.pageView.deleteMany();
   await prisma.project.deleteMany();
 
+  // Ensure base site settings & minimal localized CMS defaults (do NOT overwrite existing content).
+  await prisma.siteSettings.upsert({
+    where: { id: 1 },
+    update: {},
+    create: { id: 1, defaultLocale: "en", locales: ["en", "de"] },
+  });
+
+  async function ensureContentPage(
+    key: string,
+    translations: Array<{ locale: "en" | "de"; title: string; contentText: string }>,
+  ) {
+    const page = await prisma.contentPage.upsert({
+      where: { key },
+      update: {},
+      create: { key, status: "PUBLISHED" },
+    });
+
+    for (const tr of translations) {
+      await prisma.contentPageTranslation.upsert({
+        // eslint-disable-next-line @typescript-eslint/no-explicit-any
+        where: { pageId_locale: { pageId: page.id, locale: tr.locale } } as any,
+        update: {},
+        create: {
+          pageId: page.id,
+          locale: tr.locale,
+          title: tr.title,
+          content: tiptapParagraph(tr.contentText),
+        },
+      });
+    }
+  }
+
+  await ensureContentPage("home-hero", [
+    {
+      locale: "en",
+      title: "Hero",
+      contentText: "I build fast, secure, self-hosted platforms — and I love clean UX.",
+    },
+    {
+      locale: "de",
+      title: "Hero",
+      contentText: "Ich baue schnelle, sichere, selbst gehostete Plattformen — mit sauberem UX.",
+    },
+  ]);
+
+  await ensureContentPage("home-about", [
+    {
+      locale: "en",
+      title: "About",
+      contentText: "I’m a software engineer focused on performance, security, and maintainable systems.",
+    },
+    {
+      locale: "de",
+      title: "Über mich",
+      contentText: "Ich bin Software Engineer mit Fokus auf Performance, Security und wartbare Systeme.",
+    },
+  ]);
+
+  await ensureContentPage("home-contact", [
+    {
+      locale: "en",
+      title: "Contact",
+      contentText: "Want to work together? Send me a message and I’ll get back to you.",
+    },
+    {
+      locale: "de",
+      title: "Kontakt",
+      contentText: "Lust auf Zusammenarbeit? Schreib mir und ich melde mich zurück.",
+    },
+  ]);
+
+  // These are used by /[locale]/legal-notice and /[locale]/privacy-policy (re-exported pages)
+  await ensureContentPage("legal-notice", [
+    {
+      locale: "en",
+      title: "Legal notice",
+      contentText: "Legal notice content can be edited in the CMS per language.",
+    },
+    {
+      locale: "de",
+      title: "Impressum",
+      contentText: "Impressum-Inhalt kann im CMS pro Sprache bearbeitet werden.",
+    },
+  ]);
+
+  await ensureContentPage("privacy-policy", [
+    {
+      locale: "en",
+      title: "Privacy policy",
+      contentText: "Privacy policy content can be edited in the CMS per language.",
+    },
+    {
+      locale: "de",
+      title: "Datenschutzerklärung",
+      contentText: "Datenschutzerklärung kann im CMS pro Sprache bearbeitet werden.",
+    },
+  ]);
+
   // Create real projects
   const projects = [
     {

From e2616ae0f73823118ccc2ece960a35770872eac9 Mon Sep 17 00:00:00 2001
From: Cursor Agent <cursoragent@cursor.com>
Date: Mon, 12 Jan 2026 16:18:03 +0000
Subject: [PATCH 10/12] Fix next-intl locale, remove wave animations, and
 unoptimize hero image

Co-authored-by: dennis <dennis@konkol.net>
---
 app/[locale]/layout.tsx |  6 ++++--
 app/_ui/HomePage.tsx    | 42 +++--------------------------------------
 app/components/Hero.tsx |  4 ++++
 3 files changed, 11 insertions(+), 41 deletions(-)

diff --git a/app/[locale]/layout.tsx b/app/[locale]/layout.tsx
index f1bb807..24b1905 100644
--- a/app/[locale]/layout.tsx
+++ b/app/[locale]/layout.tsx
@@ -1,5 +1,5 @@
 import { NextIntlClientProvider } from "next-intl";
-import { getMessages } from "next-intl/server";
+import { getMessages, setRequestLocale } from "next-intl/server";
 import React from "react";
 
 export default async function LocaleLayout({
@@ -10,7 +10,9 @@ export default async function LocaleLayout({
   params: Promise<{ locale: string }>;
 }) {
   const { locale } = await params;
-  const messages = await getMessages({ locale });
+  // Ensure next-intl actually uses the route segment locale for this request.
+  setRequestLocale(locale);
+  const messages = await getMessages();
 
   return (
     <NextIntlClientProvider locale={locale} messages={messages}>
diff --git a/app/_ui/HomePage.tsx b/app/_ui/HomePage.tsx
index 40ed916..55b28ba 100644
--- a/app/_ui/HomePage.tsx
+++ b/app/_ui/HomePage.tsx
@@ -66,21 +66,9 @@ export default function HomePage() {
               d="M0,64 C240,96 480,32 720,64 C960,96 1200,32 1440,64 L1440,120 L0,120 Z"
               fill="url(#gradient1)"
               initial={{ opacity: 0 }}
-              animate={{
-                opacity: 1,
-                d: [
-                  "M0,64 C240,96 480,32 720,64 C960,96 1200,32 1440,64 L1440,120 L0,120 Z",
-                  "M0,32 C240,64 480,96 720,32 C960,64 1200,96 1440,32 L1440,120 L0,120 Z",
-                  "M0,64 C240,96 480,32 720,64 C960,96 1200,32 1440,64 L1440,120 L0,120 Z",
-                ],
-              }}
+              animate={{ opacity: 1 }}
               transition={{
                 opacity: { duration: 0.8, delay: 0.3 },
-                d: {
-                  duration: 12,
-                  repeat: Infinity,
-                  ease: "easeInOut",
-                },
               }}
             />
             <defs>
@@ -106,21 +94,9 @@ export default function HomePage() {
               d="M0,32 C240,64 480,96 720,32 C960,64 1200,96 1440,32 L1440,120 L0,120 Z"
               fill="url(#gradient2)"
               initial={{ opacity: 0 }}
-              animate={{
-                opacity: 1,
-                d: [
-                  "M0,32 C240,64 480,96 720,32 C960,64 1200,96 1440,32 L1440,120 L0,120 Z",
-                  "M0,96 C240,32 480,64 720,96 C960,32 1200,64 1440,96 L1440,120 L0,120 Z",
-                  "M0,32 C240,64 480,96 720,32 C960,64 1200,96 1440,32 L1440,120 L0,120 Z",
-                ],
-              }}
+              animate={{ opacity: 1 }}
               transition={{
                 opacity: { duration: 0.8, delay: 0.3 },
-                d: {
-                  duration: 14,
-                  repeat: Infinity,
-                  ease: "easeInOut",
-                },
               }}
             />
             <defs>
@@ -146,21 +122,9 @@ export default function HomePage() {
               d="M0,96 C240,32 480,64 720,96 C960,32 1200,64 1440,96 L1440,120 L0,120 Z"
               fill="url(#gradient3)"
               initial={{ opacity: 0 }}
-              animate={{
-                opacity: 1,
-                d: [
-                  "M0,96 C240,32 480,64 720,96 C960,32 1200,64 1440,96 L1440,120 L0,120 Z",
-                  "M0,64 C240,96 480,32 720,64 C960,96 1200,32 1440,64 L1440,120 L0,120 Z",
-                  "M0,96 C240,32 480,64 720,96 C960,32 1200,64 1440,96 L1440,120 L0,120 Z",
-                ],
-              }}
+              animate={{ opacity: 1 }}
               transition={{
                 opacity: { duration: 0.8, delay: 0.3 },
-                d: {
-                  duration: 16,
-                  repeat: Infinity,
-                  ease: "easeInOut",
-                },
               }}
             />
             <defs>
diff --git a/app/components/Hero.tsx b/app/components/Hero.tsx
index 89d12f6..9aea5b4 100644
--- a/app/components/Hero.tsx
+++ b/app/components/Hero.tsx
@@ -117,6 +117,10 @@ const Hero = () => {
                 fill
                 className="object-cover scale-105 hover:scale-[1.08] transition-transform duration-1000 ease-out"
                 priority
+                // Next/Image optimizer is returning 400 for this file in some dev setups
+                // (seen as: "isn't a valid image ... received null"). Bypass optimization.
+                unoptimized
+                sizes="(max-width: 768px) 256px, 320px"
               />
 
               {/* Glossy Overlay for Liquid Feel */}

From ba9988978214cbcd2a529470685d7b624d1448f9 Mon Sep 17 00:00:00 2001
From: Cursor Agent <cursoragent@cursor.com>
Date: Mon, 12 Jan 2026 16:47:14 +0000
Subject: [PATCH 11/12] Refactor activity feed disabled UI; use plain img for
 hero image fix

Co-authored-by: dennis <dennis@konkol.net>
---
 app/components/ActivityFeed.tsx | 62 +++++++++++++++++++++------------
 app/components/Hero.tsx         | 14 +++-----
 2 files changed, 45 insertions(+), 31 deletions(-)

diff --git a/app/components/ActivityFeed.tsx b/app/components/ActivityFeed.tsx
index 8405857..4c722b6 100644
--- a/app/components/ActivityFeed.tsx
+++ b/app/components/ActivityFeed.tsx
@@ -1459,20 +1459,29 @@ export default function ActivityFeed() {
   // Don't render if tracking is disabled and no data
   if (!isTrackingEnabled && !data) {
     return (
-      <div className="fixed bottom-4 right-4 md:bottom-6 md:right-6 z-40 pointer-events-auto">
+      <div className="fixed bottom-4 right-4 md:bottom-6 md:right-6 z-40 font-sans w-[280px] sm:w-[320px] max-w-[calc(100vw-2rem)] pointer-events-none">
         <motion.div
-          initial={{ scale: 0, opacity: 0 }}
+          initial={{ scale: 0.96, opacity: 0 }}
           animate={{ scale: 1, opacity: 1 }}
-          className="bg-white/80 backdrop-blur-xl border border-white/60 rounded-2xl px-4 py-3 shadow-xl"
+          className="pointer-events-auto bg-white/90 backdrop-blur-2xl border border-white/60 rounded-2xl shadow-xl overflow-hidden w-full"
         >
-          <button
-            onClick={toggleTracking}
-            className="flex items-center gap-2 text-stone-600 hover:text-stone-900 transition-colors"
-            title="Activity tracking is disabled. Click to enable."
-          >
-            <Activity size={16} />
-            <span className="text-xs font-semibold">Tracking disabled</span>
-          </button>
+          <div className="px-4 py-3 flex items-center justify-between">
+            <div className="flex items-center gap-3">
+              <Activity size={18} className="text-stone-900" />
+              <div className="text-left">
+                <h3 className="text-sm font-bold text-stone-900">Live Activity</h3>
+                <p className="text-[10px] text-stone-500">Tracking disabled</p>
+              </div>
+            </div>
+            <button
+              type="button"
+              onClick={toggleTracking}
+              className="text-xs font-semibold px-3 py-1.5 rounded-full bg-stone-900 text-white hover:bg-stone-800 transition-colors"
+              title="Enable activity tracking"
+            >
+              Enable
+            </button>
+          </div>
         </motion.div>
       </div>
     );
@@ -1481,20 +1490,29 @@ export default function ActivityFeed() {
   // If tracking disabled but we have data, show a disabled state
   if (!isTrackingEnabled && data) {
     return (
-      <div className="fixed bottom-4 right-4 md:bottom-6 md:right-6 z-40 pointer-events-auto">
+      <div className="fixed bottom-4 right-4 md:bottom-6 md:right-6 z-40 font-sans w-[280px] sm:w-[320px] max-w-[calc(100vw-2rem)] pointer-events-none">
         <motion.div
-          initial={{ scale: 0, opacity: 0 }}
+          initial={{ scale: 0.96, opacity: 0 }}
           animate={{ scale: 1, opacity: 1 }}
-          className="bg-white/80 backdrop-blur-xl border border-white/60 rounded-2xl px-4 py-3 shadow-xl"
+          className="pointer-events-auto bg-white/90 backdrop-blur-2xl border border-white/60 rounded-2xl shadow-xl overflow-hidden w-full"
         >
-          <button
-            onClick={toggleTracking}
-            className="flex items-center gap-2 text-stone-600 hover:text-stone-900 transition-colors"
-            title="Activity tracking is disabled. Click to enable."
-          >
-            <Activity size={16} />
-            <span className="text-xs font-semibold">Tracking disabled</span>
-          </button>
+          <div className="px-4 py-3 flex items-center justify-between">
+            <div className="flex items-center gap-3">
+              <Activity size={18} className="text-stone-900" />
+              <div className="text-left">
+                <h3 className="text-sm font-bold text-stone-900">Live Activity</h3>
+                <p className="text-[10px] text-stone-500">Tracking disabled</p>
+              </div>
+            </div>
+            <button
+              type="button"
+              onClick={toggleTracking}
+              className="text-xs font-semibold px-3 py-1.5 rounded-full bg-stone-900 text-white hover:bg-stone-800 transition-colors"
+              title="Enable activity tracking"
+            >
+              Enable
+            </button>
+          </div>
         </motion.div>
       </div>
     );
diff --git a/app/components/Hero.tsx b/app/components/Hero.tsx
index 9aea5b4..45d0368 100644
--- a/app/components/Hero.tsx
+++ b/app/components/Hero.tsx
@@ -2,7 +2,6 @@
 
 import { motion } from "framer-motion";
 import { ArrowDown, Code, Zap, Rocket } from "lucide-react";
-import Image from "next/image";
 import { useEffect, useState } from "react";
 import { useLocale, useTranslations } from "next-intl";
 import type { JSONContent } from "@tiptap/react";
@@ -111,16 +110,13 @@ const Hero = () => {
                 repeatType: "reverse",
               }}
             >
-              <Image
+              {/* Use a plain <img> to fully bypass Next.js image optimizer (dev 400 issue). */}
+              <img
                 src="/images/me.jpg"
                 alt="Dennis Konkol"
-                fill
-                className="object-cover scale-105 hover:scale-[1.08] transition-transform duration-1000 ease-out"
-                priority
-                // Next/Image optimizer is returning 400 for this file in some dev setups
-                // (seen as: "isn't a valid image ... received null"). Bypass optimization.
-                unoptimized
-                sizes="(max-width: 768px) 256px, 320px"
+                className="absolute inset-0 w-full h-full object-cover scale-105 hover:scale-[1.08] transition-transform duration-1000 ease-out"
+                loading="eager"
+                decoding="async"
               />
 
               {/* Glossy Overlay for Liquid Feel */}

From abfb710c4be8d808ace32a4151128debe084e281 Mon Sep 17 00:00:00 2001
From: Cursor Agent <cursoragent@cursor.com>
Date: Wed, 14 Jan 2026 02:09:22 +0000
Subject: [PATCH 12/12] Fix: guard Umami tracking and web vitals performance
 APIs

Avoid calling undefined umami.track, add safe checks for Performance APIs, and clean up load listeners to prevent .call() crashes in Chrome.
---
 components/AnalyticsProvider.tsx |  6 ++++++
 lib/analytics.ts                 | 13 +++++++++++--
 lib/useWebVitals.ts              | 11 +++++++++--
 3 files changed, 26 insertions(+), 4 deletions(-)

diff --git a/components/AnalyticsProvider.tsx b/components/AnalyticsProvider.tsx
index da56620..52e5bd6 100644
--- a/components/AnalyticsProvider.tsx
+++ b/components/AnalyticsProvider.tsx
@@ -69,6 +69,10 @@ export const AnalyticsProvider: React.FC<AnalyticsProviderProps> = ({ children }
     // Track performance metrics to our API
     const trackPerformanceToAPI = async () => {
       try {
+        if (typeof performance === "undefined" || typeof performance.getEntriesByType !== "function") {
+          return;
+        }
+
         // Get current page path to extract project ID if on project page
         const path = window.location.pathname;
         const projectMatch = path.match(/\/projects\/([^\/]+)/);
@@ -266,6 +270,8 @@ export const AnalyticsProvider: React.FC<AnalyticsProviderProps> = ({ children }
       // Cleanup
       return () => {
         try {
+          // Remove load handler if we added it
+          window.removeEventListener('load', trackPerformanceToAPI);
           window.removeEventListener('popstate', handleRouteChange);
           document.removeEventListener('click', handleClick);
           document.removeEventListener('submit', handleSubmit);
diff --git a/lib/analytics.ts b/lib/analytics.ts
index e6975b9..35eba8c 100644
--- a/lib/analytics.ts
+++ b/lib/analytics.ts
@@ -25,12 +25,21 @@ export interface WebVitalsMetric {
 
 // Track custom events to Umami
 export const trackEvent = (event: string, data?: Record<string, unknown>) => {
-  if (typeof window !== 'undefined' && window.umami) {
-    window.umami.track(event, {
+  if (typeof window === "undefined") return;
+  const trackFn = window.umami?.track;
+  if (typeof trackFn !== "function") return;
+
+  try {
+    trackFn(event, {
       ...data,
       timestamp: Date.now(),
       url: window.location.pathname,
     });
+  } catch (error) {
+    // Silently fail - analytics must never break the app
+    if (process.env.NODE_ENV === "development") {
+      console.warn("Error tracking Umami event:", error);
+    }
   }
 };
 
diff --git a/lib/useWebVitals.ts b/lib/useWebVitals.ts
index 072ba11..b60bfee 100644
--- a/lib/useWebVitals.ts
+++ b/lib/useWebVitals.ts
@@ -208,6 +208,13 @@ export const useWebVitals = () => {
 
     // Wrap everything in try-catch to prevent errors from breaking the app
     try {
+      const safeNow = () => {
+        if (typeof performance !== "undefined" && typeof performance.now === "function") {
+          return performance.now();
+        }
+        return Date.now();
+      };
+
       // Store web vitals for batch sending
       const webVitals: Record<string, number> = {};
       const path = window.location.pathname;
@@ -233,7 +240,7 @@ export const useWebVitals = () => {
                 cls: webVitals.CLS || 0,
                 fid: webVitals.FID || 0,
                 ttfb: webVitals.TTFB || 0,
-                loadTime: performance.now()
+                loadTime: safeNow()
               }
             })
           });
@@ -307,7 +314,7 @@ export const useWebVitals = () => {
       setTimeout(() => {
         trackPerformance({
           name: 'page-load-complete',
-          value: performance.now(),
+          value: safeNow(),
           url: window.location.pathname,
           timestamp: Date.now(),
           userAgent: navigator.userAgent,