theme.config.tsx

import React from 'react';
import { DocsThemeConfig } from 'nextra-theme-docs';
import { Logo } from './components/Logo';

const config: DocsThemeConfig = {
	logo: <Logo />,
	project: {
		link: 'https://github.com/sei-protocol'
	},
	chat: {
		link: 'https://discord.gg/sei'
	},
	docsRepositoryBase: 'https://github.com/sei-protocol/sei-docs/tree/main',
	footer: {
		text: 'Sei Docs © 2024'
	},
	head: <></>,
	sidebar: {
		defaultMenuCollapseLevel: 1
	},
	useNextSeoProps() {
		return {
			titleTemplate: '%s - Sei Docs',
			description: 'Documentation for Sei Network',
			openGraph: {
				type: 'website',
				locale: 'en_US',
				siteName: 'Sei Docs',
				description: 'Documentation for Sei Network',
				images: [
					{
						url: 'https://www.docs.sei.io/assets/sei-v2-banner.jpg',
						width: 1600,
						height: 900,
						alt: 'Sei V2 Overview',
						type: 'image/jpg'
					}
				]
			},
			twitter: {
				site: '@SeiNetwork'
			},
			additionalLinkTags: [
				{
					rel: 'icon',
					href: '/favicon.ico'
				},
				{
					href: '/favicon-16x16.png',
					rel: 'icon',
					sizes: '16x16',
					type: 'image/png'
				},
				{
					href: '/favicon-32x32.png',
					rel: 'icon',
					sizes: '32x32',
					type: 'image/png'
				},
				{
					href: '/apple-touch-icon.png',
					rel: 'apple-touch-icon',
					sizes: '180x180'
				}
			]
		};
	}
};

export default config;