import { Meta } from "@storybook/addon-docs";

<Meta title="Introduction" />

<div className="flex flex-col items-center text-center">
  <h1 style={{ marginBottom: "24px", marginTop: "36px" }}>Welcome to Cal.com UI</h1>
  <p>
    This is the beginning of our storybook improvements to match Figma as close as possible. Like our Figma
    library, we will be adding more components as we go along.
  </p>
  <p>
    Our{" "}
    <a href="https://www.figma.com/file/9MOufQNLtdkpnDucmNX10R/%E2%9D%96-Cal-DS" target="_blank">
      Figma
    </a>{" "}
    library is available for anyone to view and use. If you have any questions or concerns, please reach out to
    the design team.
  </p>
</div>

<img src="/sb-cover.jpg" />