diff --git a/DIRECTUS_CHECKLIST.md b/DIRECTUS_CHECKLIST.md
index de084ff..dd97ca7 100644
--- a/DIRECTUS_CHECKLIST.md
+++ b/DIRECTUS_CHECKLIST.md
@@ -167,7 +167,7 @@ consent.hide | de | Ausblenden
## Collection: content_pages
-Diese sind für **längere Inhalte**. Nutze den Rich-Text-Editor in Directus oder Markdown.
+Diese sind für **längere Inhalte**. Nutze den Ric-Text-Editor in Directus oder Markdown.
### Home – Hero (langere Beschreibung)
- **slug**: home-hero
diff --git a/app/components/ShaderGradientBackground.tsx b/app/components/ShaderGradientBackground.tsx
new file mode 100644
index 0000000..9e6746c
--- /dev/null
+++ b/app/components/ShaderGradientBackground.tsx
@@ -0,0 +1,76 @@
+"use client";
+
+import React from "react";
+import { ShaderGradientCanvas, ShaderGradient } from "@shadergradient/react";
+
+const ShaderGradientBackground = () => {
+ return (
+
+
+
+
+
+ );
+};
+
+export default ShaderGradientBackground;
diff --git a/app/globals.css b/app/globals.css
index 5d01c21..d9aecc9 100644
--- a/app/globals.css
+++ b/app/globals.css
@@ -27,7 +27,7 @@
}
body {
- background-color: var(--background);
+ background: linear-gradient(135deg, rgba(250, 248, 243, 0.95) 0%, rgba(250, 248, 243, 0.92) 100%);
color: var(--foreground);
font-family: "Inter", sans-serif;
margin: 0;
@@ -36,6 +36,7 @@ body {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-rendering: optimizeLegibility;
+ position: relative;
}
/* Custom Selection */
diff --git a/app/layout.tsx b/app/layout.tsx
index 4922f0f..ccef9b4 100644
--- a/app/layout.tsx
+++ b/app/layout.tsx
@@ -5,6 +5,7 @@ import React from "react";
import ClientProviders from "./components/ClientProviders";
import { cookies } from "next/headers";
import { getBaseUrl } from "@/lib/seo";
+import ShaderGradientBackground from "./components/ShaderGradientBackground";
const inter = Inter({
variable: "--font-inter",
@@ -33,6 +34,7 @@ export default async function RootLayout({
+
{children}