fertiges designgit push

public/assets/hero-bg.svg

@@ -0,0 +1,31 @@
+<svg width="1920" height="600" viewBox="0 0 1920 600" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <!-- Background gradient -->
+  <defs>
+    <linearGradient id="heroGradient" x1="0%" y1="0%" x2="100%" y2="100%">
+      <stop offset="0%" style="stop-color:#F5F1EC;stop-opacity:1" />
+      <stop offset="100%" style="stop-color:#FFFFFF;stop-opacity:1" />
+    </linearGradient>
+    
+    <!-- Subtle pattern -->
+    <pattern id="heroPattern" x="0" y="0" width="100" height="100" patternUnits="userSpaceOnUse">
+      <circle cx="20" cy="20" r="1" fill="#E5E0D8" opacity="0.3"/>
+      <circle cx="80" cy="80" r="1" fill="#E5E0D8" opacity="0.3"/>
+      <circle cx="50" cy="50" r="0.5" fill="#E5E0D8" opacity="0.2"/>
+    </pattern>
+  </defs>
+  
+  <!-- Main background -->
+  <rect width="1920" height="600" fill="url(#heroGradient)"/>
+  
+  <!-- Subtle pattern overlay -->
+  <rect width="1920" height="600" fill="url(#heroPattern)"/>
+  
+  <!-- Decorative elements -->
+  <circle cx="200" cy="150" r="80" fill="#7E0F14" opacity="0.05"/>
+  <circle cx="1720" cy="450" r="120" fill="#7E0F14" opacity="0.03"/>
+  <circle cx="1600" cy="100" r="60" fill="#7E0F14" opacity="0.04"/>
+  
+  <!-- Subtle lines -->
+  <path d="M 0 200 Q 480 150 960 200 T 1920 200" stroke="#7E0F14" stroke-width="1" opacity="0.1" fill="none"/>
+  <path d="M 0 400 Q 480 350 960 400 T 1920 400" stroke="#7E0F14" stroke-width="1" opacity="0.1" fill="none"/>
+</svg>