مولد أمواج وفواصل SVG التفاعلية

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 900 300" preserveAspectRatio="none">
  <path d="M0,183.91 C150,183.91 150,236.1 300,236.1 C450,236.1 450,166.8 600,166.8 C750,166.8 750,200.08 900,200.08 L900,300 L0,300 Z" fill="#6366f1" fill-opacity="0.49"/>
  <path d="M0,120.06 C150,120.06 150,114.57 300,114.57 C450,114.57 450,121.91 600,121.91 C750,121.91 750,215.4 900,215.4 L900,300 L0,300 Z" fill="#6366f1" fill-opacity="0.7"/>
  <path d="M0,86.63 C150,86.63 150,180.21 300,180.21 C450,180.21 450,209.82 600,209.82 C750,209.82 750,219.88 900,219.88 L900,300 L0,300 Z" fill="#6366f1" fill-opacity="1"/>
</svg>