From b7b7ac82070b190f81263197c47569f48efe21b8 Mon Sep 17 00:00:00 2001
From: denshooter <dennis@konkol.net>
Date: Mon, 2 Feb 2026 15:20:24 +0100
Subject: [PATCH] Fix ShaderGradient component props - remove invalid
 attributes for production build

---
 app/components/ShaderGradientBackground.tsx | 63 ++-------------------
 1 file changed, 6 insertions(+), 57 deletions(-)

diff --git a/app/components/ShaderGradientBackground.tsx b/app/components/ShaderGradientBackground.tsx
index b8d2089..36d3462 100644
--- a/app/components/ShaderGradientBackground.tsx
+++ b/app/components/ShaderGradientBackground.tsx
@@ -29,8 +29,9 @@ const ShaderGradientBackground = () => {
       >
         {/* Sphere 1 - Links oben */}
         <ShaderGradient
+          control="props"
+          type="sphere"
           animate="on"
-          axesHelper="off"
           brightness={1.3}
           cAzimuthAngle={180}
           cDistance={3.6}
@@ -39,41 +40,24 @@ const ShaderGradientBackground = () => {
           color1="#b01040"
           color2="#b04a17"
           color3="#e167c5"
-          destination="onCanvas"
-          embedMode="off"
-          envPreset="city"
-          format="gif"
-          fov={45}
-          frameRate={10}
-          gizmoHelper="hide"
-          grain="on"
-          lightType="3d"
-          pixelDensity={2.9}
           positionX={-2.5}
           positionY={1.5}
           positionZ={0}
-          range="disabled"
-          rangeEnd={40}
-          rangeStart={0}
-          reflection={0.1}
           rotationX={0}
           rotationY={15}
           rotationZ={50}
-          shader="defaults"
-          type="sphere"
           uAmplitude={6.0}
           uDensity={0.8}
           uFrequency={5.5}
           uSpeed={0.5}
           uStrength={5.0}
-          uTime={0}
-          wireframe={false}
         />
         
         {/* Sphere 2 - Rechts mitte */}
         <ShaderGradient
+          control="props"
+          type="sphere"
           animate="on"
-          axesHelper="off"
           brightness={1.25}
           cAzimuthAngle={180}
           cDistance={3.6}
@@ -82,41 +66,24 @@ const ShaderGradientBackground = () => {
           color1="#e167c5"
           color2="#b01040"
           color3="#b04a17"
-          destination="onCanvas"
-          embedMode="off"
-          envPreset="city"
-          format="gif"
-          fov={45}
-          frameRate={10}
-          gizmoHelper="hide"
-          grain="on"
-          lightType="3d"
-          pixelDensity={2.9}
           positionX={2.0}
           positionY={-0.5}
           positionZ={-0.5}
-          range="disabled"
-          rangeEnd={40}
-          rangeStart={0}
-          reflection={0.1}
           rotationX={0}
           rotationY={25}
           rotationZ={70}
-          shader="defaults"
-          type="sphere"
           uAmplitude={5.5}
           uDensity={0.9}
           uFrequency={4.8}
           uSpeed={0.45}
           uStrength={4.8}
-          uTime={10}
-          wireframe={false}
         />
         
         {/* Sphere 3 - Unten links */}
         <ShaderGradient
+          control="props"
+          type="sphere"
           animate="on"
-          axesHelper="off"
           brightness={1.2}
           cAzimuthAngle={180}
           cDistance={3.6}
@@ -125,35 +92,17 @@ const ShaderGradientBackground = () => {
           color1="#b04a17"
           color2="#e167c5"
           color3="#b01040"
-          destination="onCanvas"
-          embedMode="off"
-          envPreset="city"
-          format="gif"
-          fov={45}
-          frameRate={10}
-          gizmoHelper="hide"
-          grain="on"
-          lightType="3d"
-          pixelDensity={2.9}
           positionX={-0.5}
           positionY={-2.0}
           positionZ={0.3}
-          range="disabled"
-          rangeEnd={40}
-          rangeStart={0}
-          reflection={0.1}
           rotationX={0}
           rotationY={20}
           rotationZ={60}
-          shader="defaults"
-          type="sphere"
           uAmplitude={5.8}
           uDensity={0.7}
           uFrequency={6.0}
           uSpeed={0.52}
           uStrength={4.9}
-          uTime={20}
-          wireframe={false}
         />
       </ShaderGradientCanvas>
     </div>