From 5f40435c0ccfec0cb87d9ac0c14723fb8265fa8d Mon Sep 17 00:00:00 2001
From: MAZE <remvze@proton.me>
Date: Fri, 16 Feb 2024 16:46:47 +0330
Subject: [PATCH 1/2] feat: add titles

---
 src/components/about/about.module.css | 11 +++++++++--
 src/components/about/about.tsx        | 23 ++++++++++++++++++-----
 2 files changed, 27 insertions(+), 7 deletions(-)

diff --git a/src/components/about/about.module.css b/src/components/about/about.module.css
index 31e3eab..29adc68 100644
--- a/src/components/about/about.module.css
+++ b/src/components/about/about.module.css
@@ -18,7 +18,7 @@
     & .counter {
       width: max-content;
       padding: 6px 16px;
-      margin-bottom: 12px;
+      margin-bottom: 16px;
       font-size: var(--font-xsm);
       color: var(--color-foreground-subtle);
       background: linear-gradient(var(--color-neutral-100), transparent);
@@ -31,7 +31,14 @@
       }
     }
 
-    & .desc {
+    & .title {
+      margin-bottom: 8px;
+      font-family: var(--font-heading);
+      font-size: var(--font-md);
+      font-weight: 600;
+    }
+
+    & .body {
       line-height: 1.6;
       color: var(--color-foreground-subtle);
     }
diff --git a/src/components/about/about.tsx b/src/components/about/about.tsx
index 3f38470..1894ee2 100644
--- a/src/components/about/about.tsx
+++ b/src/components/about/about.tsx
@@ -7,10 +7,22 @@ export function About() {
   const count = soundCount();
 
   const paragraphs = [
-    'Craving a calming escape from the daily grind? Do you need the perfect soundscape to boost your focus or lull you into peaceful sleep? Look no further than Moodist, your free and open-source ambient sound generator! Ditch the subscriptions and registrations – with Moodist, you unlock a world of soothing and immersive audio experiences, entirely for free.',
-    `Dive into an expansive library of ${count} carefully curated sounds. Nature lovers will find solace in the gentle murmur of streams, the rhythmic crash of waves, or the crackling warmth of a campfire. Cityscapes come alive with the soft hum of cafes, the rhythmic clatter of trains, or the calming white noise of traffic. And for those seeking deeper focus or relaxation, Moodist offers binaural beats and color noise designed to enhance your state of mind.`,
-    'The beauty of Moodist lies in its simplicity and customization. No complex menus or confusing options – just choose your desired sounds, adjust the volume balance, and hit play. Want to blend the gentle chirping of birds with the soothing sound of rain? No problem! Layer as many sounds as you like to create your personalized soundscape oasis.',
-    "Whether you're looking to unwind after a long day, enhance your focus during work, or lull yourself into a peaceful sleep, Moodist has the perfect soundscape waiting for you. The best part? It's completely free and open-source, so you can enjoy its benefits without any strings attached. Start using Moodist today and discover your new haven of tranquility and focus!",
+    {
+      body: 'Craving a calming escape from the daily grind? Do you need the perfect soundscape to boost your focus or lull you into peaceful sleep? Look no further than Moodist, your free and open-source ambient sound generator! Ditch the subscriptions and registrations – with Moodist, you unlock a world of soothing and immersive audio experiences, entirely for free.',
+      title: 'Free Ambient Sounds',
+    },
+    {
+      body: `Dive into an expansive library of ${count} carefully curated sounds. Nature lovers will find solace in the gentle murmur of streams, the rhythmic crash of waves, or the crackling warmth of a campfire. Cityscapes come alive with the soft hum of cafes, the rhythmic clatter of trains, or the calming white noise of traffic. And for those seeking deeper focus or relaxation, Moodist offers binaural beats and color noise designed to enhance your state of mind.`,
+      title: 'Carefully Curated Sounds',
+    },
+    {
+      body: 'The beauty of Moodist lies in its simplicity and customization. No complex menus or confusing options – just choose your desired sounds, adjust the volume balance, and hit play. Want to blend the gentle chirping of birds with the soothing sound of rain? No problem! Layer as many sounds as you like to create your personalized soundscape oasis.',
+      title: 'Create Your Soundscape',
+    },
+    {
+      body: "Whether you're looking to unwind after a long day, enhance your focus during work, or lull yourself into a peaceful sleep, Moodist has the perfect soundscape waiting for you. The best part? It's completely free and open-source, so you can enjoy its benefits without any strings attached. Start using Moodist today and discover your new haven of tranquility and focus!",
+      title: 'Sounds for Every Moment',
+    },
   ];
 
   return (
@@ -24,7 +36,8 @@ export function About() {
               <span>0{index + 1}</span> / 0{paragraphs.length}
             </div>
 
-            <p className={styles.desc}>{paragraph}</p>
+            <h2 className={styles.title}>{paragraph.title}</h2>
+            <p className={styles.body}>{paragraph.body}</p>
           </div>
         ))}
       </Container>

From 8930e7b76abffafd0ace5926de6c1d3f7629febd Mon Sep 17 00:00:00 2001
From: MAZE <remvze@proton.me>
Date: Sat, 17 Feb 2024 18:37:25 +0330
Subject: [PATCH 2/2] style: change description

---
 src/components/hero/hero.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/components/hero/hero.tsx b/src/components/hero/hero.tsx
index 61b46b9..2de4b65 100644
--- a/src/components/hero/hero.tsx
+++ b/src/components/hero/hero.tsx
@@ -29,9 +29,9 @@ export function Hero() {
           <div className={styles.right}></div>
         </div>
 
-        <p className={styles.desc}>
+        <h2 className={styles.desc}>
           <Balancer>Ambient sounds for focus and calm.</Balancer>
-        </p>
+        </h2>
 
         <p className={styles.sounds}>
           <span className={styles.icon}>