feat: Integrate Directus CMS, add i18n with next-intl, and configure project tooling with pnpm, husky, and commitlint.**

2026-02-05 01:18:06 +01:00
parent 765cfd4c69
commit e80140f7cf
65 changed files with 12793 additions and 5879 deletions
--- a/app/[locale]/agb/page.tsx
+++ b/app/[locale]/agb/page.tsx
@@ -0,0 +1,108 @@
+import { Download } from "lucide-react";
+import fs from "fs";
+import path from "path";
+
+export default function AGB() {
+  const filePath = path.join(process.cwd(), "context/agbs.md");
+  const fileContent = fs.readFileSync(filePath, "utf8");
+
+  // Split by double newlines to get major blocks (headers + their first paragraphs, or subsequent paragraphs)
+  const blocks = fileContent
+    .split(/\n\s*\n/)
+    .map((b) => b.trim())
+    .filter((b) => b !== "");
+
+  const title = blocks[0] || "Liefer- und Zahlungsbedingungen";
+  const stand = blocks[1] || "Stand Januar 2026";
+
+  const sections: { title: string; content: string[] }[] = [];
+  let currentSection: { title: string; content: string[] } | null = null;
+
+  // Skip title and stand
+  blocks.slice(2).forEach((block) => {
+    const lines = block
+      .split("\n")
+      .map((l) => l.trim())
+      .filter((l) => l !== "");
+    if (lines.length === 0) return;
+
+    const firstLine = lines[0];
+
+    if (/^\d+\./.test(firstLine)) {
+      // New section
+      if (currentSection) sections.push(currentSection);
+
+      currentSection = { title: firstLine, content: [] };
+
+      // If there are more lines in this block, they form the first paragraph(s)
+      if (lines.length > 1) {
+        // Join subsequent lines as they might be part of the same paragraph
+        // In this MD, we'll assume lines in the same block belong together
+        // unless they are clearly separate paragraphs (but we already split by double newline)
+        const remainingText = lines.slice(1).join(" ");
+        if (remainingText) currentSection.content.push(remainingText);
+      }
+    } else if (currentSection) {
+      // Continuation of current section
+      const blockText = lines.join(" ");
+      if (blockText) currentSection.content.push(blockText);
+    }
+  });
+  if (currentSection) sections.push(currentSection);
+
+  // The last block is the footer
+  const footer = blocks[blocks.length - 1];
+  if (sections.length > 0) {
+    const lastSection = sections[sections.length - 1];
+    if (lastSection.content.includes(footer) || lastSection.title === footer) {
+      lastSection.content = lastSection.content.filter((c) => c !== footer);
+      if (sections[sections.length - 1].title === footer) {
+        sections.pop();
+      }
+    }
+  }
+
+  return (
+    <div className="bg-slate-50 min-h-screen pt-40 pb-20">
+      <div className="container-custom">
+        <div className="max-w-4xl mx-auto bg-white p-8 md:p-12 rounded-[2.5rem] shadow-sm border border-slate-100">
+          <div className="flex flex-col md:flex-row md:items-center justify-between gap-6 mb-8">
+            <div>
+              <h1 className="text-4xl font-extrabold text-primary mb-2">
+                {title}
+              </h1>
+              <p className="text-slate-500 font-medium">{stand}</p>
+            </div>
+            <a
+              href="/assets/AGB MB Grid 1-2026.pdf"
+              download
+              className="btn-primary !py-3 !px-6 flex items-center gap-2"
+            >
+              <Download size={18} />
+              Als PDF herunterladen
+            </a>
+          </div>
+
+          <div className="space-y-8 text-slate-600 leading-relaxed">
+            {sections.map((section, index) => (
+              <div key={index}>
+                <h2 className="text-2xl font-bold text-primary mb-4">
+                  {section.title}
+                </h2>
+                <div className="space-y-4">
+                  {section.content.map((paragraph, pIndex) => (
+                    <p key={pIndex}>{paragraph}</p>
+                  ))}
+                </div>
+              </div>
+            ))}
+
+            <div className="pt-8 border-t border-slate-100">
+              <p className="font-bold text-primary">{footer}</p>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  );
+}