Skip to content

Commit

Permalink
feat(nx-dev): Update footer links (#27075)
Browse files Browse the repository at this point in the history 
Co-authored-by: Juri <[email protected]>
(cherry picked from commit b3c67de)
  • Loading branch information
@ndcunningham @FrozenPandaz
ndcunningham authored and FrozenPandaz committed Jul 30, 2024
1 parent d93a2db commit df3f450
Show file tree
Hide file tree
Showing 3 changed files with 100 additions and 64 deletions.
2 changes: 1 addition & 1 deletion nx-dev/ui-common/src/lib/call-to-action.tsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -47,7 +47,7 @@ export function CallToAction({
/>
</svg>
<div
className="absolute inset-x-0 top-10 -z-10 flex transform-gpu justify-center overflow-hidden blur-3xl"
className="pointer-events-none absolute inset-x-0 top-10 -z-10 flex transform-gpu justify-center overflow-hidden blur-3xl"
aria-hidden="true"
>
<div
Expand Down
160 changes: 98 additions & 62 deletions nx-dev/ui-common/src/lib/footer.tsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -5,61 +5,43 @@ import { DiscordIcon } from './discord-icon';

export function Footer(): JSX.Element {
const navigation = {
nx: [
{ name: 'Status', href: 'https://status.nx.app' },
{ name: 'Security', href: 'https://security.nx.app' },
],
nxCloud: [
{ name: 'App', href: 'https://cloud.nx.app' },
{ name: 'Docs', href: '/ci/intro/ci-with-nx' },
{ name: 'Pricing', href: '/pricing' },
],
solutions: [
{ name: 'Nx Enterprise', href: '/enterprise' },
{ name: 'Nx', href: 'https://nx.dev' },
{ name: 'Nx Cloud', href: '/nx-cloud' },
{ name: 'Nx Enterprise', href: '/enterprise' },
],
resources: [
{ name: 'Blog', href: '/blog' },
{
name: 'Nx Playbook',
href: 'https://nxplaybook.com/?utm_source=nx.dev',
},
{
name: 'Privacy Policy',
href: 'https://nx.app/privacy?utm_source=nx.dev',
},
{
name: 'Brands & Guidelines',
href: '/brands',
},
{
name: 'Site Map',
href: '/see-also/sitemap',
name: 'Youtube',
href: 'https://youtube.com/@nxdevtools',
},
],
community: [
{ name: 'X', href: 'https://x.com/NXdevtools?utm_source=nx.dev' },
{ name: 'GitHub', href: 'https://github.com/nrwl/nx/?utm_source=nx.dev' },
{
name: 'Newsletter',
href: 'https://go.nrwl.io/nx-newsletter?utm_source=nx.dev',
name: 'Community',
href: '/community',
},
{
name: 'Discord',
href: 'https://go.nx.dev/community',
},
{
name: 'Help Us',
href: 'https://github.com/nrwl/nx/issues?q=is%3Aissue+is%3Aopen+sort%3Aupdated-desc+label%3Acommunity',
name: 'Customers',
href: '/customers',
},
],
help: [
{ name: 'Documentation', href: '/getting-started/intro' },
{ name: 'Community', href: '/community' },
company: [
{ name: 'About us', href: '/company' },
{ name: 'Careers', href: '/careers' },
{
name: 'StackOverflow',
href: 'https://stackoverflow.com/questions/tagged/nrwl-nx',
},
{
name: 'Report Issues',
href: 'https://github.com/nrwl/nx/issues?q=is%3Aopen+is%3Aissue',
},
{
name: 'Status Page',
href: 'https://status.nx.app',
name: 'Brands & Guidelines',
href: '/brands',
},
{ name: 'Contact us', href: '/contact' },
],
social: [
{
Expand Down Expand Up @@ -172,6 +154,32 @@ export function Footer(): JSX.Element {
</Link>
))}
</div>
<div className="flex items-center gap-3 text-sm">
{navigation.nx.map((item) =>
item.href.startsWith('http') ? (
<a
key={item.name}
href={item.href}
title={item.name}
target="_blank"
rel="noreferer"
className="text-slate-500 hover:text-slate-600 dark:hover:text-slate-400"
>
{item.name}
</a>
) : (
<Link
key={item.name}
href={item.href}
title={item.name}
prefetch={false}
className="text-slate-500 hover:text-slate-600 dark:hover:text-slate-400"
>
{item.name}
</Link>
)
)}
</div>
<div className="flex items-center text-sm">
Theme <ThemeSwitcher />
</div>
Expand All @@ -185,27 +193,41 @@ export function Footer(): JSX.Element {
<ul role="list" className="mt-4 space-y-4">
{navigation.resources.map((item) => (
<li key={item.name}>
<Link
href={item.href}
prefetch={false}
className="text-sm text-slate-500 hover:text-slate-600 dark:hover:text-slate-400"
>
{item.name}
</Link>
{item.href.startsWith('http') ? (
<a
href={item.href}
target="_blank"
title={item.name}
rel="noreferer"
className="text-sm text-slate-500 hover:text-slate-600 dark:hover:text-slate-400"
>
{item.name}
</a>
) : (
<Link
href={item.href}
prefetch={false}
title={item.name}
className="text-sm text-slate-500 hover:text-slate-600 dark:hover:text-slate-400"
>
{item.name}
</Link>
)}
</li>
))}
</ul>
</div>
<div className="mt-12 md:mt-0">
<h3 className="text-sm font-semibold uppercase tracking-wider text-slate-400">
Help
Solutions
</h3>
<ul role="list" className="mt-4 space-y-4">
{navigation.help.map((item) => (
{navigation.solutions.map((item) => (
<li key={item.name}>
<Link
href={item.href}
prefetch={false}
title={item.name}
className="text-sm text-slate-500 hover:text-slate-600 dark:hover:text-slate-400"
>
{item.name}
Expand All @@ -218,32 +240,46 @@ export function Footer(): JSX.Element {
<div className="md:grid md:grid-cols-2 md:gap-8">
<div>
<h3 className="text-sm font-semibold uppercase tracking-wider text-slate-400">
Community
Nx Cloud
</h3>
<ul role="list" className="mt-4 space-y-4">
{navigation.community.map((item) => (
{navigation.nxCloud.map((item) => (
<li key={item.name}>
<Link
href={item.href}
prefetch={false}
className="text-sm text-slate-500 hover:text-slate-600 dark:hover:text-slate-400"
>
{item.name}
</Link>
{item.href.startsWith('http') ? (
<a
href={item.href}
title={item.name}
target="_blank"
rel="noreferer"
className="text-sm text-slate-500 hover:text-slate-600 dark:hover:text-slate-400"
>
{item.name}
</a>
) : (
<Link
href={item.href}
prefetch={false}
title={item.name}
className="text-sm text-slate-500 hover:text-slate-600 dark:hover:text-slate-400"
>
{item.name}
</Link>
)}
</li>
))}
</ul>
</div>
<div className="mt-12 md:mt-0">
<h3 className="text-sm font-semibold uppercase tracking-wider text-slate-400">
Solutions
Company
</h3>
<ul role="list" className="mt-4 space-y-4">
{navigation.solutions.map((item) => (
{navigation.company.map((item) => (
<li key={item.name}>
<Link
href={item.href}
prefetch={false}
title={item.name}
className="text-sm text-slate-500 hover:text-slate-600 dark:hover:text-slate-400"
>
{item.name}
Expand All @@ -255,11 +291,11 @@ export function Footer(): JSX.Element {
</div>
</div>
</div>
<div className="mt-12 border-t border-slate-200 p-2 dark:border-slate-800">
<div className="mt-20 border-t border-slate-200 p-2 dark:border-slate-800">
<p className="text-sm text-slate-400 xl:text-center">
&copy; 2024 made with{' '}
<HeartIcon className="-mt-0.5 inline h-4 w-4" /> by{' '}
<Link href="/company" prefetch={false}>
<Link href="/company" prefetch={false} title="Company">
<svg
role="img"
viewBox="0 0 24 24"
Expand Down
2 changes: 1 addition & 1 deletion nx-dev/ui-home/src/lib/hero.tsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -81,7 +81,7 @@ export function Hero(): JSX.Element {

<ButtonLink
href="ci/intro/ci-with-nx?utm_medium=website&utm_campaign=homepage_links&utm_content=cta_hero_get_started&utm_source=nxdev"
title="Get started"
title="Learn about Nx on CI"
variant="contrast"
size="default"
>
Expand Down

0 comments on commit df3f450

Please sign in to comment.