style: add gradient line

src/components/gradient/gradient.module.css

@@ -0,0 +1,18 @@
+.gradient {
+  position: relative;
+  width: 100%;
+  height: 5px;
+  background: linear-gradient(90deg, #fcb0f3, #5b27ec);
+
+  &::before {
+    position: absolute;
+    z-index: -1;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+    background: inherit;
+    content: '';
+    filter: blur(10px);
+  }
+}

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,13 +1,15 @@
 ---
 import Layout from '@/layouts/layout.astro';
 
+import { Gradient } from '@/components/gradient';
 import { Hero } from '@/components/hero';
 import { App } from '@/components/app';
 import { Footer } from '@/components/footer';
 import { AboutSection, WhySection, ReadySection } from '@/components/sections';
 ---
 
 <Layout title="Welcome to Astro.">
+  <Gradient />
   <Hero />
   <App client:load />
   <AboutSection />