<!-- Please make sure you have read the submission guidelines before posting an PR --> <!-- https://github.com/nrwl/nx/blob/master/CONTRIBUTING.md#-submitting-a-pr --> <!-- Please make sure that your commit message follows our format --> <!-- Example: `fix(nx): must begin with lowercase` --> ## Current Behavior <!-- This is the behavior we have today --> Files are unformatted. ## Expected Behavior <!-- This is the behavior we should expect with the changes in this PR --> Files are formatted. ## Related Issue(s) <!-- Please link the issue being fixed so it gets closed when this is merged. --> Fixes #
34 lines
1.1 KiB
TypeScript
34 lines
1.1 KiB
TypeScript
import { ButtonLink } from '@nx/nx-dev/ui-common';
|
|
|
|
export function GettingStarted(): JSX.Element {
|
|
return (
|
|
<article
|
|
id="getting-started"
|
|
className="border-b border-t border-slate-200 bg-gradient-to-r from-cyan-500 to-blue-500 shadow-inner dark:border-slate-700"
|
|
>
|
|
<div className="mx-auto max-w-7xl px-4 py-12 sm:px-6 lg:flex lg:items-center lg:justify-between lg:px-8 lg:py-24">
|
|
<div>
|
|
<h2 className="text-3xl font-bold tracking-tight text-slate-900 md:text-4xl">
|
|
<span className="block">Ready to dive in?</span>
|
|
<span className="block text-white">
|
|
Start your monorepo now with Nx.
|
|
</span>
|
|
</h2>
|
|
</div>
|
|
<div className="mt-8 flex lg:mt-0 lg:flex-shrink-0">
|
|
<div className="inline-flex rounded-md">
|
|
<ButtonLink
|
|
href="/getting-started/intro"
|
|
title="Start using Nx by creating a workspace"
|
|
variant="secondary"
|
|
size="large"
|
|
>
|
|
Get started now!
|
|
</ButtonLink>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</article>
|
|
);
|
|
}
|