miel.truyen/nx
1
0
Fork 0
Code Issues Pull Requests Actions 5 Packages Projects Releases Wiki Activity

docs(nx-dev): ipdate Hetzner Cloud testimonial content

Browse Source 
Revised the heading to highlight trust by OSS and Fortune 500 companies and added a new description paragraph. Simplified the button text and removed the video-related click handler for streamlined functionality.
This commit is contained in:
Benjamin Cabanes 2025-02-04 21:20:37 -05:00 committed by Juri Strumpflohner
parent 45d5140948
commit a6e383369f
1 changed files with 17 additions and 23 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

40
nx-dev/ui-home/src/lib/hetzner-cloud-testimonial.tsx
View File

@ -1,5 +1,10 @@
import { ComponentProps, ReactElement, useState } from 'react'; import { ComponentProps, ReactElement, useState } from 'react';
import { Button, SectionHeading } from '@nx/nx-dev/ui-common'; import {
Button,
ButtonLink,
SectionDescription,
SectionHeading,
} from '@nx/nx-dev/ui-common';
import { HetznerCloudIcon } from '@nx/nx-dev/ui-icons'; import { HetznerCloudIcon } from '@nx/nx-dev/ui-icons';
import Link from 'next/link'; import Link from 'next/link';
import { cx } from '@nx/nx-dev/ui-primitives'; import { cx } from '@nx/nx-dev/ui-primitives';
@ -87,18 +92,15 @@ export function HetznerCloudTestimonial(): ReactElement {
<SectionHeading <SectionHeading
as="h2" as="h2"
variant="subtitle" variant="subtitle"
id="trusted"
className="scroll-mt-24 text-center font-medium tracking-tight text-slate-950 sm:text-3xl dark:text-white" className="scroll-mt-24 text-center font-medium tracking-tight text-slate-950 sm:text-3xl dark:text-white"
> >
Nx Enterprise{' '} Trusted by leading OSS projects and Fortune 500 companies.
<span className="rounded-lg bg-gradient-to-r from-cyan-500 to-blue-500 bg-clip-text text-transparent">
speeds build and test times
</span>{' '}
as Hetzner Cloud{' '}
<span className="rounded-lg bg-gradient-to-r from-cyan-500 to-blue-500 bg-clip-text text-transparent">
scales up
</span>{' '}
product offering
</SectionHeading> </SectionHeading>
<SectionDescription as="p" className="mt-2 text-center">
We developed Nx to be modular and incrementally adoptable to meet you
where you’re at.
</SectionDescription>
<div className="mt-8 md:grid md:grid-cols-2 md:items-center md:gap-10 lg:gap-12"> <div className="mt-8 md:grid md:grid-cols-2 md:items-center md:gap-10 lg:gap-12">
<div className="mb-12 block sm:px-6 md:mb-0"> <div className="mb-12 block sm:px-6 md:mb-0">
<div className="relative"> <div className="relative">
@ -175,22 +177,14 @@ export function HetznerCloudTestimonial(): ReactElement {
</figcaption> </figcaption>
<footer className="mt-6 flex items-center gap-6"> <footer className="mt-6 flex items-center gap-6">
<Button <ButtonLink
title="Watch the customer story" href="/enterprise"
title="Learn about Nx Enterprise"
variant="secondary" variant="secondary"
size="small" size="small"
onClick={() => {
setIsOpen(true);
sendCustomEvent(
'hetzner-cloud-testimonial-video-click',
'hetzner-cloud-testimonial',
'homepage'
);
}}
> >
<PlayIcon aria-hidden="true" className="size-5 shrink-0" /> Learn about Nx Enterprise
<span>Watch the customer story</span> </ButtonLink>
</Button>
<Link <Link
href="/customers" href="/customers"
prefetch={false} prefetch={false}