mirror of
https://github.com/remvze/moodist.git
synced 2025-12-17 08:54:13 +00:00
style: change copy
This commit is contained in:
parent
ef952d0a03
commit
624230843c
3 changed files with 39 additions and 19 deletions
|
|
@ -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's a
|
||||
free online ambient sound generator offering <span>{count}</span>{' '}
|
||||
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 <span>{count} curated sounds</span>, 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.
|
||||
</p>
|
||||
</Container>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -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 {
|
||||
|
|
|
|||
|
|
@ -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',
|
||||
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: <BiUserCircle />,
|
||||
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: <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 (
|
||||
|
|
|
|||
Loading…
Add table
Reference in a new issue