docs: landing page (#56)

* fixe

* add landing page

* fix

documentation/components/CodeBlock.tsx

@@ -5,6 +5,7 @@ import { useEffect, useState } from 'react';
 // import rawNsmCode from "../dist/nsm-docs-bundle/index.mjs?raw";
 import prettier from 'prettier';
 
+import Image from 'next/image';
 export function CodeBlockVanilla({
   height,
   children,

documentation/next.config.js

@@ -20,14 +20,4 @@ module.exports = {
       return config;
     },
   }),
-
-  async redirects() {
-    return [
-      {
-        source: '/',
-        destination: '/docs',
-        permanent: true,
-      },
-    ];
-  },
 };

documentation/package.json

@@ -24,9 +24,11 @@
     "@types/node": "18.14.6",
     "@types/react": "^18.2.24",
     "@types/react-dom": "^18.0.11",
+    "autoprefixer": "^10.4.16",
     "eslint-config-custom": "workspace:*",
     "eslint-config-next": "^13.5.4",
     "npm-run-all": "^4.1.5",
+    "postcss": "^8.4.31",
     "tailwindcss": "^3.3.3",
     "tsconfig": "workspace:*",
     "tsup": "^7.2.0",

documentation/pages/_app.mdx

@@ -1,4 +1,5 @@
-export default function App({ Component, pageProps }) {
-  return <Component {...pageProps} />
+import "../style.css";
 
+export default function App({ Component, pageProps }) {
+  return <Component {...pageProps} />;
 }

documentation/pages/index.mdx

@@ -1 +1,40 @@
-# Nalanda
+import Image from 'next/image';
+
+<div className="min-h-[80vh] flex flex-col justify-center">
+  <div className="mx-auto space-y-8">
+    <div className="flex justify-center">
+      <Image
+        priority={true}
+        src="/nalanda.png"
+        alt="Nalanda Logo"
+        className="border-4 border-orange-300 rounded-full z-10"
+        width={170}
+        height={170}
+      />
+    </div>
+    <div>
+      <div className="text-6xl font-black text-center leading-tight pt-2">
+        <span className="font-black inline-block text-transparent bg-clip-text bg-gradient-to-b dark:from-orange-600 dark:to-yellow-200 from-orange-500 to-yellow-500 animate-gradientAnimation">
+          Nalanda
+        </span>
+      </div>
+
+
+      <div className="text-2xl font-medium text-center  break-words">
+        State Management
+      </div>
+
+      <div className="text-lg text-center max-w-md pt-2">
+        A powerful state management library that <span className="bg-clip-text text-transparent bg-gradient-to-r from-yellow-600 to-red-400 font-semibold">
+    scales
+  </span>.
+      </div>
+
+      <div className="flex justify-center space-x-4 mt-7">
+        <a href="/docs" className="px-8 py-3 bg-transparent border dark:border-yellow-200 border-yellow-700  dark:hover:bg-gray-700 dark:text-yellow-100 font-semibold rounded shadow-md transition duration-300">
+          Get started
+        </a>
+      </div>
+    </div>
+  </div>
+</div>

documentation/postcss.config.js

@@ -0,0 +1,6 @@
+module.exports = {
+  plugins: {
+    tailwindcss: {},
+    autoprefixer: {},
+  },
+}

documentation/style.css

@@ -1,3 +1,18 @@
 @tailwind base;
 @tailwind components;
 @tailwind utilities;
+
+@keyframes gradientAnimation {
+  0%,
+  100% {
+    background-position: 100% 0%;
+  }
+  50% {
+    background-position: 0% 100%;
+  }
+}
+
+.animate-gradientAnimation {
+  background-size: 200% 200%;
+  animation: gradientAnimation 6s infinite;
+}

documentation/tailwind.config.js

@@ -1,8 +1,8 @@
 /** @type {import('tailwindcss').Config} */
 module.exports = {
   content: [
-    './pages/**/*.{js,ts,jsx,tsx,mdx}',
-    './components/**/*.{js,ts,jsx,tsx}',
+    './pages/**/*.{js,ts,jsx,tsx,md,mdx}',
+    './components/**/*.{js,ts,jsx,tsx,mdx}',
     './theme.config.tsx',
   ],
   theme: {

documentation/theme.config.tsx

@@ -1,11 +1,16 @@
-import type { DocsThemeConfig } from 'nextra-theme-docs';
+import type { DocsThemeConfig } from "nextra-theme-docs";
+import Image from "next/image";
 
 const config: DocsThemeConfig = {
-  logo: <span>Nalanda State</span>,
+  logo: (
+    <span className="animate-gradientAnimation font-black inline-block text-transparent bg-clip-text bg-gradient-to-r dark:from-red-100 dark:to-amber-500 from-red-600 to-amber-500">
+      Nalanda
+    </span>
+  ),
   docsRepositoryBase:
-    'https://github.com/bangle-io/nalanda/blob/dev/documentation/pages',
+    "https://github.com/bangle-io/nalanda/blob/dev/documentation/pages",
   project: {
-    link: 'https://github.com/bangle-io/nalanda',
+    link: "https://github.com/bangle-io/nalanda",
   },
   footer: {
     text: (