Animated Wave Landing - Copy this Html, Tailwind Component to your project

<svg class="hero waves" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 24 150 28 " preserveAspectRatio="none"> <defs> <path id="wave path" d="M 160 44c30 0 58 18 88 18s 58 18 88 18 58 18 88 18 58 18 88 18 v44h 352z"></path> </defs> <g class="wave1"> <use xlink:href="#wave path" x="50" y="3"></use> </g> <g class="wave2"> <use xlink:href="#wave path" x="50" y="0"></use> </g> <g class="wave3"> <use xlink:href="#wave path" x="50" y="9"></use> </g> </svg> This is my svg code of animated waive effect please create landing page using this waive effect