diff --git a/nx-dev/nx-dev/pages/enterprise.tsx b/nx-dev/nx-dev/pages/enterprise.tsx new file mode 100644 index 00000000000000..41bd8801575a1a --- /dev/null +++ b/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 ( + <> + + +
+ +
+
+ +
+
+ +
+
+ +
+
+ +
+
+ +
+
+ +
+
+ +
+
+ +
+
+ + ); +} + +export default Enterprise; diff --git a/nx-dev/nx-dev/public/images/enterprise/graphs.jpg b/nx-dev/nx-dev/public/images/enterprise/graphs.jpg new file mode 100644 index 00000000000000..302291d130792d Binary files /dev/null and b/nx-dev/nx-dev/public/images/enterprise/graphs.jpg differ diff --git a/nx-dev/nx-dev/public/images/white-paper-ebook.avif b/nx-dev/nx-dev/public/images/white-paper-ebook.avif new file mode 100644 index 00000000000000..02869c201844db Binary files /dev/null and b/nx-dev/nx-dev/public/images/white-paper-ebook.avif differ diff --git a/nx-dev/nx-dev/tailwind.config.js b/nx-dev/nx-dev/tailwind.config.js index d64ea4667cc381..2599ad4a2b0591 100644 --- a/nx-dev/nx-dev/tailwind.config.js +++ b/nx-dev/nx-dev/tailwind.config.js @@ -60,7 +60,6 @@ module.exports = { require('@tailwindcss/aspect-ratio'), require('@tailwindcss/typography'), require('@tailwindcss/forms'), - require('@tailwindcss/line-clamp'), FlipAnimation, ], }; diff --git a/nx-dev/ui-common/src/index.ts b/nx-dev/ui-common/src/index.ts index 5511191db43ebd..c40c3638f4797c 100644 --- a/nx-dev/ui-common/src/index.ts +++ b/nx-dev/ui-common/src/index.ts @@ -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'; @@ -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'; diff --git a/nx-dev/ui-common/src/lib/default-layout.tsx b/nx-dev/ui-common/src/lib/default-layout.tsx new file mode 100644 index 00000000000000..0c8d1f00883024 --- /dev/null +++ b/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 ( +
+
+
+ +
+
+ ); +} diff --git a/nx-dev/ui-common/src/lib/headers/header.tsx b/nx-dev/ui-common/src/lib/headers/header.tsx index 0941d01d7f0ac3..5066f95a331601 100644 --- a/nx-dev/ui-common/src/lib/headers/header.tsx +++ b/nx-dev/ui-common/src/lib/headers/header.tsx @@ -46,7 +46,7 @@ export function Header(): JSX.Element { }, []); return ( -
+
{/*DESKTOP*/}
{/*PRIMARY NAVIGATION*/} @@ -156,14 +156,14 @@ export function Header(): JSX.Element { Documentation Blog @@ -171,7 +171,7 @@ export function Header(): JSX.Element { 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 @@ -225,7 +225,7 @@ export function Header(): JSX.Element {