diff --git a/next.config.mjs b/next.config.mjs
index 6ea456f..7919643 100644
--- a/next.config.mjs
+++ b/next.config.mjs
@@ -6,6 +6,16 @@ const withNextra = nextra({
   themeConfig: './theme.config.tsx'
 })
 
-const nextConfig = {}
+const nextConfig = {
+  async redirects() {
+    return [
+      {
+        source: '/',
+        destination: '/docs',
+        permanent: true
+      }
+    ]
+  }
+}
 
 export default withNextra(nextConfig)
diff --git a/src/components/footer.tsx b/src/components/footer.tsx
deleted file mode 100644
index c3edc32..0000000
--- a/src/components/footer.tsx
+++ /dev/null
@@ -1,14 +0,0 @@
-import { Heart } from '@/components/icons/heart'
-
-export const Footer = () => {
-  return (
-    <footer className='absolute bottom-0 left-0 w-full p-6'>
-      <div className='flex items-center space-x-3 text-gray-400'>
-        <div className='h-6 w-6 opacity-50'>
-          <Heart />
-        </div>
-        <p className='text-sm'>crafted with care and dedication.</p>
-      </div>
-    </footer>
-  )
-}
diff --git a/src/components/header.tsx b/src/components/header.tsx
deleted file mode 100644
index 9454a69..0000000
--- a/src/components/header.tsx
+++ /dev/null
@@ -1,38 +0,0 @@
-import Link from 'next/link'
-import { Github } from 'lucide-react'
-
-import { Kinotio } from '@/components/icons/kinotio'
-import { Discord } from '@/components/icons/discord'
-
-import { DATA } from '@/data'
-
-export const Header = () => {
-  return (
-    <header className='fixed top-0 left-0 right-0 z-10 bg-opacity-90 backdrop-blur-sm'>
-      <div className='container mx-auto px-4 py-4 flex items-center justify-between'>
-        <Link href='/' className='flex items-center space-x-2'>
-          <Kinotio width={150} height={100} />
-        </Link>
-        <nav className='flex items-center space-x-6'>
-          <Link href='/docs' className='text-gray-300 hover:text-white transition-colors'>
-            Docs
-          </Link>
-          <Link
-            href={DATA.social_url.discord}
-            className='text-gray-300 hover:text-white transition-colors'
-          >
-            <Discord className='h-6 w-6' />
-            <span className='sr-only'>Discord</span>
-          </Link>
-          <Link
-            href={DATA.social_url.github}
-            className='text-gray-300 hover:text-white transition-colors'
-          >
-            <Github className='h-6 w-6' />
-            <span className='sr-only'>GitHub</span>
-          </Link>
-        </nav>
-      </div>
-    </header>
-  )
-}
diff --git a/src/components/theme-provider.tsx b/src/components/theme-provider.tsx
deleted file mode 100644
index d4b4bbf..0000000
--- a/src/components/theme-provider.tsx
+++ /dev/null
@@ -1,9 +0,0 @@
-'use client'
-
-import * as React from 'react'
-import { ThemeProvider as NextThemesProvider } from 'next-themes'
-import { type ThemeProviderProps } from 'next-themes/dist/types'
-
-export function ThemeProvider({ children, ...props }: ThemeProviderProps) {
-  return <NextThemesProvider {...props}>{children}</NextThemesProvider>
-}
diff --git a/src/components/toogle-theme.tsx b/src/components/toogle-theme.tsx
deleted file mode 100644
index 55fc429..0000000
--- a/src/components/toogle-theme.tsx
+++ /dev/null
@@ -1,27 +0,0 @@
-import { useTheme } from 'next-themes'
-import { Moon, Sun } from 'lucide-react'
-import Link from 'next/link'
-
-export const ToggleTheme = () => {
-  const { theme, setTheme } = useTheme()
-
-  return (
-    <Link
-      href='#'
-      onClick={() => setTheme(theme === 'light' ? 'dark' : 'light')}
-      className='w-full justify-start'
-    >
-      <div className='flex gap-2 dark:hidden'>
-        <Moon size={20} />
-        <span className='block lg:hidden'>Dark</span>
-      </div>
-
-      <div className='dark:flex gap-2 hidden'>
-        <Sun size={20} />
-        <span className='block lg:hidden'>Light</span>
-      </div>
-
-      <span className='sr-only'>Toggle theme</span>
-    </Link>
-  )
-}
diff --git a/src/pages/index.tsx b/src/pages/index.tsx
index 2dd50f7..5aaf113 100644
--- a/src/pages/index.tsx
+++ b/src/pages/index.tsx
@@ -1,13 +1,6 @@
 import { Inter } from 'next/font/google'
 import Head from 'next/head'
 import Script from 'next/script'
-import Link from 'next/link'
-
-import { ThemeProvider } from '@/components/theme-provider'
-
-import { Header } from '@/components/header'
-import { Footer } from '@/components/footer'
-
 import { DATA } from '@/data'
 
 import { cn } from '@/lib/utils'
@@ -53,60 +46,33 @@ export const metadata = {
 
 export default function Home() {
   return (
-    <ThemeProvider attribute='class' forcedTheme='dark' disableTransitionOnChange>
-      <div className={cn('min-h-screen relative overflow-hidden', [inter.className])}>
-        <Head>
-          <title>{metadata.title.default}</title>
-          <meta name='description' content={metadata.description} />
-          <meta name='keywords' content={metadata.keywords.join(', ')} />
-          <meta property='og:title' content={metadata.openGraph.title} />
-          <meta property='og:description' content={metadata.openGraph.description} />
-          <meta property='og:url' content={metadata.openGraph.url} />
-          <meta property='og:site_name' content={metadata.openGraph.siteName} />
-          <meta property='og:locale' content={metadata.openGraph.locale} />
-          <meta property='og:type' content={metadata.openGraph.type} />
-          <meta name='robots' content='index, follow' />
-          <meta
-            name='googlebot'
-            content='index, follow, max-video-preview:-1, max-image-preview:large, max-snippet:-1'
-          />
-          <meta name='twitter:title' content={metadata.twitter.title} />
-          <meta name='twitter:card' content={metadata.twitter.card} />
-          <meta name='google-site-verification' content={metadata.verification.google} />
-          <meta name='yandex-verification' content={metadata.verification.yandex} />
-        </Head>
-
-        <Script
-          async
-          src='https://umami.kinotio.io/script.js'
-          data-website-id='b74460b2-21dd-46e9-b311-2250008a74bb'
+    <div className={cn('min-h-screen relative overflow-hidden', [inter.className])}>
+      <Head>
+        <title>{metadata.title.default}</title>
+        <meta name='description' content={metadata.description} />
+        <meta name='keywords' content={metadata.keywords.join(', ')} />
+        <meta property='og:title' content={metadata.openGraph.title} />
+        <meta property='og:description' content={metadata.openGraph.description} />
+        <meta property='og:url' content={metadata.openGraph.url} />
+        <meta property='og:site_name' content={metadata.openGraph.siteName} />
+        <meta property='og:locale' content={metadata.openGraph.locale} />
+        <meta property='og:type' content={metadata.openGraph.type} />
+        <meta name='robots' content='index, follow' />
+        <meta
+          name='googlebot'
+          content='index, follow, max-video-preview:-1, max-image-preview:large, max-snippet:-1'
         />
+        <meta name='twitter:title' content={metadata.twitter.title} />
+        <meta name='twitter:card' content={metadata.twitter.card} />
+        <meta name='google-site-verification' content={metadata.verification.google} />
+        <meta name='yandex-verification' content={metadata.verification.yandex} />
+      </Head>
 
-        <Header />
-        <main className='min-h-screen'>
-          <section className='container mx-auto px-4 py-20 min-h-screen flex flex-col justify-center'>
-            <div className='absolute top-1/2 left-1/2 transform -translate-x-1/2 -translate-y-1/2 w-96 h-96 bg-gradient-to-r from-white to-blue-500 rounded-full filter blur-3xl opacity-10 animate-pulse'></div>
-            <div className='max-w-6xl space-y-8'>
-              <div className='space-y-6'>
-                <h1 className='text-4xl font-medium text-white md:text-5xl lg:text-6xl'>
-                  This platform is dedicated to providing detailed documentation about our products,
-                  offering users and developers the necessary insights and guidance to effectively
-                  engage with and contribute to our ecosystem.
-                </h1>
-              </div>
-              <div>
-                <p className='text-white'>
-                  If you&apos;re passionate about open-source development, you should{' '}
-                  <Link href='/join' className='underline hover:text-gray-300'>
-                    join us and contribute!
-                  </Link>
-                </p>
-              </div>
-            </div>
-          </section>
-        </main>
-        <Footer />
-      </div>
-    </ThemeProvider>
+      <Script
+        async
+        src='https://umami.kinotio.io/script.js'
+        data-website-id='b74460b2-21dd-46e9-b311-2250008a74bb'
+      />
+    </div>
   )
 }