diff --git a/components/Wave.tsx b/components/Wave.tsx
new file mode 100644
index 0000000..8a36423
--- /dev/null
+++ b/components/Wave.tsx
@@ -0,0 +1,17 @@
+const Wave = ({ color, className }:WaveProps):JSX.Element => {
+	return (
+		<svg viewBox="0 0 1440 320" className={className}>
+			<path
+				fill={color}
+				d="M0 192l34.3 5.3C68.6 203 137 213 206 186.7c68.3-26.7 137-90.7 205-96 69-5.7 138 48.3 206 90.6C685.7 224 754 256 823 272c68.4 16 137 16 206 0 68.1-16 137-48 205-69.3 68.9-21.7 137-31.7 172-37.4l34-5.3V0H0z"
+			/>
+		</svg>
+	)
+}
+
+interface WaveProps {
+  color: string
+  className?: string
+}
+
+export default Wave
\ No newline at end of file