import clsx from 'clsx';
import Heading from '@theme/Heading';
import styles from './styles.module.css';

const Divider = require('@site/static/homepage/divider.svg').default;

export default function HomepageStartNow(): JSX.Element {
  return (
    <section className={styles.startNow}>
      <Heading as="h2" className={clsx('text--center', styles.heading)}>
        Ready to integrate Unisphere into your application
      </Heading>
      <a
        className={clsx('uc-button', styles.startNowBtn)}
        href="/docs/documentation/overview"
      >
        Start now
      </a>
      <Divider className={clsx(styles.divider)} alt="Divider image"/>
    </section>
  );
}
