feat(cms): add storage based website content management

app/ueber-uns/page.tsx

@@ -1,25 +1,34 @@
-import type { Metadata } from "next";
 import PageHero from "@/components/PageHero";
-import { createMetadata } from "../seo";
+import { getContent } from "@/lib/content/service";
+import { createContentMetadata } from "../seo";
 
-export const metadata: Metadata = createMetadata("Über uns", "Funktechnik Schubert steht für technischen Service und klare Kommunikation.", "/ueber-uns");
+export const dynamic = "force-dynamic";
+
+export async function generateMetadata() {
+  const content = await getContent("about");
+  return createContentMetadata(content.seo);
+}
+
+export default async function AboutPage() {
+  const content = await getContent("about");
+  const blocks = content.paragraphs.length > 0 ? content.paragraphs : [
+    { title: content.companyDescription, text: content.workshopDescription },
+    { title: content.philosophy, text: content.intro },
+  ];
 
-export default function AboutPage() {
   return (
     <>
-      <PageHero eyebrow="Über uns" title="Technik verstehen, Fehler nachvollziehbar lösen">
-        Funktechnik Schubert richtet sich an Kunden, die bei Funkgeräten und Kommunikationstechnik eine persönliche, technische Einschätzung suchen.
+      <PageHero eyebrow={content.eyebrow} title={content.title}>
+        {content.subtitle}
       </PageHero>
       <section className="section">
         <div className="container grid two">
-          <article className="card">
-            <h2>Arbeitsweise</h2>
-            <p>Im Mittelpunkt stehen saubere Diagnose, transparente Kommunikation und der respektvolle Umgang mit bestehenden Geräten und Serviceunterlagen.</p>
-          </article>
-          <article className="card">
-            <h2>Fokus</h2>
-            <p>Der Schwerpunkt liegt auf Funktechnik, Elektronikservice, Abgleichfragen und technischer Unterstützung rund um Kommunikationstechnik.</p>
-          </article>
+          {blocks.map((block) => (
+            <article key={block.title} className="card">
+              <h2>{block.title}</h2>
+              <p>{block.text}</p>
+            </article>
+          ))}
         </div>
       </section>
     </>