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: , - id: 'free', - label: 'Completely Free', + id: 'free-access', + 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: , - id: 'registration-free', - label: 'Without Registration', + id: 'no-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: , + 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: , + 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: , 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: , + id: 'seamless-experience', + label: 'Seamless Experience', + }, ]; return (