diff --git a/wavestest.html b/wavestest.html
new file mode 100644
index 0000000..e24fcd5
--- /dev/null
+++ b/wavestest.html
@@ -0,0 +1,46 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>waves test</title>
+
+  <script src="https://cdn.jsdelivr.net/npm/vanta@0.5.0/dist/vanta.waves.min.js"></script>
+  
+  <style>
+    body, html {
+      margin: 0;
+      padding: 0;
+      height: 100%;
+      overflow: hidden;
+    }
+    #vanta-waves {
+      position: absolute;
+      top: 0;
+      left: 0;
+      width: 100%;
+      height: 100vh;
+    }
+  </style>
+</head>
+<body>
+
+  <div id="vanta-waves"></div>
+
+  <script>
+    window.onload = function() {
+      if (typeof VANTA !== 'undefined') {
+        VANTA.WAVES({
+          el: "#vanta-waves",
+          color: 0x5f77ff,  // Customize the wave color
+          waveHeight: 30,   // Customize wave height
+          shininess: 50,    // Optional shininess
+          waveSpeed: 0.3,   // Optional wave speed
+        });
+      } else {
+        console.error("Vanta.js is not loaded properly.");
+      }
+    }
+  </script>
+</body>
+</html>
