diff --git a/src/components/sections/about/about.tsx b/src/components/sections/about/about.tsx index e101f96..4d71371 100644 --- a/src/components/sections/about/about.tsx +++ b/src/components/sections/about/about.tsx @@ -16,13 +16,11 @@ export function About() {
- Moodist is your gateway to a world of serenity and focus. It's a - free online ambient sound generator offering {count}{' '} - handpicked sounds in various categories, from nature's tranquil - melodies to the soothing ambiance of urban life. Whether you're - seeking relaxation or a productivity boost, Moodist lets you - effortlessly customize your environment with the perfect background - sounds. + Welcome to Moodist – your free, open-source ambient sound generator. + With {count} curated sounds, effortlessly create your + custom mix for focus or relaxation. No accounts, no hassle – just pure + tranquility. Explore nature's calm and urban rhythms. Elevate + your ambiance with Moodist, where simplicity meets serenity.
diff --git a/src/components/sections/why/why.module.css b/src/components/sections/why/why.module.css index 3823f02..b40c3ec 100644 --- a/src/components/sections/why/why.module.css +++ b/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; - height: 44px; + width: 40px; + 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 { diff --git a/src/components/sections/why/why.tsx b/src/components/sections/why/why.tsx index dee2c1f..34468b1 100644 --- a/src/components/sections/why/why.tsx +++ b/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: