theme.config.tsx

import { useConfig } from "nextra-theme-docs"

export default {
  logo: <span>ZkNoid Project</span>,
  project: {
    link: 'https://github.com/ZkNoid'
  },
  chat: {
    link: 'https://twitter.com/ZkNoid',
    icon: (
      <svg width="24" height="24" viewBox="0 0 248 204">
      <path
        fill="currentColor"
        d="M221.95 51.29c.15 2.17.15 4.34.15 6.53 0 66.73-50.8 143.69-143.69 143.69v-.04c-27.44.04-54.31-7.82-77.41-22.64 3.99.48 8 .72 12.02.73 22.74.02 44.83-7.61 62.72-21.66-21.61-.41-40.56-14.5-47.18-35.07a50.338 50.338 0 0 0 22.8-.87C27.8 117.2 10.85 96.5 10.85 72.46v-.64a50.18 50.18 0 0 0 22.92 6.32C11.58 63.31 4.74 33.79 18.14 10.71a143.333 143.333 0 0 0 104.08 52.76 50.532 50.532 0 0 1 14.61-48.25c20.34-19.12 52.33-18.14 71.45 2.19 11.31-2.23 22.15-6.38 32.07-12.26a50.69 50.69 0 0 1-22.2 27.93c10.01-1.18 19.79-3.86 29-7.95a102.594 102.594 0 0 1-25.2 26.16z"
      />
      </svg>
    )
  },
  docsRepositoryBase: 'https://github.com/ZkNoid/docs',
  head: () => {
    const config = useConfig();
    const title = `${config.title} – ZkNoid`;
    return (
    <>
      <title>{title}</title>
      <meta name="viewport" content="width=device-width, initial-scale=1.0" />
      <link
        rel="shortcut icon"
        type="image/x-icon"
        href={"/favicon.ico"}
      />
      <meta property="og:title" content={title} />
    </>
  )},
  footer: {
    content: (
      <span>
        MIT {new Date().getFullYear()} ©{' '}
        <a href="https://zknoid.io/" target="_blank">
          ZkNoid
        </a>
        .
      </span>
    )
  },
  useNextSeoProps: () => ({
    titleTemplate: '%s – ZkNoid'
  }),
}