# Source: https://react-spectrum.adobe.com/releases/index.md

# Source: https://react-spectrum.adobe.com/index.md

<RouterWrapperServer currentPage={props.currentPage}>
  <Provider
    elementType="html"
    locale="en"
  >
    <head>
      <meta charSet="utf-8"/>

      <meta
        name="viewport"
        content="width=device-width, initial-scale=1"
      />

      <link
        rel="icon"
        href={rspFavicon}
      />

      <title>React Spectrum</title>

      <meta
        rel="preload"
        as="font"
        href="https://use.typekit.net/af/ca4cba/0000000000000000775c55a1/31/l?primer=f592e0a4b9356877842506ce344308576437e4f677d7c9b78ca2162e6cad991a&fvd=n1&v=3"
        crossOrigin=""
      />

      <meta
        name="description"
        content={description}
      />

      <meta
        name="keywords"
        content="accessibility,components,react,headless,style-free"
      />

      <meta
        name="twitter:card"
        content="summary_large_image"
      />

      <meta
        name="twitter:image"
        content={`${getBaseUrl('s2')}/og/index.png`}
      />

      <meta
        property="og:title"
        content="React Spectrum"
      />

      <meta
        property="og:type"
        content="website"
      />

      <meta
        property="og:url"
        content={props.currentPage.url}
      />

      <meta
        property="og:image"
        content={`${getBaseUrl('s2')}/og/index.png`}
      />

      <meta
        property="og:description"
        content={description}
      />

      <meta
        property="og:locale"
        content="en_US"
      />

      <link
        rel="canonical"
        href={props.currentPage.url}
      />

      <script
        type="application/ld+json"
        dangerouslySetInnerHTML={{__html: JSON.stringify(
                {
                  '@context': 'http://schema.org',
                  '@type': 'Article',
                  author: 'Adobe Inc',
                  headline: 'React Spectrum',
                  description,
                  image: `${getBaseUrl('s2')}/og/index.png`,
                  publisher: {
                    '@type': 'Organization',
                    url: 'https://www.adobe.com',
                    name: 'Adobe',
                    logo: 'https://www.adobe.com/favicon.ico'
                  }
                }
              )}}
      />
    </head>

    <Home currentPage={props.currentPage}/>
  </Provider>
</RouterWrapperServer>