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

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 Repos · Fast Builds',
              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;