Skip to content

Commit

Permalink
feat(nx-dev): add ui-enterprise library
Browse files Browse the repository at this point in the history
  • Loading branch information
bcabanes committed Apr 29, 2024
1 parent 9bf197f commit 2aea6dd
Show file tree
Hide file tree
Showing 51 changed files with 3,021 additions and 155 deletions.
74 changes: 74 additions & 0 deletions nx-dev/nx-dev/pages/enterprise.tsx
@@ -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">
<Security />
</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">
<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.
1 change: 0 additions & 1 deletion nx-dev/nx-dev/tailwind.config.js
Expand Up @@ -60,7 +60,6 @@ module.exports = {
require('@tailwindcss/aspect-ratio'),
require('@tailwindcss/typography'),
require('@tailwindcss/forms'),
require('@tailwindcss/line-clamp'),
FlipAnimation,
],
};
4 changes: 3 additions & 1 deletion nx-dev/ui-common/src/index.ts
Expand Up @@ -4,9 +4,12 @@ export * from './lib/breadcrumbs';
export * from './lib/button';
export * from './lib/champion-card';
export * from './lib/champion-perks';
export * from './lib/default-layout';
export * from './lib/headers/header';
export * from './lib/flip-card';
export * from './lib/nx-agents-icon';
export * from './lib/nx-cloud-icon';
export * from './lib/nx-replay-icon';
export * from './lib/footer';
export * from './lib/sidebar-container';
export * from './lib/sidebar';
Expand All @@ -19,7 +22,6 @@ export { resourceMenuItems } from './lib/headers/menu-items';
export { solutionsMenuItems } from './lib/headers/menu-items';
export { eventItems } from './lib/headers/menu-items';
export { learnItems } from './lib/headers/menu-items';
export { useCaseItems } from './lib/headers/menu-items';
export { plans } from './lib/headers/menu-items';
export { featuresItems } from './lib/headers/menu-items';
export { DefaultMenuItem } from './lib/headers/default-menu-item';
Expand Down
27 changes: 27 additions & 0 deletions nx-dev/ui-common/src/lib/default-layout.tsx
@@ -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>
);
}
10 changes: 5 additions & 5 deletions nx-dev/ui-common/src/lib/headers/header.tsx
Expand Up @@ -46,7 +46,7 @@ export function Header(): JSX.Element {
}, []);

return (
<div className="relative flex print:hidden">
<div className="relative inset-x-0 top-0 z-50 flex print:hidden">
{/*DESKTOP*/}
<div className="mx-auto hidden w-full max-w-7xl items-center justify-between space-x-10 p-4 px-8 lg:flex">
{/*PRIMARY NAVIGATION*/}
Expand Down Expand Up @@ -156,22 +156,22 @@ export function Header(): JSX.Element {
<Link
href="/getting-started/intro"
title="Documentation"
className="hidden px-3 py-2 font-medium leading-tight hover:text-blue-500 dark:text-slate-200 dark:hover:text-sky-500 md:inline-flex"
className="hidden px-3 py-2 font-medium leading-tight hover:text-blue-500 md:inline-flex dark:text-slate-200 dark:hover:text-sky-500"
>
Documentation
</Link>
<Link
href="/blog"
title="Blog"
className="hidden px-3 py-2 font-medium leading-tight hover:text-blue-500 dark:text-slate-200 dark:hover:text-sky-500 md:inline-flex"
className="hidden px-3 py-2 font-medium leading-tight hover:text-blue-500 md:inline-flex dark:text-slate-200 dark:hover:text-sky-500"
>
Blog
</Link>
<a
href="https://nx.app/pricing"
title="Nx Cloud"
target="_blank"
className="hidden gap-2 px-3 py-2 font-medium leading-tight hover:text-blue-500 dark:text-slate-200 dark:hover:text-sky-500 md:inline-flex"
className="hidden gap-2 px-3 py-2 font-medium leading-tight hover:text-blue-500 md:inline-flex dark:text-slate-200 dark:hover:text-sky-500"
>
CI Pricing
<ArrowUpRightIcon className="h-2 w-2 align-super" />
Expand Down Expand Up @@ -225,7 +225,7 @@ export function Header(): JSX.Element {
<div className="flex-shrink-0 text-sm">
<nav className="flex items-center justify-center space-x-1">
<Link
className="hidden cursor-pointer px-3 py-2 font-medium leading-tight hover:text-blue-500 dark:text-slate-200 dark:hover:text-sky-500 md:inline-flex"
className="hidden cursor-pointer px-3 py-2 font-medium leading-tight hover:text-blue-500 md:inline-flex dark:text-slate-200 dark:hover:text-sky-500"
title="Contact Us"
href="/contact"
>
Expand Down
20 changes: 14 additions & 6 deletions nx-dev/ui-contact/src/lib/talk-to-our-sales-team.tsx
Expand Up @@ -23,6 +23,7 @@ export function TalkToOurSalesTeam(): JSX.Element {
<div className="mx-auto mt-6 grid w-full grid-cols-4 gap-2 md:grid-cols-2 lg:mt-12">
<div className="col-span-1 flex h-14 items-center justify-center lg:h-28">
<svg
aria-hidden="true"
role="img"
xmlns="http://www.w3.org/2000/svg"
fill="currentColor"
Expand All @@ -36,18 +37,20 @@ export function TalkToOurSalesTeam(): JSX.Element {

<div className="col-span-1 flex h-14 items-center justify-center lg:h-28">
<svg
aria-hidden="true"
role="img"
viewBox="0 0 24 24"
xmlns="http://www.w3.org/2000/svg"
fill="currentColor"
className="h-14 w-14 text-[#FF9900]"
className="h-14 w-14 text-[#E40045]"
>
<title>AWS Amplify</title>
<path d="M5.223 17.905h6.76l1.731 3.047H0l4.815-8.344 2.018-3.494 1.733 3.002zm2.52-10.371L9.408 4.65l9.415 16.301h-3.334zm2.59-4.486h3.33L24 20.952h-3.334z" />
<title>MAN</title>
<path d="M10.979 14.943h2.05L15.46 18.7h-2.054l-.263-.409h-2.278l-.264.41H8.548zm1.025 1.568l-.458.711h.916l-.458-.712zM0 17.372C0 10.704 5.372 5.3 12 5.3s12 5.405 12 12.073c0 .449-.024.892-.072 1.328H22.58c.054-.435.082-.878.082-1.328 0-5.924-4.774-10.726-10.662-10.726-5.889 0-10.661 4.802-10.661 10.726 0 .45.027.893.08 1.328H.073A12.254 12.274 0 0 1 0 17.372zm2.237-2.43h1.83l1.22 1.228 1.22-1.227h1.831V18.7H6.363v-1.38l-1.075 1.082-1.076-1.082v1.38H2.237v-3.757zm13.42 0h1.927l2.17 1.62v-1.62h1.975V18.7h-1.942l-2.156-1.605V18.7h-1.975Z" />
</svg>
</div>
<div className="col-span-1 flex h-14 items-center justify-center lg:h-28">
<svg
aria-hidden="true"
role="img"
viewBox="0 0 24 24"
xmlns="http://www.w3.org/2000/svg"
Expand All @@ -60,6 +63,7 @@ export function TalkToOurSalesTeam(): JSX.Element {
</div>
<div className="col-span-1 flex h-14 items-center justify-center lg:h-28">
<svg
aria-hidden="true"
role="img"
viewBox="0 0 24 24"
xmlns="http://www.w3.org/2000/svg"
Expand All @@ -77,6 +81,7 @@ export function TalkToOurSalesTeam(): JSX.Element {
</div>
<div className="col-span-1 flex h-14 items-center justify-center lg:h-28">
<svg
aria-hidden="true"
role="img"
viewBox="0 0 24 24"
xmlns="http://www.w3.org/2000/svg"
Expand All @@ -89,6 +94,7 @@ export function TalkToOurSalesTeam(): JSX.Element {
</div>
<div className="col-span-1 flex h-14 items-center justify-center lg:h-28">
<svg
aria-hidden="true"
role="img"
viewBox="0 0 24 24"
xmlns="http://www.w3.org/2000/svg"
Expand All @@ -101,6 +107,7 @@ export function TalkToOurSalesTeam(): JSX.Element {
</div>
<div className="col-span-1 flex h-14 items-center justify-center lg:h-28">
<svg
aria-hidden="true"
role="img"
viewBox="0 0 24 24"
xmlns="http://www.w3.org/2000/svg"
Expand All @@ -113,14 +120,15 @@ export function TalkToOurSalesTeam(): JSX.Element {
</div>
<div className="col-span-1 flex h-14 items-center justify-center lg:h-28">
<svg
aria-hidden="true"
role="img"
viewBox="0 0 24 24"
xmlns="http://www.w3.org/2000/svg"
fill="currentColor"
className="h-20 w-20 text-[#1BA0D7]"
className="h-14 w-14 text-[#FFCD11]"
>
<title>Cisco</title>
<path d="M16.331 18.171V17.06l-.022.01c-.25.121-.522.19-.801.203a1.186 1.186 0 01-.806-.237 1.038 1.038 0 01-.352-.498 1.21 1.21 0 01-.023-.667c.052-.225.178-.426.357-.569.16-.134.355-.218.562-.242a1.85 1.85 0 011.061.198l.024.013v-1.117l-.051-.014a2.862 2.862 0 00-1.011-.132 2.34 2.34 0 00-.903.206c-.287.132-.54.327-.739.571a2.221 2.221 0 00-.04 2.705c.295.378.709.645 1.175.756.491.12 1.006.102 1.487-.052l.082-.023M5.336 18.171V17.06l-.022.01c-.25.121-.522.19-.801.203a1.183 1.183 0 01-.806-.237 1.03 1.03 0 01-.351-.498 1.202 1.202 0 01-.024-.667c.052-.225.177-.426.357-.569.16-.134.355-.218.562-.242a1.85 1.85 0 011.061.198l.024.013v-1.117l-.051-.014a2.862 2.862 0 00-1.011-.132 2.344 2.344 0 00-.903.206 2.08 2.08 0 00-.74.571 2.224 2.224 0 00-.041 2.705 2.11 2.11 0 001.176.756c.491.12 1.005.102 1.487-.052l.083-.023M9.26 17.249l-.004.957.07.012c.22.041.441.069.664.085.195.019.391.022.587.012.187-.014.372-.049.551-.104.21-.06.405-.163.571-.305a1.16 1.16 0 00.333-.478 1.31 1.31 0 00-.007-.96 1.068 1.068 0 00-.298-.414 1.261 1.261 0 00-.438-.255l-.722-.268a.388.388 0 01-.197-.188.245.245 0 01.008-.219.382.382 0 01.154-.142.798.798 0 01.257-.074c.153-.022.308-.021.46.005.18.02.358.051.533.096l.038.008v-.883l-.069-.015a4.749 4.749 0 00-.543-.097 2.844 2.844 0 00-.714-.003c-.3.027-.585.143-.821.33-.16.126-.281.293-.351.484-.104.29-.105.608 0 .899.054.145.14.274.252.381.097.093.207.173.327.236.157.084.324.149.497.195.057.017.114.035.17.054l.085.031.024.01c.084.03.162.078.226.14.045.042.08.094.101.151a.325.325 0 01.001.161.339.339 0 01-.166.198.856.856 0 01-.275.086 2.032 2.032 0 01-.427.021 5.208 5.208 0 01-.557-.074 9.195 9.195 0 01-.287-.067l-.033-.006zm-2.475.995h1.05v-4.167h-1.05v4.167zm12.162-2.936a1.095 1.095 0 011.541.158 1.094 1.094 0 01-.157 1.541l-.017.014a1.096 1.096 0 01-1.367-1.713m-1.525.854a2.193 2.193 0 002.666 2.107 2.139 2.139 0 00.701-3.937 2.207 2.207 0 00-3.367 1.83M22.961 10.728a.52.52 0 001.039 0V9.573a.52.52 0 00-1.039 0v1.155M20.117 10.728a.522.522 0 001.041 0V8.139a.521.521 0 00-1.04 0v2.589M17.231 11.771a.521.521 0 001.039 0V6.17a.52.52 0 00-1.039 0v5.601M14.393 10.728a.521.521 0 001.04 0V8.139a.52.52 0 00-1.039 0v2.589M11.494 10.728a.522.522 0 001.039 0V9.573a.52.52 0 00-1.039 0v1.155M8.624 10.728a.52.52 0 001.039 0V8.139a.52.52 0 00-1.039 0v2.589M5.737 11.771a.52.52 0 001.039 0V6.17a.52.52 0 00-1.039 0v5.601M2.876 10.728a.522.522 0 001.04 0V8.139a.52.52 0 00-1.039 0v2.589M0 10.728a.521.521 0 001.039 0V9.573a.52.52 0 00-1.039 0v1.155" />
<title>Caterpillar</title>
<path d="M11.901 11.554l.802-4.1.798 4.1zm2.869-6.52h-4.15L8.2 15.884l4.503-3.635 4.695 3.934zm-2.067 8.156l-7.509 6.072H19.95zM24 5.02v2.77h-2.066v11.45h-.882l-2.436-2.04V7.79h-2.057V5.02zM6.872 16.864c.548-.458.642-1.024.642-1.532V13.2h-2.98v2.894a.75.75 0 0 1-.748.751c-.414 0-.722-.336-.722-.75V7.893c0-.414.308-.75.722-.75a.75.75 0 0 1 .749.75v2.913H7.51V7.785c0-1.67-1.092-3.044-3.75-3.047-2.728 0-3.76 1.38-3.76 3.05v8.563c0 1.655 1.314 2.907 2.995 2.907h.922Z" />
</svg>
</div>
</div>
Expand Down
12 changes: 12 additions & 0 deletions nx-dev/ui-enterprise/.babelrc
@@ -0,0 +1,12 @@
{
"presets": [
[
"@nx/react/babel",
{
"runtime": "automatic",
"useBuiltIns": "usage"
}
]
],
"plugins": []
}
18 changes: 18 additions & 0 deletions nx-dev/ui-enterprise/.eslintrc.json
@@ -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": {}
}
]
}
7 changes: 7 additions & 0 deletions nx-dev/ui-enterprise/README.md
@@ -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).
10 changes: 10 additions & 0 deletions nx-dev/ui-enterprise/jest.config.ts
@@ -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',
};
11 changes: 11 additions & 0 deletions nx-dev/ui-enterprise/project.json
@@ -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": {}
}
}
10 changes: 10 additions & 0 deletions nx-dev/ui-enterprise/src/index.ts
@@ -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';

0 comments on commit 2aea6dd

Please sign in to comment.