import React from "react";
import styles from "./styles.module.css";
import useBaseUrl from "@docusaurus/useBaseUrl";
import ThemedImage from "@theme/ThemedImage";
import { addDarkToFileName } from "../../../util/util";
import { SliderButton } from "@typeform/embed-react";
export default function ConferenceHero() {
  const communication = "/conf/codey-surfing-small.png";

  return (
    <div className={styles.center}>
      <div className={styles.mainCard}>
        <div>
          <div className={styles.headerSection}>
            <div className={styles.shipyardText}>Shipyard</div>
            <div className={styles.yearTextBorder}>
              <div className={styles.yearText}>2023</div>
            </div>
          </div>

          <div className={styles.comingSoonText}>COMING SOON | Q1 2023</div>
          <div className={styles.descriptionText}>
            The conference for developers on SailPoint platforms.
          </div>

          <SliderButton id="gVCODdMc" className={styles.button}>
            Join the Waitlist
          </SliderButton>
        </div>
      </div>
    </div>
  );
}
