'use client';
import { Dialog, Transition } from '@headlessui/react';
import { cx } from '@nx/nx-dev/ui-primitives';
import { PlayIcon } from '@heroicons/react/24/outline';
import { motion } from 'framer-motion';
import { ComponentProps, Fragment, useState } from 'react';
import { ButtonLink, SectionHeading } from '@nx/nx-dev/ui-common';
import { MovingBorder } from '@nx/nx-dev/ui-animations';
import Image from 'next/image';
export function Hero(): JSX.Element {
const [isOpen, setIsOpen] = useState(false);
return (
Fast CI
Built for Monorepos
Nx Cloud is the end-to-end solution for smart, efficient and
maintainable CI.
{/*MODAL*/}
);
}
function PlayButton({
className,
...props
}: ComponentProps<'div'>): JSX.Element {
const parent = {
initial: {
width: 82,
transition: {
when: 'afterChildren',
},
},
hover: {
width: 296,
transition: {
duration: 0.125,
type: 'tween',
ease: 'easeOut',
},
},
};
const child = {
initial: {
opacity: 0,
x: -6,
},
hover: {
x: 0,
opacity: 1,
transition: {
duration: 0.015,
type: 'tween',
ease: 'easeOut',
},
},
};
return (
See how Nx Cloud works
In under 9 minutes
);
}