Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
feat(nx-dev): add ui-enterprise library
- Loading branch information
Showing
51 changed files
with
2,945 additions
and
151 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,74 @@ | ||
import { useRouter } from 'next/router'; | ||
import { NextSeo } from 'next-seo'; | ||
import { DefaultLayout } from '@nx/nx-dev/ui-common'; | ||
import { | ||
CallToAction, | ||
DownloadEbook, | ||
EnterpriseAddons, | ||
Hero, | ||
MetricsAndCustomers, | ||
ScaleOrganizationsAndPeople, | ||
Security, | ||
TrustedBy, | ||
UnderstandWorkspace, | ||
} from '@nx/nx-dev/ui-enterprise'; | ||
|
||
export function Enterprise(): JSX.Element { | ||
const router = useRouter(); | ||
|
||
return ( | ||
<> | ||
<NextSeo | ||
title="Enterprise" | ||
description="DESCRIPTION TEXT HERE" | ||
openGraph={{ | ||
url: 'https://nx.dev' + router.asPath, | ||
title: 'Enterprise', | ||
description: 'DESCRIPTION TEXT HERE', | ||
images: [ | ||
{ | ||
url: 'https://nx.dev/socials/nx-media.png', | ||
width: 800, | ||
height: 421, | ||
alt: 'Nx: Smart Monorepos · Fast CI', | ||
type: 'image/jpeg', | ||
}, | ||
], | ||
siteName: 'NxDev', | ||
type: 'website', | ||
}} | ||
/> | ||
<DefaultLayout> | ||
<div> | ||
<Hero /> | ||
</div> | ||
<div className="mt-32 lg:mt-40"> | ||
<MetricsAndCustomers /> | ||
</div> | ||
<div className="mt-32 lg:mt-56"> | ||
<ScaleOrganizationsAndPeople /> | ||
</div> | ||
<div className="mt-32 lg:mt-56"> | ||
<UnderstandWorkspace /> | ||
</div> | ||
<div className="mt-32 lg:mt-56"> | ||
<DownloadEbook /> | ||
</div> | ||
<div className="mt-32 lg:mt-56"> | ||
<EnterpriseAddons /> | ||
</div> | ||
<div className="mt-32 lg:mt-56"> | ||
<Security /> | ||
</div> | ||
<div className="mt-32 lg:mt-56"> | ||
<TrustedBy /> | ||
</div> | ||
<div className="mt-32 lg:mt-56"> | ||
<CallToAction /> | ||
</div> | ||
</DefaultLayout> | ||
</> | ||
); | ||
} | ||
|
||
export default Enterprise; |
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file not shown.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,27 @@ | ||
import { Footer } from './footer'; | ||
import { Header } from './headers/header'; | ||
import { PropsWithChildren } from 'react'; | ||
|
||
export function DefaultLayout({ children }: PropsWithChildren): JSX.Element { | ||
return ( | ||
<div className="dark:bg-slate-950"> | ||
<Header /> | ||
<div className="relative isolate pt-14"> | ||
<div | ||
className="absolute inset-x-0 -top-40 -z-10 h-full transform-gpu overflow-hidden blur-3xl sm:-top-80" | ||
aria-hidden="true" | ||
> | ||
<div | ||
className="relative left-[calc(50%-11rem)] aspect-[1155/678] w-[46.125rem] -translate-x-1/2 rotate-[35deg] bg-gradient-to-tr from-[#9333ea] to-[#3b82f6] opacity-25 sm:left-[calc(70%-30rem)] sm:w-[92.1875rem] dark:from-[#3b82f6] dark:to-[#9333ea] dark:opacity-15" | ||
style={{ | ||
clipPath: | ||
'polygon(74.1% 44.1%, 100% 61.6%, 97.5% 26.9%, 95.5% 0.1%, 80.7% 2%, 72.5% 32.5%, 60.2% 62.4%, 52.4% 68.1%, 47.5% 58.3%, 45.2% 34.5%, 67.5% 76.7%, 0.1% 64.9%, 77.9% 100%, 27.6% 76.8%, 76.1% 97.7%, 84.1% 44.1%)', | ||
}} | ||
/> | ||
</div> | ||
<main className="py-24 sm:py-32">{children}</main> | ||
</div> | ||
<Footer /> | ||
</div> | ||
); | ||
} |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,12 @@ | ||
{ | ||
"presets": [ | ||
[ | ||
"@nx/react/babel", | ||
{ | ||
"runtime": "automatic", | ||
"useBuiltIns": "usage" | ||
} | ||
] | ||
], | ||
"plugins": [] | ||
} |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,18 @@ | ||
{ | ||
"extends": ["plugin:@nx/react", "../../.eslintrc.json"], | ||
"ignorePatterns": ["!**/*"], | ||
"overrides": [ | ||
{ | ||
"files": ["*.ts", "*.tsx", "*.js", "*.jsx"], | ||
"rules": {} | ||
}, | ||
{ | ||
"files": ["*.ts", "*.tsx"], | ||
"rules": {} | ||
}, | ||
{ | ||
"files": ["*.js", "*.jsx"], | ||
"rules": {} | ||
} | ||
] | ||
} |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,7 @@ | ||
# nx-dev-ui-enterprise | ||
|
||
This library was generated with [Nx](https://nx.dev). | ||
|
||
## Running unit tests | ||
|
||
Run `nx test nx-dev-ui-enterprise` to execute the unit tests via [Jest](https://jestjs.io). |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,10 @@ | ||
/* eslint-disable */ | ||
export default { | ||
displayName: 'nx-dev-ui-enterprise', | ||
transform: { | ||
'^.+\\.[tj]sx?$': 'babel-jest', | ||
}, | ||
moduleFileExtensions: ['ts', 'tsx', 'js', 'jsx'], | ||
coverageDirectory: '../../coverage/nx-dev/ui-enterprise', | ||
preset: '../../jest.preset.js', | ||
}; |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,11 @@ | ||
{ | ||
"name": "nx-dev-ui-enterprise", | ||
"$schema": "../../node_modules/nx/schemas/project-schema.json", | ||
"sourceRoot": "nx-dev/ui-enterprise/src", | ||
"projectType": "library", | ||
"tags": ["scope:nx-dev", "type:ui"], | ||
"targets": { | ||
"lint": {}, | ||
"test": {} | ||
} | ||
} |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,10 @@ | ||
export * from './lib/call-to-action'; | ||
export * from './lib/download-case-study'; | ||
export * from './lib/download-ebook'; | ||
export * from './lib/enterprise-addons'; | ||
export * from './lib/hero'; | ||
export * from './lib/metrics-and-customers'; | ||
export * from './lib/scale-organizations-and-people'; | ||
export * from './lib/security'; | ||
export * from './lib/trusted-by'; | ||
export * from './lib/undersand-workspace'; |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,73 @@ | ||
import Link from 'next/link'; | ||
import { ReactNode } from 'react'; | ||
import { cx } from '@nx/nx-dev/ui-primitives'; | ||
|
||
export const BentoGrid = ({ | ||
className, | ||
children, | ||
}: { | ||
className?: string; | ||
children?: ReactNode; | ||
}) => { | ||
return ( | ||
<div | ||
className={cx( | ||
'mx-auto grid max-w-7xl grid-cols-1 gap-4 md:auto-rows-[24rem] md:grid-cols-2 lg:grid-cols-3 ', | ||
className | ||
)} | ||
> | ||
{children} | ||
</div> | ||
); | ||
}; | ||
|
||
export const BentoGridItem = ({ | ||
className, | ||
title = null, | ||
description = null, | ||
header, | ||
url = null, | ||
icon, | ||
}: { | ||
className?: string; | ||
title?: string | ReactNode | null; | ||
description?: string | ReactNode | null; | ||
header: ReactNode; | ||
icon?: ReactNode; | ||
url?: string | null; | ||
}) => { | ||
return ( | ||
<div | ||
className={cx( | ||
'group/bento shadow-input row-span-1 flex flex-col justify-between space-y-4 overflow-hidden rounded-xl border border-slate-200 bg-white p-4 transition duration-200 dark:border-slate-800 dark:bg-slate-950 dark:shadow-none', | ||
className | ||
)} | ||
> | ||
{header} | ||
<div className="pointer-events-none relative"> | ||
<div className="mb-2 mt-2 flex flex-row items-center gap-2 font-sans font-bold text-slate-600 dark:text-slate-200"> | ||
{icon} {title} | ||
</div> | ||
<div className="font-sans text-sm font-normal text-slate-600 dark:text-slate-400"> | ||
{description} | ||
</div> | ||
{url ? ( | ||
<Link | ||
href={url} | ||
title="Learn more" | ||
className="float-right text-sm font-medium transition duration-200 group-hover/bento:text-blue-500 group-hover/bento:dark:text-sky-500" | ||
> | ||
<span className="group absolute inset-0" /> | ||
|
||
<span | ||
className="inline-block transition duration-200 group-hover/bento:translate-x-2" | ||
aria-hidden="true" | ||
> | ||
→ | ||
</span> | ||
</Link> | ||
) : null} | ||
</div> | ||
</div> | ||
); | ||
}; |
Oops, something went wrong.