kit/site/doc/theme.config.tsx

import React from "react";
import type { DocsThemeConfig } from "nextra-theme-docs";
import { useConfig } from "nextra-theme-docs";
import seoConfig from "./seo.config";

const config: DocsThemeConfig = {
  logo: <span>LuxKit Doc</span>,
  logoLink: false,
  project: {
    link: "https://github.com/luxfi/luxkit",
  },
  docsRepositoryBase: "https://github.com/luxfi/luxkit/tree/main/site/doc",

  useNextSeoProps: () => ({ titleTemplate: "%s – LuxKit" }),

  head: () => {
    const { frontMatter: meta } = useConfig();
    const { title } = meta;

    return (
      <>
        {seoConfig.icons.map((icon, index) => (
          <link key={index} rel={icon.rel} href={icon.url} />
        ))}
        <link rel="icon" href="/favicon.png" />
        <meta httpEquiv="Content-Language" content="en" />
        <meta
          name="description"
          content={meta["description"] || seoConfig.description}
        />
        <meta
          name="og:title"
          content={title ? title + " – LuxKit" : seoConfig.title.default}
        />
        <meta
          name="og:description"
          content={meta["description"] || seoConfig.description}
        />
        <meta name="og:image" content={seoConfig.openGraph.images} />
        <meta name="og:url" content={seoConfig.openGraph.url} />
        <meta name="twitter:image" content="/logo_twitter.png" />
        <meta
          name="twitter:description"
          content="The game-changing wallet for Ethereum and all EVM chains"
        />
        <meta name="twitter:card" content="summary" />
        <meta name="twitter:site" content={seoConfig.twitter.site} />
        <meta name="twitter:creator" content={seoConfig.twitter.creator} />
        <meta name="apple-mobile-web-app-title" content="LuxKit" />
      </>
    );
  },
  footer: {
    component: null,
  },
};

export default config;