Update routing and styling

karan925 · karan925 · commit df824403e0bc · 2023-12-22T10:25:51.000-08:00
diff --git a/docs/introduction/about.md b/docs/introduction/about.md
@@ -4,6 +4,7 @@ title: What is CodeRabbit?
 sidebar_label: What is CodeRabbit?
 description: Accelerate Code Reviews with AI
 image: "/preview_meta.jpg"
+slug: "/"
 ---
 
 <head>
diff --git a/docusaurus.config.ts b/docusaurus.config.ts
@@ -71,7 +71,7 @@ const config: Config = {
                 docs: {
                     sidebarPath: "./sidebars.ts",
                     // path: "./docs",
-                    routeBasePath: "/docs",
+                    routeBasePath: "/",
                     breadcrumbs: false,
                 },
                 blog: {
diff --git a/src/pages/index.module.css b/src/pages/index.module.css
@@ -4,20 +4,20 @@
  */
 
 .heroBanner {
-  padding: 4rem 0;
-  text-align: center;
-  position: relative;
-  overflow: hidden;
+    padding: 4rem 0;
+    text-align: center;
+    position: relative;
+    overflow: hidden;
 }
 
 @media screen and (max-width: 996px) {
-  .heroBanner {
-    padding: 2rem;
-  }
+    .heroBanner {
+        padding: 2rem;
+    }
 }
 
 .buttons {
-  display: flex;
-  align-items: center;
-  justify-content: center;
+    display: flex;
+    align-items: center;
+    justify-content: center;
 }
diff --git a/src/pages/index.tsx b/src/pages/index.tsx
@@ -1,58 +1,6 @@
-import useDocusaurusContext from "@docusaurus/useDocusaurusContext";
-import HomepageFeatures from "@site/src/components/HomepageFeatures";
-import Layout from "@theme/Layout";
-
-// function HomepageHeader() {
-//     const { siteConfig } = useDocusaurusContext();
-//     return (
-//         <header className={clsx("hero hero--primary", styles.heroBanner)}>
-//             <div className="container">
-//                 <Heading as="h1" className="hero__title">
-//                     {siteConfig.title}
-//                 </Heading>
-//                 <p className="hero__subtitle">{siteConfig.tagline}</p>
-//             </div>
-//         </header>
-//     );
-// }
-
-import { useHistory } from "react-router-dom"; // Import useHistory hook
-
-function HomepageHeader() {
-    const history = useHistory(); // Initialize useHistory hook
-
-    // Function to navigate to the Blog section
-    const goToBlog = () => {
-        history.push("/blog"); // Redirect to the /blog route
-    };
-
-    // Function to navigate to the Docs section
-    const goToDocs = () => {
-        history.push("/docs/introduction"); // Redirect to the /docs route
-    };
-
-    return (
-        <header>
-            {/* Blog link */}
-            <button onClick={goToBlog}>Go to Blog</button>
-
-            {/* Docs link */}
-            <button onClick={goToDocs}>Go to Docs</button>
-        </header>
-    );
-}
+import { Redirect } from "@docusaurus/router";
 
 export default function Home(): JSX.Element {
-    const { siteConfig } = useDocusaurusContext();
-    return (
-        <Layout
-            title={`Docs`}
-            description="Description will go into a meta tag in <head />"
-        >
-            <HomepageHeader />
-            <main>
-                <HomepageFeatures />
-            </main>
-        </Layout>
-    );
+    // const { siteConfig } = useDocusaurusContext();
+    return <Redirect to="/introduction" />;
 }
