diff --git a/src/components/gradient/gradient.module.css b/src/components/gradient/gradient.module.css
deleted file mode 100644
index fa8bb50..0000000
--- a/src/components/gradient/gradient.module.css
+++ /dev/null
@@ -1,16 +0,0 @@
-.gradient {
-  width: 100%;
-  height: 3px;
-  background: linear-gradient(
-    90deg,
-    rgb(255 200 71) 3%,
-    rgb(254 155 70) 16%,
-    rgb(246 104 78) 28%,
-    rgb(245 92 157) 40%,
-    rgb(200 89 228) 52%,
-    rgb(98 111 234) 65%,
-    rgb(101 229 178) 77%,
-    rgb(121 232 101) 89%,
-    rgb(186 240 112) 100%
-  );
-}
diff --git a/src/components/gradient/gradient.tsx b/src/components/gradient/gradient.tsx
deleted file mode 100644
index 3b15de5..0000000
--- a/src/components/gradient/gradient.tsx
+++ /dev/null
@@ -1,5 +0,0 @@
-import styles from './gradient.module.css';
-
-export function Gradient() {
-  return <div className={styles.gradient} />;
-}
diff --git a/src/components/gradient/index.ts b/src/components/gradient/index.ts
deleted file mode 100644
index 3dc3e9c..0000000
--- a/src/components/gradient/index.ts
+++ /dev/null
@@ -1 +0,0 @@
-export { Gradient } from './gradient';
diff --git a/src/pages/index.astro b/src/pages/index.astro
index 6aebd3e..2cebee4 100644
--- a/src/pages/index.astro
+++ b/src/pages/index.astro
@@ -1,7 +1,6 @@
 ---
 import Layout from '@/layouts/layout.astro';
 
-import { Gradient } from '@/components/gradient';
 import { Hero } from '@/components/hero';
 import { Categories } from '@/components/categories';
 
@@ -9,7 +8,6 @@ import sounds from '@/data/sounds.json';
 ---
 
 <Layout title="Welcome to Astro.">
-  <Gradient />
   <Hero />
   <Categories client:load sounds={sounds.sounds} />
 </Layout>