28 lines
688 B
TypeScript
28 lines
688 B
TypeScript
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;
|