Pattern

export default function Component() {
  return (
    <div className="container">
  <div className="pattern-bg">
    <svg
      preserveAspectRatio="xMidYMid slice"
      height="100%"
      width="100%"
      className="cube-svg"
      viewBox="0 0 120 104"
    >
      <defs>
        <linearGradient y2="100%" x2="100%" y1="0%" x1="0%" id="cube-dark">
          <stop stop-color="#232526" offset="0%"></stop>
          <stop stop-color="#414345" offset="100%"></stop>
        </linearGradient>
        <linearGradient y2="0%" x2="100%" y1="100%" x1="0%" id="cube-mid">
          <stop stop-color="#4b6cb7" offset="0%"></stop>
          <stop stop-color="#182848" offset="100%"></stop>
        </linearGradient>
        <linearGradient y2="100%" x2="0%" y1="0%" x1="100%" id="cube-light">
          <stop stop-color="#a8edea" offset="0%"></stop>
          <stop stop-color="#fed6e3" offset="100%"></stop>
        </linearGradient>
      </defs>
    </svg>
  </div>
</div>
  );
}