docs(nx-dev): add solutions sections and components

nx-dev/nx-dev/pages/solutions/engineering.tsx

@@ -0,0 +1,82 @@
+import { useRouter } from 'next/router';
+import { NextSeo } from 'next-seo';
+import { ButtonLinkProps, DefaultLayout } from '@nx/nx-dev/ui-common';
+import {
+  AllSpeedNoStress,
+  CustomerLogos,
+  DeveloperExperienceThatWorksForYou,
+  HetznerCloudTestimonial,
+  SolutionsBottomCallToAction,
+  SolutionsEngineeringHero,
+  SolutionsEngineeringTestimonials,
+  SolutionsFaq,
+  SolutionsTopCallToAction,
+} from '@nx/nx-dev/ui-enterprise';
+import { type ReactElement } from 'react';
+
+export function EnterpriseSolutionsEngineering(): ReactElement {
+  const router = useRouter();
+
+  const headerCTAConfig: ButtonLinkProps[] = [
+    {
+      href: '/contact',
+      variant: 'secondary',
+      size: 'small',
+      title: 'Contact us',
+      children: 'Contact us',
+    },
+  ];
+
+  return (
+    <>
+      <NextSeo
+        title="Build confidently, ship faster – without waiting on your tools."
+        description="Build confidently and ship faster with Nx: unleash remote caching, flaky test retries, parallel e2e, dynamic agents, log streaming, powerful tooling, AI LLM integration, and plugins."
+        canonical="https://nx.dev/solutionss/engineering"
+        openGraph={{
+          url: 'https://nx.dev' + router.asPath,
+          title: '',
+          description:
+            'Build confidently and ship faster with Nx: unleash remote caching, flaky test retries, parallel e2e, dynamic agents, log streaming, powerful tooling, AI LLM integration, and plugins.',
+
+          images: [
+            {
+              url: 'https://nx.dev/socials/nx-media.png',
+              width: 800,
+              height: 421,
+              alt: 'Nx: Smart Monorepos · Fast CI',
+              type: 'image/jpeg',
+            },
+          ],
+          siteName: 'Nx',
+          type: 'website',
+        }}
+      />
+      <DefaultLayout headerCTAConfig={headerCTAConfig}>
+        <SolutionsEngineeringHero />
+        <CustomerLogos />
+        <SolutionsTopCallToAction />
+        <div className="mt-32 lg:mt-56">
+          <AllSpeedNoStress />
+        </div>
+        <div className="mt-32 lg:mt-56">
+          <HetznerCloudTestimonial />
+        </div>
+        <div className="mt-32 lg:mt-56">
+          <DeveloperExperienceThatWorksForYou />
+        </div>
+        <div className="mt-32 lg:mt-56">
+          <SolutionsEngineeringTestimonials />
+        </div>
+        <div className="mt-32 lg:mt-56">
+          <SolutionsFaq />
+        </div>
+        <div className="mt-32 lg:mt-56">
+          <SolutionsBottomCallToAction />
+        </div>
+      </DefaultLayout>
+    </>
+  );
+}
+
+export default EnterpriseSolutionsEngineering;

nx-dev/nx-dev/pages/solutions/leadership.tsx

@@ -0,0 +1,86 @@
+import { useRouter } from 'next/router';
+import { NextSeo } from 'next-seo';
+import { ButtonLinkProps, DefaultLayout } from '@nx/nx-dev/ui-common';
+import {
+  BuildAModernEngineeringOrganization,
+  CustomerLogos,
+  HetznerCloudTestimonial,
+  MaximizeRoi,
+  ScaleSafely,
+  SolutionsBottomCallToAction,
+  SolutionsFaq,
+  SolutionsLeadershipHero,
+  SolutionsLeadershipTestimonials,
+  SolutionsTopCallToAction,
+} from '@nx/nx-dev/ui-enterprise';
+import { type ReactElement } from 'react';
+
+export function EnterpriseSolutionsLeadership(): ReactElement {
+  const router = useRouter();
+
+  const headerCTAConfig: ButtonLinkProps[] = [
+    {
+      href: '/contact',
+      variant: 'secondary',
+      size: 'small',
+      title: 'Contact us',
+      children: 'Contact us',
+    },
+  ];
+
+  return (
+    <>
+      <NextSeo
+        title="Fast Delivery. Low Risk. High ROI."
+        description="Supercharge engineering ROI with faster delivery, lower CI costs, and fewer risks. Scale safely, future‑proof your stack, and leverage AI‑assisted workflows."
+        canonical="https://nx.dev/solutions/leadership"
+        openGraph={{
+          url: 'https://nx.dev' + router.asPath,
+          title: 'Fast Delivery. Low Risk. High ROI.',
+          description:
+            'Supercharge engineering ROI with faster delivery, lower CI costs, and fewer risks. Scale safely, future‑proof your stack, and leverage AI‑assisted workflows.',
+
+          images: [
+            {
+              url: 'https://nx.dev/socials/nx-media.png',
+              width: 800,
+              height: 421,
+              alt: 'Nx: Smart Monorepos · Fast CI',
+              type: 'image/jpeg',
+            },
+          ],
+          siteName: 'Nx',
+          type: 'website',
+        }}
+      />
+      <DefaultLayout headerCTAConfig={headerCTAConfig}>
+        <SolutionsLeadershipHero />
+        <CustomerLogos />
+        <SolutionsTopCallToAction />
+        <div className="mt-32 lg:mt-56">
+          <MaximizeRoi />
+        </div>
+        <div className="mt-32 lg:mt-56">
+          <ScaleSafely />
+        </div>
+        <div className="mt-32 lg:mt-56">
+          <HetznerCloudTestimonial />
+        </div>
+        <div className="mt-32 lg:mt-56">
+          <BuildAModernEngineeringOrganization />
+        </div>
+        <div className="mt-32 lg:mt-56">
+          <SolutionsLeadershipTestimonials />
+        </div>
+        <div className="mt-32 lg:mt-56">
+          <SolutionsFaq />
+        </div>
+        <div className="mt-32 lg:mt-56">
+          <SolutionsBottomCallToAction />
+        </div>
+      </DefaultLayout>
+    </>
+  );
+}
+
+export default EnterpriseSolutionsLeadership;

nx-dev/nx-dev/pages/solutions/management.tsx

@@ -0,0 +1,85 @@
+import { useRouter } from 'next/router';
+import { NextSeo } from 'next-seo';
+import { ButtonLinkProps, DefaultLayout } from '@nx/nx-dev/ui-common';
+import {
+  CustomerLogos,
+  CutDownEngineeringWaste,
+  HetznerCloudTestimonial,
+  KeepTeamsAligned,
+  ScaleWithEase,
+  SolutionsManagementHero,
+  SolutionsBottomCallToAction,
+  SolutionsManagementTestimonials,
+  SolutionsFaq,
+  SolutionsTopCallToAction,
+} from '@nx/nx-dev/ui-enterprise';
+import { type ReactElement } from 'react';
+
+export function EnterpriseSolutionsManagement(): ReactElement {
+  const router = useRouter();
+
+  const headerCTAConfig: ButtonLinkProps[] = [
+    {
+      href: '/contact',
+      variant: 'secondary',
+      size: 'small',
+      title: 'Contact us',
+      children: 'Contact us',
+    },
+  ];
+
+  return (
+    <>
+      <NextSeo
+        title="Standardize, scale, and ship with less waste"
+        description="Align, scale, and cut engineering waste with Nx. Enable developer mobility, enforce standards, and optimize CI/CD with powerful AI insights."
+        canonical="https://nx.dev/solutionss/management"
+        openGraph={{
+          url: 'https://nx.dev' + router.asPath,
+          title: 'Standardize, scale, and ship with less waste',
+          description:
+            'Align, scale, and cut engineering waste with Nx. Enable developer mobility, enforce standards, and optimize CI/CD with powerful AI insights.',
+          images: [
+            {
+              url: 'https://nx.dev/socials/nx-media.png',
+              width: 800,
+              height: 421,
+              alt: 'Nx: Smart Monorepos · Fast CI',
+              type: 'image/jpeg',
+            },
+          ],
+          siteName: 'Nx',
+          type: 'website',
+        }}
+      />
+      <DefaultLayout headerCTAConfig={headerCTAConfig}>
+        <SolutionsManagementHero />
+        <CustomerLogos />
+        <SolutionsTopCallToAction />
+        <div className="mt-32 lg:mt-56">
+          <KeepTeamsAligned />
+        </div>
+        <div className="mt-32 lg:mt-56">
+          <ScaleWithEase />
+        </div>
+        <div className="mt-32 lg:mt-56">
+          <HetznerCloudTestimonial />
+        </div>
+        <div className="mt-32 lg:mt-56">
+          <CutDownEngineeringWaste />
+        </div>
+        <div className="mt-32 lg:mt-56">
+          <SolutionsManagementTestimonials />
+        </div>
+        <div className="mt-32 lg:mt-56">
+          <SolutionsFaq />
+        </div>
+        <div className="mt-32 lg:mt-56">
+          <SolutionsBottomCallToAction />
+        </div>
+      </DefaultLayout>
+    </>
+  );
+}
+
+export default EnterpriseSolutionsManagement;

nx-dev/nx-dev/pages/solutions/platform.tsx

@@ -0,0 +1,85 @@
+import { useRouter } from 'next/router';
+import { NextSeo } from 'next-seo';
+import { ButtonLinkProps, DefaultLayout } from '@nx/nx-dev/ui-common';
+import {
+  CostEfficientCompute,
+  CustomerLogos,
+  EasyToAdoptEasyToMaintain,
+  HetznerCloudTestimonial,
+  ReliableByDesign,
+  SolutionsBottomCallToAction,
+  SolutionsFaq,
+  SolutionsPlatformHero,
+  SolutionsPlatformTestimonials,
+  SolutionsTopCallToAction,
+} from '@nx/nx-dev/ui-enterprise';
+import { type ReactElement } from 'react';
+
+export function EnterpriseSolutionsPlatform(): ReactElement {
+  const router = useRouter();
+
+  const headerCTAConfig: ButtonLinkProps[] = [
+    {
+      href: '/contact',
+      variant: 'secondary',
+      size: 'small',
+      title: 'Contact us',
+      children: 'Contact us',
+    },
+  ];
+
+  return (
+    <>
+      <NextSeo
+        title="CI that works out of the box – and stays reliable at scale"
+        description="Nx delivers reliable, out-of-the-box CI that scales. Cut costs and boost speed with smart caching, compute distribution, and enhanced security for your pipelines."
+        canonical="https://nx.dev/solutionss/platform"
+        openGraph={{
+          url: 'https://nx.dev' + router.asPath,
+          title: 'CI that works out of the box – and stays reliable at scale',
+          description:
+            'Nx delivers reliable, out-of-the-box CI that scales. Cut costs and boost speed with smart caching, compute distribution, and enhanced security for your pipelines.',
+          images: [
+            {
+              url: 'https://nx.dev/socials/nx-media.png',
+              width: 800,
+              height: 421,
+              alt: 'Nx: Smart Monorepos · Fast CI',
+              type: 'image/jpeg',
+            },
+          ],
+          siteName: 'Nx',
+          type: 'website',
+        }}
+      />
+      <DefaultLayout headerCTAConfig={headerCTAConfig}>
+        <SolutionsPlatformHero />
+        <CustomerLogos />
+        <SolutionsTopCallToAction />
+        <div className="mt-32 lg:mt-56">
+          <EasyToAdoptEasyToMaintain />
+        </div>
+        <div className="mt-32 lg:mt-56">
+          <ReliableByDesign />
+        </div>
+        <div className="mt-32 lg:mt-56">
+          <HetznerCloudTestimonial />
+        </div>
+        <div className="mt-32 lg:mt-56">
+          <CostEfficientCompute />
+        </div>
+        <div className="mt-32 lg:mt-56">
+          <SolutionsPlatformTestimonials />
+        </div>
+        <div className="mt-32 lg:mt-56">
+          <SolutionsFaq />
+        </div>
+        <div className="mt-32 lg:mt-56">
+          <SolutionsBottomCallToAction />
+        </div>
+      </DefaultLayout>
+    </>
+  );
+}
+
+export default EnterpriseSolutionsPlatform;