---
import BaseLayout from "../layouts/BaseLayout.astro";
import Login from "../components/Forms/Login.astro";
import { AstroSeo } from "@astrolib/seo";
---

<!---
Use AstroSeo in all the pages you want different Seo than the index page
-->
<AstroSeo
  title="Log in"
  description="Your site description goes here"
  canonical="https://www.michaelandreuzza.com"
  openGraph={{
    url: "https://www.michaelandreuzza.com",
    title: "Open Graph Title",
    description: "Open Graph Description",
    images: [
      {
        url: "https://www.michaelandreuzza.com/opengraph/social-og.jpg",
        width: 1200,
        height: 630,
        alt: "Social open graph",
        type: "image/jpeg",
      },
      {
        url: "https://www.michaelandreuzza.com/opengraph/twitter-og.jpg",
        width: 4096,
        height: 4096,
        alt: "Twitter open graph",
        type: "image/jpeg",
      },
      { url: "https://www.michaelandreuzza.com/opengraph/social-og.jpg" },
      { url: "https://www.michaelandreuzza.com/opengraph/twitter-og.jpg" },
    ],
    site_name: "YourSitesName",
  }}
  twitter={{
    handle: "@Mike_Andreuzza",
    site: "@site",
    cardType: "summary_large_image",
  }}
/>
<BaseLayout>
  <Login />
</BaseLayout>