Cayden Website 2.0: Rewrite with t3code & hand

components/layout/page-background.tsx

@@ -0,0 +1,28 @@
+import GradientWaves from '@/components/GradientWaves';
+
+// React Bits GradientWaves "Aurora" preset, tuned to fill the viewport.
+const PageBackground = () => (
+	<div aria-hidden className="fixed inset-0 -z-10 overflow-hidden">
+		<GradientWaves
+			horizonColor="#064e3b"
+			waveColor="#34d399"
+			crestColor="#d1fae5"
+			speed={0.35}
+			amplitude={2.6}
+			waveScale={0.7}
+			waveRatio={0.9}
+			swell={38}
+			turbulence={24}
+			fogDepth={12}
+			lightAngle={170}
+			sheen={0.28}
+			height={5.5}
+			tilt={64}
+			className="h-full w-full"
+		/>
+		{/* Dark wash keeps foreground text readable */}
+		<div className="absolute inset-0 bg-obsidian/25" />
+	</div>
+);
+
+export default PageBackground;