Added Silk component for animated background in Hero section

src/components/Hero.tsx

@@ -2,6 +2,7 @@ import { Link } from "react-router-dom";
 import { Button } from "@/components/ui/button";
 import { ArrowRight } from "lucide-react";
 import { useState, useEffect } from "react";
+import Silk from "@/components/Silk";
 
 const FOUNDING_DATE = new Date("2026-01-25"); // Samstag, 25. Januar 2026
 
@@ -35,10 +36,18 @@ const Hero = () => {
   }, []);
 
   return (
-    <section className="relative min-h-screen flex flex-col justify-center bg-background overflow-hidden pt-20">
-      {/* Subtle grid lines */}
-      <div className="absolute inset-0 grid-lines opacity-30" />
-      
+    <section className="relative min-h-screen flex flex-col justify-center overflow-hidden pt-20">
+      {/* Silk animated background */}
+      <div className="absolute inset-0 z-0 w-full h-full">
+        <Silk
+          speed={5}
+          scale={1}
+          color="#7B7481"
+          noiseIntensity={1.5}
+          rotation={0}
+        />
+      </div>
+
       <div className="container mx-auto px-6 relative z-10">
         <div className="max-w-6xl">
           {/* Label */}