style: change copy

src/components/sections/about/about.tsx

@@ -16,13 +16,11 @@ export function About() {
           <div className={styles.line} />
         </div>
         <p className={styles.desc}>
-          Moodist is your gateway to a world of serenity and focus. It&apos;s a
+          Welcome to Moodist – your free, open-source ambient sound generator.
-          free online ambient sound generator offering <span>{count}</span>{' '}
+          With <span>{count} curated sounds</span>, effortlessly create your
-          handpicked sounds in various categories, from nature&apos;s tranquil
+          custom mix for focus or relaxation. No accounts, no hassle – just pure
-          melodies to the soothing ambiance of urban life. Whether you&apos;re
+          tranquility. Explore nature&apos;s calm and urban rhythms. Elevate
-          seeking relaxation or a productivity boost, Moodist lets you
+          your ambiance with Moodist, where simplicity meets serenity.
-          effortlessly customize your environment with the perfect background
-          sounds.
         </p>
       </Container>
     </div>

src/components/sections/why/why.module.css

@@ -24,13 +24,14 @@
   & .reasons {
     display: grid;
     margin-top: 24px;
-    gap: 20px;
+    column-gap: 20px;
     grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
+    row-gap: 28px;
 
     & .icon {
       display: flex;
-      width: 44px;
+      width: 40px;
-      height: 44px;
+      height: 40px;
       align-items: center;
       justify-content: center;
       border: 1px solid var(--color-neutral-200);
@@ -38,7 +39,7 @@
       margin-bottom: 12px;
       background: linear-gradient(var(--color-neutral-100), transparent);
       color: #34d399;
-      font-size: var(--font-lg);
+      font-size: var(--font-md);
     }
 
     & .label {

src/components/sections/why/why.tsx

@@ -1,4 +1,7 @@
 import { BiMoney, BiUserCircle, BiLogoGithub } from 'react-icons/bi/index';
+import { BsSoundwave, BsStars } from 'react-icons/bs/index';
+import { RxMixerHorizontal } from 'react-icons/rx/index';
+
 import { Balancer } from 'react-wrap-balancer';
 
 import { Container } from '@/components/container';
@@ -8,27 +11,45 @@ import styles from './why.module.css';
 export function Why() {
   const reasons = [
     {
-      body: 'Moodist pampers your senses without emptying your wallet. Enjoy our rich collection of ambient sounds at no cost.',
+      body: "Immerse yourself in Moodist's ambient world without spending a dime. All features are accessible to everyone, ensuring a cost-free auditory journey.",
       icon: <BiMoney />,
-      id: 'free',
+      id: 'free-access',
-      label: 'Completely Free',
+      label: 'Free Access',
     },
     {
-      body: 'Say goodbye to the hassle of signing up; Moodist is ready to enhance your experience without any registration requirements, ensuring quick and easy access.',
+      body: 'Embrace simplicity – Moodist skips the registration process. No accounts, no hassle; just click, play, and enjoy the serenity.',
       icon: <BiUserCircle />,
-      id: 'registration-free',
+      id: 'no-registration',
-      label: 'Without Registration',
+      label: 'No Registration',
     },
     {
-      body: "Moodist's open-source nature means you can trust its transparency and contribute to its improvement, making it a community-driven tool for everyone's benefit.",
+      body: 'With a curated collection of 40 sounds, Moodist offers a spectrum of auditory experiences. From the tranquility of nature to the beat of urban life, find the perfect backdrop for your mood.',
+      icon: <BsSoundwave />,
+      id: 'diverse-sounds',
+      label: 'Diverse Sounds',
+    },
+    {
+      body: 'Tailor your ambiance effortlessly. Moodist allows you to create personalized mixes, adjusting the blend of sounds to suit your focus or relaxation needs.',
+      icon: <RxMixerHorizontal />,
+      id: 'customizable-mixes',
+      label: 'Customizable Mixes',
+    },
+    {
+      body: 'Trust in transparency. Moodist is open-source, fostering collaboration and providing users with a platform they can explore and understand.',
       icon: <BiLogoGithub />,
       id: 'open-source',
-      label: 'Open Source',
+      label: 'Open-Source',
       link: {
         label: 'Source Code',
         url: 'https://github.com/remvze/moodist',
       },
     },
+    {
+      body: 'Navigate with ease. Moodist provides a user-friendly interface, ensuring a smooth and hassle-free experience as you explore the diverse soundscape of calm and rhythm.',
+      icon: <BsStars />,
+      id: 'seamless-experience',
+      label: 'Seamless Experience',
+    },
   ];
 
   return (