feat: add gradient line decoration

src/components/gradient/gradient.module.css

@@ -0,0 +1,16 @@
+.gradient {
+  width: 100%;
+  height: 3px;
+  background: linear-gradient(
+    83deg,
+    rgb(186 240 112) 3%,
+    rgb(121 232 101) 16%,
+    rgb(101 229 178) 28%,
+    rgb(98 111 234) 40%,
+    rgb(200 89 228) 52%,
+    rgb(245 92 157) 65%,
+    rgb(246 104 78) 77%,
+    rgb(254 155 70) 89%,
+    rgb(255 200 71) 100%
+  );
+}

src/components/gradient/gradient.tsx

@@ -0,0 +1,5 @@
+import styles from './gradient.module.css';
+
+export function Gradient() {
+  return <div className={styles.gradient} />;
+}

src/components/gradient/index.ts

@@ -0,0 +1 @@
+export { Gradient } from './gradient';

src/pages/index.astro

@@ -1,9 +1,11 @@
 ---
 import Layout from '@/layouts/layout.astro';
 
+import { Gradient } from '@/components/gradient';
 import { Hero } from '@/components/hero';
 ---
 
 <Layout title="Welcome to Astro.">
+  <Gradient />
   <Hero />
 </Layout>