From 10259d013f7cb1ae41808f7a78e836ddee3b07f1 Mon Sep 17 00:00:00 2001
From: MAZE <remvze@proton.me>
Date: Thu, 13 Feb 2025 20:04:10 +0330
Subject: [PATCH] feat: better heading

---
 src/components/hero.astro | 23 ++++++++++++++++++-----
 1 file changed, 18 insertions(+), 5 deletions(-)

diff --git a/src/components/hero.astro b/src/components/hero.astro
index f3d2fe5..c596a71 100644
--- a/src/components/hero.astro
+++ b/src/components/hero.astro
@@ -21,8 +21,10 @@ const count = soundCount();
         width={45}
       />
 
-      <h2 class="title"><span>Moodist</span></h2>
-      <h1 class="desc">Ambient sounds for focus and calm.</h1>
+      <h1 class="title">
+        Ambient Sounds<span class="line">For Focus and Calm</span>
+      </h1>
+      <h2 class="desc">Free and Open-Source.</h2>
 
       <p class="sounds">
         <span aria-hidden="true" class="icon">
@@ -72,11 +74,11 @@ const count = soundCount();
 
     & .title {
       font-family: var(--font-display);
-      font-size: var(--font-2xlg);
+      font-size: var(--font-xlg);
       font-weight: 600;
       line-height: 1;
 
-      & span {
+      /* & .gradient {
         background: linear-gradient(
           135deg,
           var(--color-foreground),
@@ -84,11 +86,22 @@ const count = soundCount();
         );
         background-clip: text;
         -webkit-text-fill-color: transparent;
+      } */
+
+      & .line {
+        display: block;
+        margin-top: 2px;
+        background: linear-gradient(
+          var(--color-foreground-subtler),
+          var(--color-foreground-subtle)
+        );
+        background-clip: text;
+        -webkit-text-fill-color: transparent;
       }
     }
 
     & .desc {
-      margin-top: 4px;
+      margin-top: 12px;
       line-height: 1.6;
       color: var(--color-foreground-subtle);
     }