Refactor for i18n, CMS integration, and project slugs; enhance admin & analytics

Co-authored-by: dennis <dennis@konkol.net>

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