feat(nx-dev): add company video

Author: juristr

nx-dev/nx-dev/pages/company.tsx

@@ -1,6 +1,8 @@
 import { useRouter } from 'next/router';
 import { NextSeo } from 'next-seo';
 import { CoFounders, Hero, TheTeam, Layout } from '@nx/nx-dev/ui-company';
+import { CustomerLogos } from '@nx/nx-dev/ui-enterprise';
+import { SectionHeading } from '@nx/nx-dev/ui-common';
 
 export function Company(): JSX.Element {
   const router = useRouter();
@@ -31,6 +33,17 @@ export function Company(): JSX.Element {
       <Layout>
         <div>
           <Hero />
+          <div className="mx-auto mt-32 max-w-3xl text-center">
+            <SectionHeading
+              as="h2"
+              variant="subtitle"
+              id="trusted"
+              className="scroll-mt-24 font-medium tracking-tight text-slate-950 sm:text-3xl dark:text-white"
+            >
+              Trusted by leading OSS projects and Fortune 500 companies.
+            </SectionHeading>
+          </div>
+          <CustomerLogos />
         </div>
         <div className="mt-32 lg:mt-56">
           <CoFounders />

nx-dev/nx-dev/public/images/nx-company-video-bg.avif

@@ -1,4 +1,5 @@
-import { SectionHeading } from '@nx/nx-dev/ui-common';
+'use client';
+import { SectionHeading, YouTube } from '@nx/nx-dev/ui-common';
 import {
   GlobeAltIcon,
   TrophyIcon,
@@ -24,24 +25,28 @@ const statements = [
       "Since 2016 we've been helping global enterprises use build tools to optimize their development processes, speed up their CI and create better software.",
   },
 ];
+
 export function Hero(): JSX.Element {
   return (
     <section>
       <div className="mx-auto max-w-7xl px-6 lg:px-8">
         <div className="mx-auto max-w-3xl text-center">
           <SectionHeading as="h1" variant="display">
-            About us
+            We Help You Suceed at Scale
           </SectionHeading>
           <SectionHeading
             as="p"
             variant="subtitle"
             className="mx-auto mt-6 max-w-3xl"
           >
-            We make developers
+            Making developers
             <span className="mx-1 text-gray-500 line-through">10x</span>
             Nx more productive
           </SectionHeading>
         </div>
+        <div className="mt-12">
+          <YouTube src="https://youtu.be/Ut-FfVChAno" title="About Nx" />
+        </div>
         <dl className="mt-24 grid grid-cols-1 gap-16 lg:grid lg:grid-cols-3">
           {statements.map((statement, _) => {
             return (