Skip to content

Commit 20ec6bc

Browse files
authored
New landing page content refresh (#13752)
1 parent bde18d8 commit 20ec6bc

7 files changed

Lines changed: 30 additions & 27 deletions

File tree

packages/web/src/public-site/pages/landing-2026/components/CreateFutureCTA.module.css

Lines changed: 2 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -66,6 +66,7 @@
6666
color: #fff;
6767
margin: 0;
6868
width: 100%;
69+
white-space: nowrap;
6970
}
7071

7172
.ctaButton {
@@ -129,5 +130,6 @@
129130

130131
.headline {
131132
font-size: 96px;
133+
white-space: normal;
132134
}
133135
}

packages/web/src/public-site/pages/landing-2026/components/CreateFutureCTA.tsx

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -13,7 +13,7 @@ const { SIGN_UP_PAGE } = route
1313

1414
const messages = {
1515
headline: 'Create the future of music, together.',
16-
signUp: 'Sign up'
16+
getStarted: 'Get Started'
1717
}
1818

1919
type CreateFutureCTAProps = {
@@ -41,7 +41,7 @@ export const CreateFutureCTA = (props: CreateFutureCTAProps) => {
4141
{messages.headline}
4242
</h2>
4343
<button type='button' className={styles.ctaButton} onClick={onSignUp}>
44-
<span className={styles.ctaLabel}>{messages.signUp}</span>
44+
<span className={styles.ctaLabel}>{messages.getStarted}</span>
4545
</button>
4646
</div>
4747
</div>

packages/web/src/public-site/pages/landing-2026/components/Footer2026.tsx

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -110,7 +110,7 @@ export const Footer2026 = (props: Footer2026Props) => {
110110
<hr className={styles.divider} />
111111
<div className={styles.bottomRow}>
112112
<p className={styles.copyright}>
113-
&copy; 2025 Audius Music. All rights reserved.
113+
© 2026 Audius. All rights reserved.
114114
</p>
115115
<div className={styles.legalLinks}>
116116
<a

packages/web/src/public-site/pages/landing-2026/components/GrowthStartsHere.tsx

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -10,11 +10,11 @@ const messages = {
1010
features: [
1111
{
1212
title: 'Free and Unlimited',
13-
body: "We're free to use, no upload limits, and Ad-free. Everyone gets access to high quality 360kbps audio and the option to sell music direct with lossless downloads."
13+
body: "We're free to use, no upload limits, and Ad-free. Everyone gets access to high quality 360kbps audio, the option to sell music direct, and lossless downloads."
1414
},
1515
{
1616
title: 'Grow Your Scene',
17-
body: 'Curated playlists, social features, fan clubs, and lean-in experiences, make it easy for you to find your crowd and stand out.'
17+
body: 'Curated playlists, social features, trending charts, and lean-in experiences make it easy for you to find your crowd and stand out.'
1818
},
1919
{
2020
title: 'Engage in Contests',

packages/web/src/public-site/pages/landing-2026/components/MadeForUs.tsx

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -2,7 +2,7 @@ import styles from './MadeForUs.module.css'
22

33
const messages = {
44
headline: 'Audius is made for us.',
5-
body: 'Audius is for people pushing music scenes forward. It\u2019s a platform built on community, connection, and culture-led artist growth. Audius is made for us.'
5+
body: "Audius is for people pushing music scenes forward. It's a community-run platform built on connection, collaboration, and culture-led artist growth."
66
}
77

88
type MadeForUsProps = {

packages/web/src/public-site/pages/landing-2026/components/Nav2026.tsx

Lines changed: 10 additions & 10 deletions
Original file line numberDiff line numberDiff line change
@@ -31,7 +31,7 @@ import styles from './Nav2026.module.css'
3131
const { SIGN_UP_PAGE, DOWNLOAD_LINK } = route
3232

3333
const messages = {
34-
signUp: 'Sign Up',
34+
getStarted: 'Get Started',
3535
resources: 'Resources'
3636
}
3737

@@ -41,12 +41,6 @@ const MENU_ITEMS: {
4141
href: string
4242
Icon: ComponentType<{ className?: string }>
4343
}[] = [
44-
{
45-
title: 'Download App',
46-
description: 'Download the apps for desktop and mobile devices.',
47-
href: DOWNLOAD_LINK,
48-
Icon: IconDownloadApp
49-
},
5044
{
5145
title: 'Help & Support',
5246
description:
@@ -55,10 +49,16 @@ const MENU_ITEMS: {
5549
Icon: IconHelpSupport
5650
},
5751
{
58-
title: 'Blog',
52+
title: 'The Blog',
5953
description: 'Check out the latest updates to the Audius Blog.',
6054
href: 'https://blog.audius.co/',
6155
Icon: IconBlog
56+
},
57+
{
58+
title: 'Download App',
59+
description: 'Download the apps for desktop and mobile devices.',
60+
href: DOWNLOAD_LINK,
61+
Icon: IconDownloadApp
6262
}
6363
]
6464

@@ -217,7 +217,7 @@ export const Nav2026 = (props: Nav2026Props) => {
217217
className={styles.ctaButton}
218218
onClick={onSignUp}
219219
>
220-
<span className={styles.ctaLabel}>{messages.signUp}</span>
220+
<span className={styles.ctaLabel}>{messages.getStarted}</span>
221221
</button>
222222
</>
223223
)}
@@ -313,7 +313,7 @@ function MobileNavOverlay({
313313
className={styles.overlayCtaButton}
314314
onClick={onSignUp}
315315
>
316-
<span className={styles.ctaLabel}>{messages.signUp}</span>
316+
<span className={styles.ctaLabel}>{messages.getStarted}</span>
317317
</button>
318318
</div>
319319
</div>

packages/web/src/public-site/pages/landing-2026/components/WhoUsesAudius2026.tsx

Lines changed: 12 additions & 11 deletions
Original file line numberDiff line numberDiff line change
@@ -15,23 +15,24 @@ import styles from './WhoUsesAudius2026.module.css'
1515

1616
const { profilePage } = route
1717

18-
/** Same artists as OG landing page (WhoUsesAudius.tsx) – name and handle only; images from API. */
18+
/** Artists and labels from Figma 2026 rebrand – name and handle; images from API. */
1919
const ARTISTS: { name: string; handle: string }[] = [
20-
{ name: 'deadmau5', handle: 'deadmau5' },
21-
{ name: 'Skrillex', handle: 'skrillex' },
22-
{ name: 'Zedd', handle: 'zedd' },
23-
{ name: 'Kenny Beats', handle: 'kennybeats' },
24-
{ name: 'Matt OX', handle: 'mattox' },
25-
{ name: 'Aluna', handle: 'alunaaa' },
26-
{ name: 'Diplo', handle: 'diplo' },
27-
{ name: 'Lolo Zouai', handle: 'lolozouai' },
28-
{ name: 'Rezz', handle: 'officialrezz' }
20+
{ name: 'Disclosure', handle: 'disclosure' },
21+
{ name: 'Ookay', handle: 'ookay' },
22+
{ name: 'Eli & Fur', handle: 'eliandfur' },
23+
{ name: 'Laxcity', handle: 'laxcitymusic' },
24+
{ name: 'Kato On The Track', handle: 'katoproducer' },
25+
{ name: 'bitbird', handle: 'bitbird' },
26+
{ name: 'Dim Mak', handle: 'dimmak' },
27+
{ name: 'Anjunadeep', handle: 'anjunadeep' },
28+
{ name: 'Run The Trap', handle: 'runthetrap' },
29+
{ name: 'NCS', handle: 'ncs' }
2930
]
3031

3132
const messages = {
3233
headline: 'Who uses Audius?',
3334
subline:
34-
'Thousands of artists, labels, collectives, and music lovers, here for the culture just like you.'
35+
'Thousands of artists, labels, collectives, and music lovers, here for the culture, just like you.'
3536
}
3637

3738
type WhoUsesAudius2026Props = {

0 commit comments

Comments
 (0)