nx/nx-dev/ui-home/src/lib/getting-started.tsx
Jason Jean a7dc8f6d7f
chore(repo): fix file formatting (#26463)
<!-- 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 #
2024-06-07 16:10:22 -04:00

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>
);
}