Silk Veil — React Animated Background

import { SilkVeil, SILK_VEIL_PRESETS } from "@/components/SilkVeil";

export function AtelierHero() {
  return (
    <section style={{ position: "relative", minHeight: "100dvh" }}>
      <SilkVeil {...SILK_VEIL_PRESETS.rosewood}
        {...{
          interactive: true,
          speed: 1,
          intensity: 1,
          folds: 9,
          sheen: 1,
          from: "#2a1030",
          to: "#7c2d64",
          accent: "#ffd9a8"
        }}
      />
      <div style={{ position: "relative", zIndex: 1, padding: "8rem 2rem" }}>
        <h1>Cut from light</h1>
      </div>
    </section>
  );
}